Ćwiczenie 6 Animacja trójwymiarowa

Podobne dokumenty
Ćwiczenie 14 Dmuchawce

Ćwiczenie 5 Animacja tekstu

Ćwiczenie 1 Automatyczna animacja ruchu

Ćwiczenie 1 Galeria zdjęć

INTERAKTYWNA KOMUNIKACJA WIZUALNA. Flash - podstawy

Ćwiczenie 11 Dynamiczne ładowanie treści wyświetlanych

Ćwiczenie 2 Warstwy i kształty podstawowe

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Dodawanie grafiki i obiektów

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

Tworzenie prezentacji w MS PowerPoint

Edytor tekstu OpenOffice Writer Podstawy

Ćwiczenie 23 Praca z plikiem.psd

Rysunek 1: Okno timeline wykorzystywane do tworzenia animacji.

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18

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

Ćwiczenie 17 Banner. Banners (Micro Bar) (Vertical Banner) (Half Banner) (Full Banner) (Leaderboard/Super Banner)

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

PROJEKT WIZYTÓWKI WIZYTÓWKA A

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

Możliwości programu Power Point

Kurs Adobe Photoshop Elements 11

INTERAKTYWNA KOMUNIKACJA WIZUALNA

Przetwarzanie grafiki rastrowej na wektorową

Doskonalimy Rysowanie Kartka Bożonarodzeniowa

Maskowanie i selekcja

Tworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie

Spis treści. Księgarnia PWN: Roland Zimek - SWiSH Max2 i SWiSH Max3. Wprowadzenie... 9

Systemy multimedialne 2015

CorelDraw - obiekty tekstowe

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

Rozdział 3. Praca z klipami... 37

4.6 OpenOffice Draw tworzenie ilustracji

"Fotomontaż- proste i szybkie efekty"

Spis treści. Księgarnia PWN: Roland Zimek - Swish Max3

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu

Tworzenie menu i authoring w programie DVDStyler

Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85

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

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i

Jak przygotować pokaz album w Logomocji

Fotografia cyfrowa obsługa programu GIMP

Obsługa programu Paint materiały szkoleniowe

Samouczek edycji dokumentów tekstowych

Następnie zdefiniujemy utworzony szkic jako blok, wybieramy zatem jak poniżej

IRONCAD. Przykład I IRONCAD Konstrukcja obudowy z blachy

Rys.1. Uaktywnianie pasków narzędzi. żądanych pasków narzędziowych. a) Modelowanie części: (standardowo widoczny po prawej stronie Przeglądarki MDT)

Opis implementacji: Poznanie zasad tworzenia programów komputerowych za pomocą instrukcji języka programowania.

Edytor tekstu MS Word podstawy

3.9 Tworzenie rysunku kurczaka

Płaszczyzny, Obrót, Szyk

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.

Animacje cz. 2. Rysujemy koło zębate

Obsługa programu PowerPoint poziom podstawowy materiały szkoleniowe

WARSTWY cd. Narzędzia służące do transformacji warstw są przedstawione na poniższym rysunku: Służą one odpowiednio do:

Przewodnik po soczewkach

Tworzenie infografik za pomocą narzędzia Canva

1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA 4 ŚRODKI DYDAKTYCZNE. Scenariusz lekcji. Scenariusz lekcji. 2.1 Wiadomości: 2.

Animacje z zastosowaniem suwaka i przycisku

DOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7

5.4. Tworzymy formularze

Kurs Adobe Photoshop Elements 11

Rys 3-1. Rysunek wałka

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

1 Zrozumieć Flasha... 1 Co można zrobić za pomocą Flasha?... 2 Tworzenie obrazków do strony 3 Animowanie witryny 4 Tworzenie filmów

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3

KATEGORIA OBSZAR WIEDZY

Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3

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

Kolory elementów. Kolory elementów

Zastosowanie programu PowerPoint do tworzenia prezentacji multimedialnych

Ćwiczenie 3. I. Wymiarowanie

Edycja szablonu artykułu do czasopisma

Adobe InDesign lab. 3 Jacek Wiślicki,

Uwaga! CorelDRAW ćwiczenia kl. III Strona 1 z 6

Ćwiczenie 4 Konspekt numerowany

Główne elementy zestawu komputerowego

Rys.1. Technika zestawiania części za pomocą polecenia WSTAWIAJĄCE (insert)

CorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu

Tworzenie i edycja dokumentów w aplikacji Word.

OPERACJE NA PLIKACH I FOLDERACH

CorelDRAW. wprowadzenie

Grafika komputerowa. Zajęcia 7

Grafika Komputerowa. Zajęcia X

Prezentacja MS PowerPoint 2010 PL.

Praca z widokami i nawigacja w pokazie

Edytor tekstu MS Word podstawy

Ćwiczenie pochodzi ze strony

FINCH PONG. Realizator: Partner: Patronat:

Jak rozpocząć pracę? Mapa

Photoshop. Warstwy. Wykład 3. Opracowała: Elżbieta Fedko. Projekt jest współfinansowany ze środków Unii Europejskiej

Cykl lekcji informatyki w klasie IV szkoły podstawowej. Wstęp

GRAFIKA INŻYNIERSKA POLITECHNIKA ŚLĄSKA WYDZIAŁ ELEKTRYCZNY KATEDRA MECHATRONIKI. Instrukcja do ćwiczenia laboratoryjnego.

Techniki wstawiania tabel

Opis Edytora postaci Logomocji

Stosowanie, tworzenie i modyfikowanie stylów.

Modelowanie części w kontekście złożenia

Transkrypt:

Animacja trójwymiarowa Wstęp Jedną z nowości Flasha CS4 i wyższych wersji jest tworzenie animacji 3D. Są do tego przeznaczone narzędzia Obrót 3D (W) i Translacja 3D (G). Narzędzia te działają na klipach filmowych, które mogą zawierać grafikę wektorową lub rastrową. Krok 1 Przygotowanie grafiki Gotowy element graficzny Zaczynamy oczywiście od otwarcia nowego dokumentu o klasycznych wymiarach. Narzędziem Prostokąt (R) rysujemy duży kwadrat, któremu nadajemy wypełnienie gradientowe (paleta Kolor) i wyraźne obramowanie (panel Właściwości). Wypełnienie modyfikujemy za pomocą narzędzia Przekształcenie gradientu (F). 1

Przekształcamy gotowy element do symbolu graficznego (F8). Nazywamy go grafika1. Następnie niezwłocznie edytujemy go. Wewnątrz symbolu dodajemy kolejną warstwę, na której umieszczamy jakiś napis. Kolor i wielkość napisu dobieramy według własnego uznania (przykład znajduje się na początku konspektu). Po tych operacjach przełączamy się do głównej sceny. Krok 2 Podstawowa animacja 3D Symbol graficzny, który spoczywa na scenie konwertujemy do symbolu klipu filmowego (F8). Nazywamy go mc1. Symbol powinien znajdować się na środku stołu montażowego. Do wyrównania używamy narzędzi z panelu Wyrównaj. Prawym klawiszem myszy klikamy na klip i wybieramy polecenie Utwórz animację ruchu. Następnie łapiemy ostatnią klatkę utworzonego ujęcia. Gdy pojawi się strzałka - przeciągamy ją do klatki 60. Zaznaczamy klatkę 15 i wybieramy narzędzie Obrót 3D. Na naszym obiekcie pojawiły się dwa okręgi, czerwony i niebieski, oraz zielona linia. Łapiemy linię i ciągniemy ją nieznacznie w dół do osiągnięcia efektu: 2

Efekt modyfikacji powinien jednak znaleźć się w pierwszej klatce a nie w 15, musimy więc odwrócić klatki kluczowe. Robimy to zaznaczając którąkolwiek klatkę leżąca między 1 a 15 i z menu podręcznego wybierając polecenie Odwróć klatki kluczowe. Teraz zaznaczamy klatkę nr 45 i wstawiamy tam klatkę kluczową (F6). Następnie zaznaczamy klatkę 60 i tym razem przechylamy kwadrat w drugą stronę. Oto wygląd listwy czasowej: Możemy obejrzeć nasz efekt 3D (Ctrl+Enter). Obiekt powinien obracać się wokół własnej osi pionowej tworząc ciekawy efekt trójwymiarowy. Krok 3 Modyfikacja animacji 3D Zajmiemy się teraz wykonaniem jeszcze ciekawszego efektu obrotu w przestrzeni. Nasz obiekt będzie zataczał krąg wokół sceny. Zaznaczamy klatkę 30 i otwieramy panel Przekształć, w którym zwiększamy wartość Z Punktu środkowego 3D do 350. Można zauważyć, że w klatce 1 i 60 obiekt bardzo zbliżył się do krawędzi sceny. 3

Zaznaczamy klatkę 1 i tym razem modyfikujemy wartość Y Obrotu 3D wpisujemy 120. W klatce 60 wartość Y ustalamy na -120. Tym sposobem obiekt dodatkowo zawija się do tyłu. Można teraz przetestować animację, lecz tylko z użyciem samego klawisza Enter. Krok 4 Animacji 3D kolejnych obiektów Tę ciekawą animację możemy zastosować do kolejnych obiektów tworzonych na bazie już istniejącego. Modyfikacja źródłowego obiektu graficznego może polegać na zmianie kolorów gradientu i treści napisu. W bibliotece wystarczy powielić istniejący obiekt graficzny (grafika1) i zmienić nazwę duplikatu (na grafika2) oraz w trybie edycji symbolu zmienić jego wygląd. 4

Powielamy także klip mc1. Kopię nazywamy mc2 i edytujemy ją dla zamiany symbolu graficznego. Wewnątrz nowego klipu zaznaczamy leżącą na scenie grafikę i w panelu Właściwości wciskamy przycisk Zmień... Na podmianę wybieramy powielony przed chwilą obiekt grafika2. Przełączamy się do głównej sceny i tam dodajemy nową warstwę. Zaznaczamy wszystkie klatki z gotową już animacją i z wciśniętym klawiszem Alt przenosimy je do nowej warstwy do klatki 53. W klatce 53 zaznaczamy nasz nowy obiekt i w panelu Właściwości znów używamy opcji Zmień... Tym razem na podmianę wybieramy klip mc2. Niestety znów nasza animacja nie jest w pełni widoczna przy odtworzeniu poprzez wciśnięcie Ctrl+Enter. Musimy zadowolić się tylko podglądem na stole montażowym (Enter). Możemy oczywiście przygotować kolejne elementy graficzne i zajmować się kolejnymi animacjami. My jednak kończymy już to ćwiczenie. Co jednak z naszym efektem, który ginie w generowanym pliku SWF? W zasadzie, nie jest to do końca wyjaśnione (???). Bowiem będzie to działało we Flashu CS4! Jest jednak sposób, aby utrwalić nasz efekt i zachować go w pliku SWF. Musimy jednakże przekonwertować animację 3D na zwykłą animację poklatkową. Zaznaczamy więc kolejno klatki początkowe naszych animacji i z menu podręcznego wybieramy opcję Konwertuj na animacje klatka po klatce. Krok 5 Zmiana tła stołu montażowego Zmieńmy kolor tła sceny na czarny i zobaczmy, jaki efekt ostatecznie osiągnęliśmy (Ctrl+Enter). 5