Tworzenie modeli sprzętów AGD - czajnik bezprzewodowy. Część III - animacja i rendering.

Podobne dokumenty
Głębia ostrości i animacja w Cinema4D.

Tworzenie modeli sprzętów AGD - czajnik bezprzewodowy. Część IV - przygotowanie elementów do montażu we Flashu.

Baner internetowy w standardzie GIF - metoda tworzenia tandemem aplikacji Illustrator - ImageReady.

Zastosowanie zmiennej globalnej do sterowania animacją interaktywną. Flash MX 2004

Tworzenie modeli sprzętów AGD - czajnik bezprzewodowy. Część I - modelowanie.

Tworzenie modeli sprzętów AGD - czajnik bezprzewodowy. Część II - texturowanie.

Fizyka ciał w Cinema4D - dwie kulki.

Rysunek 1: Okno timeline wykorzystywane do tworzenia animacji.

Warstwowy montaż ujęć wideo i renderingów.

Ćwiczenie 1 Automatyczna animacja ruchu

Uniwersytet Zielonogórski. Kurs: Autodesk 3D Studio MAX Komputerowa grafika 3D. 3dsmax Tworzenie animacji 3D.

Animacja. Instrukcja wykonania animacji metodą klatek kluczowych. Autor: Bartosz Kowalczyk. Blender 2.61

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP

Ćwiczenie 6 Animacja trójwymiarowa

Temat: Organizacja skoroszytów i arkuszy

Adobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.

Oficyna Wydawnicza UNIMEX ebook z zabezpieczeniami DRM

Wstawianie filmu i odtwarzanie go automatycznie

Źródło:

Grażyna Koba. Grafika komputerowa. materiały dodatkowe do podręcznika. Informatyka dla gimnazjum

Animacje z zastosowaniem suwaka i przycisku

Tworzenie prezentacji w MS PowerPoint

Ćwiczenie 4 - Podstawy materiałów i tekstur. Renderowanie obrazu i animacji

5.4. Tworzymy formularze

Informatyka w służbie efektów specjalnych. Część druga

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Wersja 2.6 przeznaczona jest dla systemów Windows Vista/7. Pobierz ze strony:

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

Maskowanie i selekcja

Narzędzia programu Paint

23. ZEGAR SŁONECZNY - ANIMACJA

Kolory elementów. Kolory elementów

Informatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1

Access - Aplikacja. Tworzenie bazy danych w postaci aplikacji

Cover sheet. WinCC (TIA Portal) FAQ Listopad 2012

Badanie ruchu złożenia

Grafika komputerowa. Zajęcia 8

ApSIC Xbench: Szybki start wydanie Mariusz Stępień

BAZA_1 Temat: Tworzenie i modyfikowanie formularzy.

Tworzenie modeli sprzętów AGD - czajnik bezprzewodowy. Część V - przygotowanie elementów do montażu we Flashu.

Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt

Rotoss Advance. One Color. Instrukcja użytkowania i montażu. Binary Helix S.A. Tychy

c. Przesuwamy sześcian wzdłuż osi Z o wartość 5

BLENDER- Laboratorium 1 opracował Michał Zakrzewski, 2014 r. Interfejs i poruszanie się po programie oraz podstawy edycji bryły

Program SigmaViewer.exe

Scenariusz lekcji. Scenariusz lekcji. opisać działanie narzędzi przybornika. korzystać z Edytora postaci programu Logomocja;

Przewodnik po obszarze roboczym

Eksportowanie materiału do urządzeń analogowych. (FinalCutPro, Canopus ADVC 110, JVC HR-S5963)

Celem ćwiczenia jest zapoznanie się z podstawowymi funkcjami i pojęciami związanymi ze środowiskiem AutoCAD 2012 w polskiej wersji językowej.

Instrukcja obsługi przełącznika KVM ATEN CS661. Opis urządzenia. Instalacja urządzenia

Metaliczny button z deseniem.

Informatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1

TWORZENIE ARKUSZY Z PRZEKROJAMI POPRZECZNYMI

Palety by CTI. Instrukcja

Cel ćwiczenia: Nabycie umiejętności poruszania się w przestrzeni programu Kuka.Sim Pro oraz zapoznanie się z biblioteką gotowych modeli programu.

Wahadło. Celem ćwiczenia jest zapoznanie się z zasadą dokonywania wideopomiarów w systemie Coach 6 oraz obserwacja modelu wahadła matematycznego.

Techniki Multimedialne

Przed skonfigurowaniem tego ustawienia należy skonfigurować adres IP urządzenia.

e-podręcznik dla seniora... i nie tylko.

5.2. Pierwsze kroki z bazami danych

Systemy multimedialne 2015

Tworzenie nowej kampanii i jej ustawienia

37. Podstawy techniki bloków

Bazy danych Ćwiczenie 1 Instrukcja strona 1 Wersja ogólna

ToonDoo Maker tworzenie pojedynczej sceny komiksowej

SysML rozpoczynanie projektu SysML001

CorelDRAW. wprowadzenie

Podręczna pomoc Microsoft Power Point 2007

Obsługa mapy przy użyciu narzędzi nawigacji

1. Ćwiczenia z programem PowerPoint

REKLAMA INTERNETOWA WYMAGANIA TECHNICZNE

Divar - Archive Player. Instrukcja obsługi

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

Gdy z poziomu programu Delphi otworzysz folder pierwszy program, zauważysz tylko dwa pliki [rys.1]:

Ćwiczenie 5 Animacja tekstu

True Space 3.2 KURS PODSTAWOWY. program można ściągn ąć za darmo ze strony Co to właściwie jest?

RYSUNEK TECHNICZNY I GEOMETRIA WYKREŚLNA INSTRUKCJA DOM Z DRABINĄ I KOMINEM W 2D

Operacja macro. czyli jak podpisać zdjęcie i zrobić miniaturę. Tworzymy nową akcję. Anna Góra. Zmiana dpi zdjęcia na 300 piks/cal.

Moduł Grafika komputerowa i multimedia 312[01].S2. Ćwiczenia Podstawy programu Autocad 2011 Prosta

Rozproszony System Monitoringu IXM5 Instrukcja obsługi

Inkscape. Warstwy w programie Inscape. Budowa palety - Warstwy. Ćwiczenie 2

Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie

Program graficzny MS Paint.

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Grafika komputerowa. Zajęcia 7

Podstawowe czynnos ci w programie PowerPoint

Grafika Komputerowa Materiały Laboratoryjne

IRONCAD. TriBall IRONCAD Narzędzie pozycjonujące

Wprowadzenie do rysowania w 3D. Praca w środowisku 3D

Ćwiczenia 9 - Swing - część 1

Zadanie 3. Praca z tabelami

Temat: Definiowanie zadań, sekwencji i kamer w prezentacji programu Autodesk Inventor

Grafika Komputerowa. Zajęcia X

Górnicki Mateusz 17681

Tworzenie nowego rysunku Bezpośrednio po uruchomieniu programu zostanie otwarte okno kreatora Nowego Rysunku.

Ćwiczenie 1 Galeria zdjęć

Edytor tekstu OpenOffice Writer Podstawy

INSTRUKCJA PRZYGOTOWANIA ZDJĘĆ DO

Ćwiczenia nr 4. Arkusz kalkulacyjny i programy do obliczeń statystycznych

PORÓWNANIE KILKU ZESTAWIEŃ OBROTÓW I SALD

Transkrypt:

Tworzenie modeli sprzętów AGD - czajnik bezprzewodowy. Część III - animacja i rendering. Akademia Sztuk Pięknych w Łodzi Wydział Grafiki i Malarstwa Katedra Projektowania Graficznego Jakub Balicki 15 XI 2004r. 1) W tym tutorialu opiszę jak wyrenderować poszczególne ujęcia (zawierające prostą animację) na potrzeby publikacji interaktywnej (o docelowym rozmiarze 500x500 pixeli) realizowanej za pomocą aplikacji Macromedia Flash. Uruchom program Cinema4D i załaduj plik z oteksturowanym modelem czajnika. 2) Ponieważ przewidywana publikacja w formacie.swf bedzie działała z prędkością 12 klatek na sekundę - trzeba takie nastawy narzucić plikowi w Cinemie. W tym celu wejdź do okna Project Settings (Edit -> Project settings) i ustaw prędkość na 12 (w oknie Frame Rate), a czas trwania animacji wydłuż do 120 klatek (w oknie Maximum). Zamknij okno Project Settings.

3) Wejdź do okna Render Settings (Render -> Render Settings) i w zakładce General w oknie Name nazwij tworzoną przez siebie nastawę renderingu (w dowolny rozpoznawalny dla Ciebie sposób). 4) W zakładce Output w parametrze Resolution wpisz 400 x 400, a w parametrze Frame wybierz Manual i wpisz 0 to 20. W Frame Rate wpisz 12. W ten sposób określiłeś, że mają być wyrenderowane klatki od 0 do 20 w rozdzielczości 400 na 400 pixeli i będą odtwarzane z prędkością 12 klatek na sekundę. W zakładce Save w parametrze Format wybierz Photoshop (PSD).

5) Zakliknij opcję Alpha Channel (dzięki czemu wyrenderowany zostanie również kanał zawierający informację o kształcie czajnika i otaczającej go przezroczystaości). Następnij kliknij w Path aby określić gdzie zostaną nagrane pliki zawierające wyrenderowane klatki. 6) W tym celu w wybranej przez Ciebie lokalizacji utwórz nową teczke (kliknij w New Folder) i nazwij ją 'pokrywka'. Następnie nazwij tworzony plik 'pokrywka' (w polu Save As) i kliknij w Save. W ten sposób kazałeś nagrać rendering w postaci serii plików o nazwach: pokrywka0001.psd, pokrywka0002.psd, pokrywka0003.psd, pokrywka0004.psd, itd. w teczce nazwanej 'pokrywka'.

7) Upewnij się, że w zakładce Effects masz aktywne opcje Enable Post Effects i Object Glow (gdyby ta funkcja była nieaktywna - nie wyrenderuje się poświata wokół przycisku włączającego czajnik). Zamknij okno Render Settings. 8) Jako pierwszą wykonasz sekwencję przedstawiającą otwieranie i zamykanie pokrywki czajnika. W tym celu w palecie Objects zaznacz objekt 'pokrywa'. Wybierz narzędzie do pracy z objektami i narzędzie do obracania i ciagnąc myszką za kulkę osi X wypoziomuj pokrywkę (zamknij czajnik).

9) Gdy zamkniesz czajnik, przestaw suwak czasu na pozycję 0. 10) Następnie dodaj klatkę kluczową (przycisk - czerwona kropka) i przesuń suwak na pozycję klatki 20. 11) Dodaj klucz w klatce 20. Przesuń suwak na pozycję klatki 10.

12) Ciągnąc za zakończenie osi X otwórz pokrywkę, a następnie dodaj klucz. 13) Korzystając z narzędzi kontroli kadru - w oknie widoku przestrzennego ustaw zadowalający Cię kadr (pamiętaj - będzie on jednakowy dla wszystkich wykonywanych teraz ujęc), uważaj by nie przycięła się pokrywka (w jej górnym położeniu). Boki kadru oznaczono pionowymi szarymi liniami (dolna strzałka). 14) Wyrenderuj ujęcie (Render -> Render to Picture Viewer).

15) Teraz przygotujesz ujęcie przedstawiające podnoszenie czajnika z podstawki. Wybierz z menu Render opcję Render Settings. 16) W zakładce Output wybierz zakres animacji od 30 do 60 klatki (w Frame) W zakładce Save kliknij w przycisk Path i... 17)...utwórz nową teczkę 'podstawka' i nagraj w niej plik o nazwie 'podstawka', następnie zamknij okno Render Settings.

18) W oknie Objects zaznacz objekt 'czajnik' i wybierz narzędzie do przesuwania. 19) Wybierz klatkę 30 i dodaj w niej klucz. 20) Wybierz klatkę 65 i dodaj w niej klucz.

21) Wybierz klatkę 60 i ciągnąc za grot osi Y przesuń czajnik w górę... 22)...aż całkowicie odsłoni się podstawka i dodaj klucz do tej klatki. 23) Wyrenderuj ujęcie (Render -> Render to Picture Viewer).

24) Teraz przygotujesz ujęcie prezentujące działanie świecącego wyłącznika. Aby można go było łatwo przełączać obracając wokół jago "domyślnej" osi musisz odpowiednio umieścić null objektu 'przelacznik'. Ponieważ w dobrym miejscu już jest null objektu 'Cylinder' skorzystasz z tego. W palecie Coordinates wybierz pracę w parametrach globalnych (World). Wybierz narzędzie do pracy z punktami zerowymi. 25) W palecie Objects rozwiń objekt 'czajnik' i objekt 'przelacznik', a następnie zaznacz 'Cylinder' i wartości pól (w palecie Coordinates) Position (X, Y i Z) przenieś (naprzykład kopiując i wklejając) do analogicznych pól przy zaznaczonym objekcie 'przelacznik'.

27) Jeśli operacja się powiodła to null 'przelacznika' znajdzie się wewnątrz przycisku. Następnie wybierz narzędzie do pracy z objektami. 28) Żeby całośc ujęcia atrakcyjniej wyglądała, a przełącznik był bliżej "kamery' poruszyć trzeba cały czajnik. W palecie Objects wybierz 'czajnik'. 29) Wybierz klatkę 30 i dodaj w niej klucz.

30) Wybierz klatkę 80 i narzędzie obrotu. 31) Obróć czajnik tak by rączka znalazła się bliżej kamery ciągnąc myszą za kulkę osi Y. 32) Dodaj klucz.

33) Wybierz klatkę 100 i dodaj w niej klucz. 34) Wybierz klatkę 110 i w palecie Coordinates w parametrze Rotation wyzreuj pozycję H. Czajnik automatycznie powróci do pozycji początkowej. 35) Dodaj klucz. Ustaw klatkę 85.

36) W palecie Objects wybierz obiekt 'przelacznik' i dodaj klucz. 37) Wybierz klatkę 95 i dodaj w niej klucz. 38) Wybierz klatkę 90 i ciągnąc za kulkę odpowiedniej osi przestaw przełącznik do pozycji OFF.

39) Dodaj klucz. W tej czhwili masz już i ruchomy czajnik i przełącznik. Niestety świeci on również w pozycji OFF, a powinien przecież wtedy zgasnąć. 40) Wybierz klatkę 90 i włącz Automatic Keyframing (pozwoli to oznaczać kluczami subtelniejsze zmiany takie jak np: korekta zabrwienia). 41) W palecie Materials zaznacz materiał 'lampka', w palecie Attributes wejdź w zakładkę Glow.

42) Parametr Radius zmień na 0 i dodaj klucz. 43) Wybierz klatkę 95 i parametr Radius przestaw na 10. 44) Dodaj klucz i wybierz klatkę 85.

45) Tam też zmień parametr Radius na 10 i dodaj klucz. 46) Włącz okno menadżera krzywych opisujących zmianę parametrów z upływem czasu (Window -> F-Curve Manager) i kliknij w materiał 'lampka'. 47) Materiał 'lampka' i parametr Glow Radius pojawiły się, ale jego linia jest szara i słabo widoczna. Kliknij w prostokąt przy parametrze i zmień kolor na jakiś jaskrawy np.: źółty.

48) W prawym górnym rogu palety masz narzędzia pozwalające nawigować w jego diagramie. Zmniejsz i przesuń go tak by cały był widoczny. 49) Zwróć uwagę na nieregularność przebiegu wartości pomiędzy zerową i 85 klatką. Trzeba to wyrównać. Zaznacz punkt węzłowy na klatce 85 klikając w niego, a następnie poleceniem Curves -> Custom Tangents -> Linear Interpolation dokonaj korekty. Teraz możesz zamknąć paletę F-Curve Manager.

50) Wybierz polecenie Render -> Render Settings i w zakładce Output wybierz zakres klatek od 70 do 110. 51) W zakładce Save kliknij w Path i utwórz teczkę 'wlacznik', a tam nagraj plik o tej samej nazwie. 52) Wyrenderuj ujęcie (Render -> Render to Picture Viewer).

53) W ten sposób masz już wszystkie ujęcia potrzebne do przedstawienia istotnych funkcji reklamowanego produktu. Przydałoby się jeszcze coś na intro do reklamy. Najpierw w oknie Render Settings (Render -> Render Settings) w zakładce Output nastaw rozdzielczość renderingu (Resolution -> Manual) na 500x500 pixeli. W zakładce Save kliknij w Path i utwórz teczkę 'intro', a w niej plik 'intro'. 54) Wyłącz (odkliknij) Automatic Keyframes i wybierz klatkę 70.

55) Dodaj do kompozycji źródło światła z punktem odniesienia (Objects -> Scene -> Target Light), a następnie w palecie Attributes w zakładce General... 56)...wybierz w Visible Light typ Inverse Volumetric (dzięki temu oświetlony obiekt będzie pozostawiał smugę światła) i zabarw światło na czerwono. 57) Upewnij się, że masz wybrane narzędzia do pracy z obiektami i do przesuwania.

58) Przesuń Light tak by stożek światla był wyraźnie z jednej i drugiej strony czajnika. Następnie wybierz obiekt Light.Target (punkt odniesienia) i... 59)...przesuń go tak by był w środku czajnika (zwróć uwagę, że jednocześnie poruszy się stożek światła na bierząco śledząc położenie punktu odniesienia). 60) W palecie Objects zaznacz obiekt Light. W palecie Attributes w zakładce Visiblity...

61)...powiększ dwó-trzy krotnie parametr Outer Distance. Jak widzisz stożek światła wydłużył się. 63) W palecie Objects skopiuj (Edit -> Copy) i wklej (Edit -> Paste) parokrotnie obiekt Light. 64) Porozstawiaj światła wokół czajnika i pozmieniaj im kolory (w palecie Attributes w zakładce General).

65) Dodaj do kompozycji obiekt zerowy (Objects -> Null Object). 66) Wrzuć do niego wszystkie światła i wybierz go (Null Object-a) do dalszych operacji. 67) Dodaj klucz na bieżącej klatce (jest to klatka 70), potem wybierz klatkę 110.

68) W niej również dodaj klucz. 69) Wybierz inną klatkę z zakresu od 75 do 105 i mając wybrane narzędzie do obrotów zakręć na chybił trafił nullem (spowoduje to jednoczesne przemieszczenie umieszczonych w nim lamp), następnie dodaj klucz. Wykonaj ten krok kilkukrotnie (za każdym razem w innej klatce!). Dzięki temu światła będą miotały się wokół czajnika.

70) Wyrenderuj ujęcie (Render -> Render to Picture Viewer).