Od ponad siedmiu lat pracuję zdalnie z klientami zagranicznymi z USA, Kanady, Australii, Niemiec i innych krajów. Rysuję zasoby graficzne i animacje do gier w Adobe Animate CC. Edytor kiedyś nazywał się Adobe Flash Professional CC.

Na starym blogu zacząłem podobny cykl lekcji, ale zamiast tam kontynuować, postanowiłem przepisać wszystko od nowa, aby podzielić się nowymi doświadczeniami.

Dlaczego potrzebujemy kolejnego cyklu lekcji na temat rysowania w Adobe Flash? Robię to od wielu lat i wierzę, że moje doświadczenie może być przydatne dla początkujących. Szczególnie dla tych, którzy nigdy wcześniej nie rysowali tabletem graficznym. Jeśli dobrze rysujesz na papierze, ale nigdy nie rysowałeś na komputerze, to na pewno mam ci coś do powiedzenia.

A tym, którzy nie umieją rysować na papierze, postaram się wyjaśnić, jak można tę umiejętność rozwijać jako całość, bez odniesienia do edytor graficzny: budowa perspektywy i kompozycji, dobór kolorów, cieniowanie i inne tematy.

Wybór tabletu graficznego

Nieważne, czy potrafisz rysować, potrzebujesz narzędzi: urządzeń i programów. Zacznijmy od sprzętu. Masz już komputer, ale nadal musisz podłączyć do niego tablet graficzny, co da nam możliwość rysowania na wirtualnym płótnie istniejącym w pamięci RAM. Innymi słowy, jest to kolejne urządzenie wejściowe, takie jak mysz lub trackball. Ale tablet ma zalety, które pozwalają rysować jak na papierze. Są to wrażliwość na nacisk i kształt manipulatora przypominający długopis.

Istnieje wielu producentów tabletów graficznych: Wacom, Genius, Huion. Spotkałem tylko dwa pierwsze. W sumie, kiedy zaczynałem, wypróbowałem już cztery tablety Wacom i jeden od Geniusa. Bardzo polecam firmę Wacom - to wysoka jakość za rozsądną cenę.

Jeśli nie masz pieniędzy, nie kupuj Geniusa, zdobądź najtańsze małe używane pióro bambusowe Wacom. Użyłem prawie tego samego modelu Wacom Bamboo Pen&Touch S CTH-460. Nie było krytycznych problemów przez siedem lat użytkowania, dobre urządzenie na początek. Jeśli możesz podświetlić więcej pieniędzy, a następnie weź większy model. Używam pióra Wacom Bamboo Fun Pen&Touch M CTH-670.

Co oznaczają cyfry i litery w nazwach modeli Wacom

Wyjaśnię, co oznaczają niektóre cyfry i litery w nazwie, aby ułatwić poruszanie się po firmowym parku modeli.

Wacom Bamboo Fun Pen&Touch M CTH-6 70

• M— wielkość przestrzeni roboczej. Dostępne są S - Małe (małe), M - Średnie (średnie), L - Duże (duże);
• CPK- wskazuje zakres modeli. Istnieją modele CTL i CTH - amatorskie poziom podstawowy z opcjonalnymi przyciskami i touchpadem, PTH - modele profesjonalne, DTH i DTK - modele profesjonalne z wbudowanym wyświetlaczem;
• 6 — wielkość obszaru roboczego w calach. Są 4 – małe (małe), 6 – średnie (średnie), 8 – duże (duże), a także 13 i więcej, ale dotyczy to tylko tabletów z wbudowanym wyświetlaczem. Czasami w sklepach internetowych i reklamach nie wskazują indeksu alfabetycznego, możesz użyć cyfrowego, aby zrozumieć wymiary urządzenia;
• 70 generacja i model. Ważne jest, aby zrozumieć, że im wyższa liczba, tym nowsze urządzenie. Dla porównania mój stary tablet ma indeks CTH-460, współczesny analog to CTH-490. Pokolenia różnią się o 10: 460, 470 i tak dalej.

Rozmiar tabletu graficznego

Podczas rysowania aktywny obszar obszaru roboczego jest bardzo mały. Innymi słowy, rysik stale przesuwa się w promieniu małego koła. Ten krąg może się nieznacznie poruszyć. Z biegiem czasu tworzy się plama, która jest widoczna jako gęste nagromadzenie mikrozarysowań. Pokazuje, że praktycznie nie korzystasz z peryferiów urządzenia, wszystko dzieje się w centrum.

Można założyć, że duży tablet graficzny nie jest potrzebny, ponieważ nigdy nie wykorzystasz całego jego obszaru roboczego, a miejsce aktywności będzie miało taki sam rozmiar jak na mniejszym modelu. Ale nie jest.

Podczas pracy na tablecie jego aktywny obszar jest wyświetlany na całej szerokości monitora. Dlatego im większy tablet, tym dokładniej możesz wykonywać pociągnięcia. I odwrotnie, im większy monitor i im mniejszy tablet, tym trudniejsze i niewygodne będzie rysowanie. Z doświadczenia mogę powiedzieć, że po przejściu z rozmiaru S na M podczas pracy na 29-calowym ultraszerokim monitorze zacząłem pracować o 25-30% wygodniej. Narysowanie złożonej ścieżki wymaga mniej wysiłku, a ogólnie interakcja jest bardziej miękka i przyjemniejsza.

Większe tablety graficzne powinny zapewniać jeszcze bardziej komfortowe warunki pracy, ale nie musiałem pracować na modelach L, mogę tylko przypuszczać.

Różnice między amatorskimi i profesjonalnymi tabletami Wacom

Kupując model pro, który otrzymujesz bezprzewodowe urządzenie, wykonany z wyższej jakości plastiku z 2048 poziomami czułości na nacisk w porównaniu do 1024 dla tańszych modeli, pięknym designem, dodatkowymi elementami sterującymi w postaci przycisków i pierścienia dotykowego. Jestem całkowicie zadowolony z młodszych przestarzałych modeli z serii Bamboo, które są wycofywane. Różnica w kosztach między wersjami amatorskimi i profesjonalnymi będzie ponad dwa razy większa. Stół położy wszystko na półkach:

Konfigurowanie Wacom Bamboo Pen & Touch M CTH-670

Przed podłączeniem urządzenia pobierz sterowniki z oficjalnej strony internetowej Wacom.

Lista modeli	Link do sterowników
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Jeden CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL	Okna System operacyjny Mac
Bambusowy długopis i dotyk CTH-460/470/471/660/661/670 Bambusowy długopis CTL-460/471	Okna System operacyjny Mac

Po podłączeniu tabletu i zainstalowaniu sterowników uruchom aplikację Preferencje Wacom, który można znaleźć za pośrednictwem Wyszukiwanie w systemie Windows(Win + S) lub w panelu sterowania.

Główne ustawienia tabletów firmy nie różnią się, zarówno modele amatorskie, jak i profesjonalne są skonfigurowane w podobny sposób.

Na karcie Tablet możesz ustawić tablet w prawo i lewa ręka, a także przypisywać akcje do klawiszy. Najpierw zainstaluj je w Wyłączone, z czasem będzie można przypisać skróty klawiszowe.

W następnej zakładce Długopis ważne parametry to:

• Poczuj napiwek- wrażliwość na nacisk. Zostaw w centrum. Dzięki temu zrozumiesz, jaką sztywność lubisz i dostosujesz się do smaku;
• śledzenie— tryb śledzenia pozycji rysika. zainstalować Tryb pióra— obszar roboczy tabletu jest rozciągnięty do pełnego ekranu. Tryb Mysz używany jako zamiennik myszy;
• Reszta ustawień nie jest tak ważna. Przyciski pióra umożliwia przypisanie akcji do przycisków rysika. Gumka czuć- czułość gumy z tyłu rysika. Nie używam tej funkcji, ponieważ przełączanie się za pomocą skrótów jest szybsze.

W tej samej zakładce w sekcji śledzenie naciśnij przycisk mapowanie... aby ustawić sposób wyświetlania obszaru roboczego tabletu na ekranie monitora. Otworzy się okno Szczegóły trybu pióra.

W rozdziale Obszar ekranu wybierać Monitor, jeśli masz kilka monitorów i określ główny. Jeśli jest tylko jeden monitor, wyjdź Wszystkie ekrany

.

W rozdziale skalowanie pamiętaj, aby zaznaczyć pole Proporcje siły aby obszar roboczy nie rozciągał się podczas projekcji na ekranie. W takim przypadku część obszaru roboczego tabletu nie zostanie wykorzystana, ale będziemy mieć normalne proporcje 1 do 1. A jeśli narysujesz okrąg, to będzie on wyświetlany na ekranie jako okrąg, a nie wydłużona elipsa.

Pamiętaj, aby zaznaczyć pole obok Użyj atramentu Windows dla wrażliwości na nacisk do pracy.

W następnej zakładce Dotknij Opcje odznacz pole obok Włącz wprowadzanie dotykowe aby przełączyć tablet w tryb normalny.

Na innych kartach mam wszystko wyłączone, ponieważ nie używam gestów trybu dotykowego ani menu rozwijanego z marką. To kończy konfigurację tabletu graficznego.

Animate CC czy Flash Professional CC?

Adobe Animate CC to zmiana nazwy Adobe Flash Professional CC z kilkoma nowymi funkcjami dodanymi do programu. Nawet ze starą nazwą zyskał ogromną popularność wśród artystów, animatorów i twórców gier niezależnych. Wektorowe zasady konstrukcji pozwalają na tworzenie sprite'ów o dowolnej rozdzielczości. Każda wersja, którą możesz zdobyć, nadaje się do rysowania. Narzędzia do rysowania nie zmieniły się od wielu lat, a jedynie nieznacznie się poprawiły. Będę korzystał z programu Adobe Animate CC, ale wszystko, co napisane, będzie dotyczyło starszych Wersje Adobe FlashProfesjonalny. Nawiasem mówiąc, firma Adobe niedawno przeszła na model miesięcznej subskrypcji, aby uzyskać dostęp do swoich produktów zamiast kosztownego jednorazowego licencjonowania. Obecnie cena za korzystanie z programu Adobe Animate CC wynosi 20 USD miesięcznie.

Pierwsze uruchomienie programu Adobe Animate CC

Po załadowaniu utwórz nowy plik i wybierz typ ActionScript 3.0. W tym samym oknie możesz określić parametry sceny:

• Szerokość oraz Wzrost— szerokość i wysokość sceny w pikselach. Ustawmy ją na 1920 x 1024, ponieważ rozdzielczość w nowoczesny monitor lub smartfon;
• Jednostki władcy- jednostki miary, ustawione piksele;
• częstotliwość wyświetlania klatek- ilość klatek na sekundę, zostaw 24;
• kolor tła- kolor tła, ustawiony na szary.

Te ustawienia można również zmienić po utworzeniu dokumentu. Aby to zrobić, wybierz narzędzie Narzędzie selekcji (Klawisz skrótu V), otwórz okno Nieruchomości i rozwiń sekcję Nieruchomości. Jeśli nie możesz znaleźć tego okna, użyj menu Okno → Nieruchomości lub naciskając Ctrl + F3.

Ustawienia klawiszy skrótu

Aby zwiększyć wydajność pracy, musisz maksymalnie używać skrótów klawiszowych. Na wczesnych etapach wymaga przyzwyczajenia się i uczenia nowych kombinacji klawiszy, ale zapewnia solidny skok wydajności na dłuższą metę. Przedefiniowałem większość skrótów klawiszowych tak, aby znajdowały się po prawej stronie klawiatury. Dlaczego dokładnie po prawej? Faktem jest, że jestem leworęczny i dlatego jest to dla mnie wygodniejsze. Jeśli jesteś praworęczny, będziesz musiał wymyślić własny schemat. Używam również Rapoo E9050 i bezprzewodowej klawiatury Apple, które są wykonane w formie klawiatury laptopa, więc jeśli używasz pełnowymiarowej, to znowu ciężko pracuj i wymyśl swój własny schemat - to się opłaci zaoszczędziłem dużo czasu - i rozważ mój schemat jako przykład.

Pomysł: zgrupuj główne polecenia po wygodnej stronie klawiatury, aby zapewnić szybki dostęp bez ciągłej zmiany pozycji ręki. Przez większość czasu powinien leżeć w jednym miejscu, tylko palce „chodzą” w małym promieniu, naciskając przyciski. Oczywiście będą zespoły, które domagają się zmiany pozycji, ale są one w zdecydowanej mniejszości. Oto mój schemat:

Zespół	Opis	stara kombinacja	Nowa kombinacja
Zaznacz wszystko	Wybierz wszystko	Ctrl+A	Ctrl+A,O
Odznacz wszystkie	Usuń zaznaczenie	Ctrl+Shift+A	Ctrl+Shift+A,P
Cofnij	Cofnij czynność	Ctrl + Z	Ctrl+Z, [, Z
przerobić	Powtórz czynność	Ctrl+y	Ctrl+Y, ]
Powiększenie	skalowanie	Shift+Z, Z	Shift+Z,\
zbliżenie	Powiększ obraz	Ctrl+=, Ctrl+Num=	Ctrl+=, Ctrl+Num=,=
pomniejsz	Pomniejsz	Ctrl+=, Ctrl+Num=	Ctrl + -, Ctrl + Num -, -
wyprostować	Wyprostuj wybrane krzywe		9
Gładki	Wygładź wybrane krzywe		0
Odwróć poziomo	Obróć poziomo		F
odwróć w pionie	Odwróć w pionie		Shift+F
Skaleczenie	Wytnij do schowka	Ctrl + X	Ctrl + X, X
Powiel symbol...	symbol klona		Ctrl+D
Zamień symbol...	Zmień symbol		Ctrl+]

W większości przypadków nowe kombinacje nie zastępują starych, ale je uzupełniają, wprowadza się kilka nowych poleceń. Musisz dokonać ustawień za pomocą menu Edytować → Skróty klawiszowe.... W polu wyszukiwania wpisz nazwę drużyny, w kolumnie Skrót kliknij puste miejsce obok żądanego polecenia i naciśnij nowy skrót klawiaturowy.

Nie próbuj zrozumieć poleceń podanych w tabeli, wszystkie zostaną wyjaśnione w kolejnych lekcjach. W przyszłości, gdy zaczniesz z nich aktywnie korzystać, najprawdopodobniej będziesz je kilkakrotnie przedefiniowywać, aż znajdziesz najwygodniejszą opcję.

Ustawienie pędzla

narzędzie pędzla(skrót B) - narzędzie pędzla, najczęściej używane podczas rysowania. Ustawienia są skoncentrowane w dwóch oknach:

Konfiguracja pędzla jest skończona, namalujmy coś.

Malowanie pędzlem

Wybierz odpowiedni kolor za pomocą okna Kolor (Ctrl + Shift + F9), wybierz narzędzie Pędzel (B) i zacznij od jednego długiego pociągnięcia z niewielkim wysiłkiem, aby zarysować przyszły kształt. Następnie zakreśl powstały kontur, aby wygładzić wszystkie nierówności - pędzel jest gotowy.

Zauważ, że w powyższym przykładzie użyto tylko trzech uderzeń. Powinieneś dążyć do średniej długości pociągnięć, aby Twoja ręka nie opuszczała tabletu. Spróbuj wykonać wiele małych pociągnięć niepoprawnie, ponieważ wynikowy kontur nie będzie gładki i będzie zawierał wiele dodatkowych punktów.

Adobe Animate CC działa na zasadach wektorowych. Wszystkie obiekty są opisane matematycznie i mogą być skalowane bez utraty jakości, w przeciwieństwie do podejścia rastrowego. Pozwala nam to manipulować obiektami wektorowymi, czego nigdy nie zrobimy z taką samą łatwością w edytorze rastrowym. Możemy wygładzać i upraszczać ścieżki, prostować zakrzywione linie, zmieniać proporcje i deformować grafikę bez utraty jakości. Każde pociągnięcie jest automatycznie przekształcane w krzywe matematyczne, które możemy dostroić i zmodyfikować.

Aby zweryfikować wszystkie powyższe, aktywuj narzędzie narzędzie podselekcji(skrót A) i wybierz właśnie namalowany pędzel. Teraz możesz zobaczyć punkty ścieżki wektorowej, a nawet je zmienić.

Wniosek

Dzisiaj skonfigurowaliśmy Adobe Animate CC i jesteśmy gotowi do rysowania. Poćwicz trochę, zanim przejdziemy dalej. Naucz się rysować proste kształty geometryczne bez zniekształceń, wypróbuj różne kolory i ustawienia pędzla (poeksperymentuj z opcją Wygładzanie).

Podobna treść

Ostatnio przez stronę pojawia się coraz więcej listów z pytaniami o to, od czego zacząć naukę flasha. Opublikuję kilka, myślę, że będzie to interesujące dla wielu początkujących. Odpowiedzi to wyłącznie moja wizja i moje doświadczenie, co wcale nie oznacza, że ​​jeśli zrobisz to inaczej, to nic nie wyjdzie. Kogo to obchodzi, przeczytaj poniżej (pisownia i gramatyka zapisanych wiadomości). A jeśli nie jesteś początkującym, na pewno będziesz znudzony i żmudny, aby to przeczytać :)

„cześć”) mam na imię Nico, pochodzę z Tadżykistanu i teraz mam wielką ochotę zostać animatorem flash, ale po prostu nie wiem od czego zacząć, znalazłem tutaj twoją stronę wiele przydatnych rzeczy, ale wciąż są dla mnie trudne jako początkującego. proszę mi doradzić od czego zacząć naukę animacji flash)) Będę bardzo wdzięczny . a jak rysujesz, pisz, czy kupię bambusowy długopis wakom i nauczę się na nim rysować ”

Niko, masz najważniejsze - pragnienie. Jeśli nie wyparuje w ciągu kilku tygodni lub miesięcy, wynik będzie. Od czego zacząć - od materiału.

1.Kup/pobierz samouczek flash z sieci. Weź jedną z najnowszych wersji (Flash Cs4-Cs 6), zapomnij o tutorialach Macromedia, FlashMX, to już ostatni wiek w najprawdziwszym tego słowa znaczeniu. Choć od tamtych czasów w błysku niewiele się zmieniło.

Jeśli planujesz studiować Action script (a dla flashera, znajomość przynajmniej podstaw as, jak sądzę, jest po prostu konieczna) – zatrzymaj się na c As3. Ponieważ 2 powoli odchodzi w przeszłość, nadążamy za duchem czasu.

Ponieważ studiowałem Flasha od dłuższego czasu, nie mogę polecić żadnych konkretnych publikacji, ponieważ nie znam ich.

Prawdopodobnie będziesz bardzo zaskoczony, ale wszystkie książki o nauce flash zawierają te same informacje :) Dotyczy to szczególnie książek dla początkujących.

Bardzo podobały mi się książki Jak oszukiwać w Adobe Flash w języku angielskim autorstwa animatora flash Chrisa Georgenesa (pisze lekcje animacji flash dla Adobe).

Jest to seria książek, które są przedrukowywane dla każdej nowej wersji flasha. Jeśli znasz angielski język jest świetną książką, przyjemną dla oka wspaniałą grafiką.

Ściągnij Jak oszukiwać w Adobe Flash w Cs5? wraz z płytą jest możliwe.

Moje badanie koloru zaczęło się od samouczka. W nauce flasha to nie sam podręcznik pomógł mi osobiście, ale kurs wideo dołączony do podręcznika. Przejdźmy więc do punktu 2.

2. Samouczki wideo.

Uważam, że lekcje wideo są najskuteczniejsze, ponieważ sam studiowałem flash na kursie wideo.

3. Kolejna rzecz w nauce animacji flash jest niezbędna bez takiego programu jak Swf Decompiler. To łamacz dla plików svf, czyli gotowych animacji. Oto, o czym ona mówi. Pozwala na przeglądanie (nie przesuwanie :) pracy profesjonalisty, bardzo pomaga w nauce koloru. już bierzesz skończona praca i spójrz na oś czasu, jak to zostało zrobione, spróbuj to powtórzyć. Animacja nie zawsze jest wyświetlana poprawnie - maski, bliźniaki, ale zasadę można zrozumieć i wziąć pod uwagę.

4. Bardzo skuteczna jest nauka flasha na konkretnych przykładach. Postaw sobie za cel wykonanie animacji według wymyślonego scenariusza - na przykład animację samochodu jadącego po określonej trajektorii. Kiedy jest cel końcowy, łatwiej jest uczyć.

5. Jeśli podczas badania pojawią się pytania, można je pozostawić tutaj, w społeczności lub we wspólnocie w temat. Lub na innych forach, na których żyją flashery.

Największe forum flashowe, jakie znam, to - flasher.ru. Tak więc, drodzy nowicjusze - korzystajcie z dobrodziejstw Internetu, a w szczególności tego zasobu :)

6. I więcej ważny punkt. Aby stworzyć dobrą animację, dobrym pomysłem jest skorzystanie z samouczków klasycznych animacji (zwłaszcza jeśli chcesz nauczyć się animować postaci, a nie tylko bloki tekstu na banery).

Po opanowaniu lampy błyskowej jako narzędzia staniesz się nie do końca animatorem, ale raczej „wigglerem”, który wie, jak poruszać obiektami.

Książek o animacji klasycznej jest mnóstwo - zatrzymaj się „Czas w animacji”, możesz wziąć .

O tym, skąd wziąć Adobe Flash. Jeśli chcesz coś znaleźć lub zabrać, to nie ma nic lepszego niż google. On wie wszystko :)

Czy można samemu nauczyć się pracować we flashu? To całkiem realne, prawie wszyscy dobrzy animatorzy flash, których znam, sami nauczyli się flashowania, bez kursów i egzaminów. Cierpliwość, pracowitość - i wszystko jest w Twoich rękach. Powiem nawet tak – nie znam flasherów, którzy uczestniczyli w kursach, wszyscy uczyli na własną rękę.

„Dzięki za bloga znalazłam dla siebie wiele przydatnych rzeczy.

Jestem czystym artystą wektorów i nie było mi trudno rysować we flashu. Problem zaczął się, jeśli chodzi o animację.

Czy mógłbyś zrobić lekcję dla najbardziej bezmózgich noobów z krzywymi rękami)) Aby nawet ja zrozumiałem)) "

( Tara )

Odbędzie się lekcja animacji dla początkujących. Nie mam pojęcia, jak wszystko zmieścić w jednej lekcji, myślę, że będzie to seria lekcji. Byłam pewna, że ​​w Internecie jest dużo lekcji dla początkujących, ale z jakiegoś powodu często o nie proszą. Bądź więc na bieżąco z aktualizacjami na stronie i w

Cel i struktura programu Flash

Ostatnio modny stał się program Flash. Wiele osób myśli, że Flash to nowy produkt, ale tak nie jest. W 1995 roku było mały program Future Splash Animator do animacji wektorowej grafiki internetowej, a dwa lata później, w 1997 roku, firma Macromedia nabyła go i zaczęła rozwijać produkt pod nową nazwą Flash.

Dziś Flash to uniwersalna zintegrowana aplikacja, która łączy w sobie edytor grafiki i dźwięku, narzędzie do animacji i pozwala tworzyć unikalne interaktywne produkty multimedialne. Z za pomocą Flasha możesz tworzyć niedrogie, żywe animacje w sieci Web, interaktywne formularze, gry, interaktywne prezentacje i nie tylko. Znajomość Flasha jest przydatna nie tylko dla projektantów stron internetowych, ale także dla nauczycieli, artystów i wielu innych, którzy chcą wyrazić swoje pomysły w języku animacji. Dziś nie jest to potrzebne specjalne studio wystarczająco komputer osobisty, programy Flash i trochę cierpliwości.

Podstawowe elementy przestrzeni roboczej Flash

Zanim przejdziemy do opisu narzędzi do rysowania, musimy porozmawiać o elementach interfejsu. Zrobimy zastrzeżenie, że nie sprowadzimy na czytnik od razu wszystkich informacji o interfejsie i zmusimy mnie do zapamiętania wszystkich szczegółów. Porozmawiamy o interfejsie programu na tyle, aby móc ukończyć bieżącą lekcję. Na każdej lekcji przeanalizujemy nowe elementy interfejsu, wyjaśniając ich przeznaczenie konkretnymi przykładami.

Po pierwszym uruchomieniu programu zobaczysz coś takiego jak ten obrazek, jak pokazano na ryc. jeden.

Ryż. 1. Podstawowe elementy interfejsu programu Flash 5.0

Każdy nowo otwarty plik ma swój własny pulpit. Na pulpicie znajduje się ramka, czyli scena (Stage), - prostokątny obszar na ekranie, w którym odtwarzany jest film Flash.

Narzędzia do rysowania przeznaczone są do rysowania na pulpicie (patrz pasek narzędzi na Rys. 1). To o nich porozmawiamy przede wszystkim.

Tworzenie dowolnej animacji zaczyna się od rysowania obrazy statyczne. Szybka zmiana z jednego obrazu na drugi, w wyniku czego powstaje wrażenie ruchu obrazu i pojawia się animacja. Do kontrolowania czasu wyświetlania obrazów (kontrola animacji) służy oś czasu lub oś czasu (oś czasu).

Na ryc. Rysunek 1 przedstawia również panele pływające (pływające, dokowalne) panele zaprojektowane w celu dostosowania środowiska pracy Flash. Przyjrzyjmy się więc podstawowym narzędziom do rysowania we Flashu.

Rysunek

Zarys, obrysuj, wypełnij

Przed rozpoczęciem pracy z narzędziami do rysowania należy wprowadzić pojęcia konturu, obrysu i wypełnienia. Przyjrzyjmy się im prosty przykład.

Wybierz narzędzie do edycji Owal (Owal) na pasku narzędzi (rys. 2) i narysuj owal. Kształt zostanie automatycznie wypełniony kolorem. (Jeśli podczas rysowania owalu przytrzymasz klawisz Shift, narysowana figura będzie miała kształt koła.)

Ryż. 2. Rysunek składa się z konturu, obrysu konturu i wypełnienia

Rysunek składa się z konturu, obrysu konturu i wypełnienia (ryc. 2). Aby wybrać kontur figury, kliknij przycisk pokazany na ryc. 3 czerwone strzałki. W rezultacie linia obrysu i wypełnienie znikną, pozostanie tylko kontur - (ryc. 4).

Ryż. 3. Usuń przycisk wypełnienia i obrysu

Ryż. 4. Usuwając wypełnienie i obrys, otrzymujemy linię konturu

linia serwisowa (nie jest wyświetlana po wydrukowaniu). Naciśnięcie przycisku pokazanego na ryc. 3 zwraca usunięte elementy. Kolor obrysu i wypełnienia można łatwo zmienić. Kolor wypełnienia zmienia się za pomocą przycisku Kolor wypełnienia (rys. 5). Po wybraniu z palety nowego koloru (rys. 5) narysowana figura nie ulegnie zmianie, ale po narysowaniu nowej elipsy kontur zostanie wypełniony nowo wybranym kolorem.

Ryż. 5. Narzędzia wyboru kolorów dla linii wypełnienia i obrysu

Aby zmienić kolor wypełnienia na bieżącej figurze, należy wybrać nowy kolor i użyć narzędzia Wiadro z farbą - jest ono podświetlone na ryc. 6.

Ryż. 6. Kolor wypełnienia narysowanego kształtu można zmienić za pomocą narzędzia Wiadro z farbą

Można również zmienić kolor obrysu. Aby to zrobić, wybierz narzędzie Kolor obrysu (Zmień kolor obrysu) - na ryc. 7 jest oznaczone czerwoną strzałką. Następnie otworzy się paleta, w której możesz wybrać żądany kolor, a następnie musisz wybrać narzędzie Butelka z atramentem (podświetlone na ryc. 7) i kliknąć je wzdłuż linii obrysu. W rezultacie zostanie wypełniony wybranym kolorem.

Ryż. 7. Zmień kolor linii obrysu

Na ryc. 6, narysowany przez nas owal jest pokazany w większej skali. Powiększanie, nawiasem mówiąc, ustawia się tak samo jak w Photoshopie, używając kombinacji klawiszy Ctrl i "+" lub Ctrl i "-".

Możesz także zmienić grubość i styl linii obrysu. Aby to zrobić, musisz wydać polecenie Okno > Panele > Obrys wywołaj panel Obrys. W nim możesz dostosować styl linii obrysu, jej grubość i kolor (ryc. 8).

Ryż. 8. Z menu panelu Obrys możesz zmienić parametry linii obrysu

Jeśli wybierzemy styl linii Hardline (rys. 8) i zastosujemy narzędzie Ink Bottle Tool, otrzymamy linię jednego piksela. Hardline nie ma grubości, więc w polu grubości linii nie pojawia się żadna wartość. Grubość pozostałych linii, np. linii kropkowanej, można zmienić (rys. 9).

Ryż. 9. Przykład zmiany rodzaju i grubości linii obrysu

Bardziej precyzyjne dostrojenie parametrów linii odbywa się w panelu Styl linii. Możesz to wywołać, klikając przycisk oznaczony czerwoną strzałką na ryc. 10. W panelu Styl linii możesz na przykład zmienić długość pociągnięć i odległość między pociągnięciami przerywanej linii. Jeśli na ryc. Przyjęto 8 wartości domyślnych - 6 punktów za pociągnięcie i odległość między pociągnięciami, następnie wybierając wartości odpowiednio 10 i 12 punktów i ponownie stosując narzędzie Ink Bottle Tool można uzyskać pociągnięcie, jak na ryc. . dziesięć.

Ryż. dziesięć. Strojenie parametry linii

Rozważyliśmy więc podstawowe pojęcia - kontur, wypełnienie i linię obrysu - na przykładzie rysowania owalu. Porozmawiajmy teraz bezpośrednio o narzędziach do rysowania.

Narzędzie Prostokąt

Tool Rectangle (Rectangle) znajduje się obok narzędzia Oval (rys. 11).

Oprócz tradycyjnego prostokąta możesz rysować prostokąty z zaokrąglonymi krawędziami. Aby ustawić taki tryb, wybierz ikonę, na której na ryc. 11 jest oznaczone czerwoną strzałką. W efekcie pojawi się panel Ustawienia prostokąta, w którym definiujemy promień zaokrąglenia, po którym podczas rysowania prostokąta rogi zostaną zaokrąglone. Edycja wypełnienia i obrysu konturu prostokąta odbywa się w taki sam sposób, jak w przypadku owalu.

Ryż. 11. Praca z narzędziem Prostokąt

Narzędzie linii

Tool Line (Line) umożliwia rysowanie linii prostych (rys. 12). Przytrzymując klawisz Shift, możesz rysować linie pionowe, poziome lub 45°.

Ryż. 12. Praca z narzędziem Linia

W niektórych przypadkach, jeśli na przykład musisz narysować trójkąt równoramienny, przydatne jest użycie siatki. Możesz sprawić, by linie siatki były widoczne za pomocą polecenia Widok > Siatka > Pokaż siatkę(rys. 13).

Ryż. 13. Podczas rysowania regularnych kształtów geometrycznych możesz użyć siatki

Narzędzie Ołówek

Ryż. 14. Wynik pracy z narzędziem Ołówek z różnymi ustawieniami ( Górny rząd trójkąty — tryb prostowania, dół — tusz)

Narzędzie Ołówek znajduje się pod narzędziem Owal. Na ryc. 14 pokazuje wynik pracy z ołówkiem z różnymi opcjami jego ustawień, z których w sumie są trzy. Przy ustawieniu Wyprostuj narzędzie zamienia drżące linie konturu rysowanego ręcznie na linie proste, przy ustawieniu Wygładzanie wygładza linie, a w trybie Ink praktycznie nie zmienia oryginalnego konturu.

Edycja linii, narzędzia strzałek i podselekcja

Aby porozmawiać o działaniu narzędzia Strzałka, przyjrzyjmy się bliżej strukturze linii konturu.

Narysujmy linię za pomocą narzędzia Ołówek, jak pokazano na ryc. 15. Składa się ze ścieżki i obrysu linii.

Ryż. 15. Za pomocą narzędzia Podselekcja możesz wybrać punkty kontrolne i segmenty linii konturu

Ryż. 16. Przykład przesuwania punktu narożnego

Ryż. 17. Przykład zmiany krzywizny konturu

Ryż. 18. Linia obrysu podąża za linią konturu

Do tej pory mówiąc o konturze nie wspominaliśmy o jego budowie. W celu wyjaśnienia budowy linii konturowej posłużymy się narzędziem Subselect (Częściowa selekcja), aktywowanym na ryc. 15 i kliknij go wzdłuż konturu linii. W rezultacie zobaczymy, że linia konturowa składa się z segmentów i punktów kontrolnych (ryc. 15). Podczas korzystania z narzędzia Ołówek segmenty i punkty kontrolne są tworzone automatycznie. Kiedy edytujemy linię konturu, linia obrysu zmienia się automatycznie. Pokażmy, jak edytować linię konturu za pomocą narzędzia Strzałka (Strzałka) - jest podświetlona na ryc. 16.

Punkty kotwiczenia są kanciaste i gładkie. Gdy przesuniemy narzędzie Strzałka na linię, jej wygląd się zmieni. Przy zbliżaniu się do punktu narożnego obok obrazu strzałki pojawi się kąt - w tym trybie można przesuwać punkty narożne (rys. 16), a przy zbliżaniu się do odcinka lub punktu gładkiego - obraz łukowy - w tym trybie, możesz zmienić krzywiznę konturu (rys. 17 ). Podczas zmiany linii konturu linia obrysu podąża za linią konturu (ryc. 18).

Narysuj elipsę i użyj narzędzia Strzałka, aby jednym kliknięciem wybrać jej wypełnienie (kolor wybranego wypełnienia zostanie rozjaśniony białymi kropkami) i przeciągnij i upuść, jak pokazano na rys. 19. Jeśli klikniesz dwukrotnie, obrys sąsiadujący z wypełnieniem również zostanie zaznaczony. Dwukrotne kliknięcie pozwala również wybrać przecinające się linie.

Ryż. 19. Przykład przesuwania wybranego obiektu za pomocą narzędzia Strzałka

Ryż. 20. oryginalny obraz

Rozważmy inne rodzaje modyfikacji wybranego obrazu. Narysuj kontur za pomocą narzędzia Ołówek, na przykład liść (ryc. 20). Wybierz narzędzie Strzałka i wybierz narysowany liść w prostokątnej ramce. Teraz możesz przetwarzać wybrany obiekt z dostępnymi modyfikatorami.

W panelu Opcje wybierz przycisk Wygładź i kliknij go kilka razy - kontur liścia stanie się gładszy (rys. 21a).

Ryż. 21. Korzystanie z modyfikatorów z panelu Opcje: a) Wygładzanie umożliwia wygładzenie konturów obrazu; b) Wyprostuj umożliwia wyprostowanie konturów obrazu

Kontur zmienia się po kilku kliknięciach przycisku Wyprostuj pokazano na ryc. 21b.

Za pomocą narzędzia Lasso możesz wybrać obszar o dowolnym kształcie (ryc. 22).

Ryż. 22. Przykład wyboru za pomocą narzędzia Lasso

Narzędzie Pędzel

Ryż. 23. Przykład pracy z narzędziem Pędzel

Pędzel narzędziowy (pędzel) tworzy kontur wektorowy i wypełnia go wybranym kolorem, ale w przeciwieństwie do omówionych wcześniej narzędzi nie tworzy linii obrysu (rys. 23). Aby zrozumieć, jaką ścieżkę tworzy narzędzie Pędzel, spójrz na rys. 24, gdzie używane jest narzędzie Podselekcja.

Ryż. 24. Przykład linii konturowej utworzonej za pomocą narzędzia Pędzel

Ryż. 25. Opcje narzędzia pędzla

Panel Opcje udostępnia trzy opcje ustawienia narzędzia Pędzel: tryby (przycisk górny), rozmiary pędzli (przycisk środkowy) i kształt pędzla (przycisk dolny) (rys. 25).

Tryby określają charakter interakcji narysowanej linii z już narysowanym obiektem (ryc. 26). Jak widać na rysunku, rysując ten sam rodzaj linii poziomych w różne tryby x, malowanie odbywa się na różne sposoby:

Maluj Normalnie przestrzeń ramki jest wypełniana linią obrysu i wypełnieniem malowanego obiektu;

Wypełnienia farbą wypełniają przestrzeń ramki i malowany obiekt. Linia obrysu nie jest wypełniona;

Farba Zamalowana jest tylko wolna przestrzeń ramy;

Maluj zaznaczenie tylko zaznaczony obszar jest malowany;

Maluj Wewnątrz tylko wypełnienie, od którego rozpoczęto malowanie, jest zamalowywane.

Ryż. 26. Różne tryby interakcji pociągnięć pędzla z wcześniej narysowanym obiektem

Należy wyjaśnić działanie parametru Lock Fill - przycisk odpowiadający temu poleceniu z ikoną blokady pokazany jest wciśnięty na ryc. 27.

Ryż. 27. Przykład działania parametru Lock Fill

Gdy parametr Lock Fill jest włączony (wciśnięty przycisk), gradient dotyczy całego pola roboczego (rys. 27), a gdy nie jest włączony, przejście z jednego koloru na drugi odbywa się na podstawie pociągnięcie szczotki (rys. 28).

Ryż. 28. Opcja Lock Fill nie jest aktywna

gumka do mazania

Gumka umożliwia wymazywanie linii i wypełnień i ma wiele różnych ustawień. W panelu Opcje możesz dostosować rozmiar i kształt gumki, a także wybrać tryb wymazywania (rys. 29):

Wymaż Normalnie linia obrysu i wypełnienie obiektu zostaną wymazane;

Wymaż Wypełnienia wypełnienie obiektu zostaje wymazane (linia obrysu nie jest wymazana);

Wymaż Linie tylko linie są wymazane;

Wymaż wybrane wypełnienia Tylko zaznaczony obszar zostanie wymazany.

Wymaż Wewnątrz usuwane jest tylko wypełnienie, a podczas rysowania linii gumką wymazywanie jest wykonywane tylko wewnątrz konturu, w którym linia została rozpoczęta.

Modyfikator kranu (żuraw) pozwala całkowicie usunąć wypełnienie lub linię.

Ryż. 29. Różne tryby gumki

Narzędzie Pióro

Do tej pory przyjrzeliśmy się narzędziom, które automatycznie tworzą ścieżki. Tool Pen (Pen) umożliwia bezpośrednią pracę z konturami. Dzięki niemu możesz tworzyć proste i zakrzywione segmenty, dostosowywać długość linii prostych i nachylenie zakrzywionych segmentów.

Liniowy punkt kontrolny

Wybierz narzędzie Pióro, kliknij (umieściłeś pierwszy punkt kontrolny), przesuń kursor, kliknij (to jest drugi punkt kontrolny). Rezultatem jest linia przerywana, jak na ryc. 30. Punkty odniesienia pokazane na ryc. 30 nazywa się liniowymi, ponieważ zbiegające się w nich segmenty są liniowe. Punkt linii nie ma prowadnic.

Ryż. 30. Przykład budowania polilinii za pomocą narzędzia Pióro

Gładki punkt zakotwiczenia

Ryż. 31. Przykład rysowania gładkiej krzywej za pomocą narzędzia Pióro

W celu ustawienia gładkiego punktu zakotwiczenia należy wybrać narzędzie Pióro, nacisnąć lewy przycisk myszy i nie puszczając go lekko przesunąć myszką, w efekcie pojawi się gładki punkt zakotwiczenia i wyłaniająca się z niego linia prowadząca (rys. 31). Obracając i wydłużając linię prowadzącą, możesz zmienić krzywiznę następnego segmentu.

Aby utworzyć otwarty kontur, kliknij dwukrotnie ostatni punkt. Zwalniając przycisk myszy, przesuń kursor i umieść kolejny punkt kontrolny; Powtarzając tę ​​procedurę, możesz uzyskać gładką linię, jak na ryc. 31.

Aby zamknąć ścieżkę, przesuń kursor do początkowego punktu kontrolnego lub do linii ścieżki. Gdy kursor zmieni się w pisak z kółkiem, kliknij myszą, aby zamknąć kontur.

Jeżeli dwa niezależne segmenty łączą się w punkcie, to jest to róg. Na przykład, jeśli połączysz segmenty proste i zakrzywione, na ich przecięciu pojawi się punkt narożny (ryc. 32).

Ryż. 32. Na przecięciu prostych i zakrzywionych segmentów powstaje punkt narożny

Punkty zakotwiczenia można przekształcać, przesuwać i usuwać.

Aby przekonwertować punkt narożny na gładki, wybierz narzędzie Podselekcja. Kliknij punkt narożny i, przytrzymując klawisz Alt, przeciągnij punkt - stanie się gładki i pojawi się linia prowadząca, pozwalająca zmienić krzywiznę segmentów łączących się w tym gładkim punkcie (ryc. 33).

Ryż. 33. Przykład zamiany punktu narożnego na gładki

Domyślnie wybrane punkty krzywej gładkiej są wyświetlane jako puste punkty, a wybrane punkty narożne są wyświetlane jako puste kwadraty.

Używanie pióra i narzędzi podselekcji do pracy z punktami zakotwiczenia

Podobnie możesz tworzyć punkty na liniach narysowanych innymi narzędziami Flash do rysowania: Ołówek, Pędzel, Linia, Owal, Prostokąt i dopasowywać te linie.

W szczególności na ryc. Rysunek 34 przedstawia ścieżkę utworzoną za pomocą narzędzia Owal poprzez przekształcenie jednego punktu gładkiego w punkt narożny (za pomocą narzędzia Pióro) i przeciągnięcie punktu narożnego za pomocą narzędzia Podselekcja.

Ryż. 34. Ścieżka uzyskana za pomocą narzędzia Owal, obracając jeden gładki punkt w róg i przeciągając go

Narzędzie do zakraplania

Zakraplacz (pipeta) służy do kopiowania koloru i stylu linii ołówka, trybu pędzla i wypełnień. Po przesunięciu zakraplacza do linii zmienia się kursor – pod zakraplaczem pojawia się ikona miniołówka. Po kliknięciu linii za pomocą zakraplacza wszystkie parametry linii (kolor, grubość, styl) są kopiowane, a zakraplacz zostaje zastąpiony narzędziem Butelka z atramentem, które umożliwia zastosowanie wszystkich tych ustawień do innej linii.

Podobnie, gdy kursor znajduje się nad wypełnieniem, pod zakraplaczem pojawia się ikona wiadra, a gdy kursor znajduje się nad pociągnięciem pędzla, pod zakraplaczem pojawia się ikona pędzla. Te ikony pokazują, które atrybuty kopiujesz za pomocą narzędzia Zakraplacz.

Narzędzie Wiadro farby

Wspomnieliśmy już o narzędziu Wiadro z farbą - jest ono zaznaczone na ryc. 35, rozważmy teraz bardziej szczegółowo jego możliwości. To narzędzie służy do wypełniania zamkniętych (i nie całkowicie zamkniętych) obszarów wypełnieniami kolorem, gradientem i bitmapą.

Jeśli pracowałeś z wypełnieniami bitmapowymi w Photoshopie, to prawdopodobnie znasz sytuację, w której wypełnienie „wylewało się” nad krawędzią niezbyt starannie narysowanych konturów w tych miejscach, gdzie są „dziury”. W programie Flash istnieje kilka sposobów dostosowania narzędzia do wypełniania, aby uniknąć powyższego defektu.

Dla tego narzędzia dostępne są cztery ustawienia:

Nie zamykaj luk nie zamykaj luk;

Zamknij małe luki zamyka małe luki;

Zamknij średnie luki zamknij średnie luki;

Zamknij duże luki zamyka duże luki.

Wybierz narzędzie Ołówek i narysuj otwartą ścieżkę (rys. 35). Wybierz tryb Zamknij duże luki i wypełnij kontur. Jak widać na ryc. 35, wypełnienie pozostaje wewnątrz ścieżki, mimo że oryginalna ścieżka była otwarta.

Ryż. 35. Przykład zamknięcia pętli w trybie Close Large Gaps

A teraz spójrzmy na wypełnienie gradientowe i operacje na nim. W panelu Wypełnienie, na karcie Wypełnienie, wybierz opcję wypełnienia - Gradient liniowy (Gradient liniowy). Następnie narysuj prostokąt, wypełnij go liniowym wypełnieniem gradientem liniowym, a wewnątrz dużego prostokąta narysuj mniejszy prostokąt (Rysunek 36). Jak widać na tym rysunku, w małym prostokącie przejście od białego do niebieskiego jest realizowane na mniejszym gradiencie. Jeśli zastosujesz funkcję Zablokuj wypełnienie i wypełnisz oba prostokąty, otrzymasz obraz, jak na ryc. 37. Oznacza to, że gradient w wewnętrznym i zewnętrznym prostokącie będzie taki sam.

Ryż. 36. Wypełnianie gradientem w trybie, gdy parametr Lock Fill nie jest aktywny

Ryż. 37. Tryb wypełniania gradientem, gdy włączona jest opcja Zablokuj wypełnienie

Aby zmienić kierunek gradientu wypełnienia, musisz kliknąć przycisk Przekształć wypełnienie w panelu Opcje (jest on wciśnięty na ryc. 38), a następnie na wypełnieniu pojawią się znaczniki (ryc. 38).

Ryż. 38. Przykład modyfikacji wypełnienia gradientowego

Górny okrągły znacznik służy do obracania wypełnienia gradientowego, prostokątny do zwiększania (zmniejszania) gradientu przejścia z jednego koloru na drugi, a środkowy okrągły do ​​przesuwania środka wypełnienia gradientowego.

Narzędzie Wiadro z farbą umożliwia również wypełnienie zamkniętej ścieżki bitmapą. Na prostym przykładzie pokażemy, jak ta procedura jest wykonywana. Użyj narzędzia Prostokąt, aby narysować obraz monitora, do którego zostanie wstawiona mapa bitowa (rys. 39).

Ryż. 39. Grafika wektorowa monitora, na którym zostanie umieszczony obraz bitmapowy zdjęcia

Następnie zaimportuj mapę bitową, która wypełni ekran. Możesz zaimportować mapę bitową, uruchamiając polecenie Plik > Importuj i wybierając żądany plik. Następnie przejdź do panelu Fill (Fill) i zmień metodę wypełnienia na bitmapę - Bitmap (rys. 40).

Ryż. 40. Panel Wypełnij, zakładka Wypełnij

Tak więc, jeśli wypełnisz zamknięty kontur wewnątrz narysowanego ekran monitora, zostanie wykonane wypełnienie rastrowe, jak pokazano na rys. 41.

Ryż. 41. Przykład wypełnienia rastrowego

Aby edytować wypełnienie bitmapą, należy kliknąć przycisk Przekształć wypełnienie w panelu Opcje (jest on wciśnięty na Rys. 42), a następnie na wypełnieniu bitmapą pojawi się ramka ze znacznikami (Rys. 42).

Za pomocą środkowego znacznika obraz bitmapowy można przeciągnąć tak, aby żądana część zdjęcia była wyświetlana na rysowanym monitorze (ryc. 43).

Ryż. 42. Ramka modyfikacji wypełnienia mapy bitowej

Ryż. 43. Przesuwając znacznik środkowy, możesz przyciąć mapę bitową

Inne znaczniki pozwalają skalować bitmapę, obracać ją i deformować (rys. 44).

Ryż. 44. Przykład deformacji wypełnienia bitmapowego

Po zaimportowaniu kilku zdjęć możesz ustawić paletę, z której możesz wybrać raster do wypełnienia (rys. 45), podobnie jak paleta kolorów.

Ryż. 45. Przykład palety z kilkoma bitmapami

Dodawanie i odejmowanie liczb

Gdy dwa kształty nakładają się, Flash łączy je lub dzieli. Narysuj dwa jednokolorowe kształty - okrąg i prostokąt (ryc. 46), wybierz prostokąt (klikając go narzędziem Strzałka), a następnie umieść prostokąt na okręgu i odznacz go (klikając go ponownie za pomocą narzędzie Strzałka).

Ryż. 46. ​​​​Początkowe liczby

W rezultacie obie postacie połączą się w jedną. Klikając kontur wynikowej figury za pomocą narzędzia Podselekcja, możesz upewnić się, że kontur wewnętrzny zniknął (ryc. 47).

Ryż. 47. Przykład połączenia dwóch jednokolorowych kształtów

Teraz wykonaj tę samą procedurę z kształtami o różnych kolorach. W takim przypadku wewnętrzna granica nie zniknie (ryc. 48).

Ryż. 48. Podczas nakładania kształtów o różnych kolorach kontur wewnętrzny nie znika

Teraz, jeśli wybierzesz prostokąt i przesuniesz go za pomocą narzędzia Strzałka, część zostanie wycięta z okręgu, jak pokazano na ryc. 49.

Ryż. 49. Część koła wycina prostokąt

Czasami, aby uzyskać złożoną ścieżkę, przydatne jest użycie sumy i odejmowania konturów kształtów.

Tworzenie animacji– ciekawy i ekscytujący proces, zwłaszcza jeśli jest jasny i skuteczny Lekcje. Lista dzisiejszych instrukcji jest właśnie taka.

Stosując zdobytą wiedzę w praktyce, idąc za radami autora krok po kroku, można łatwo nauczyć się tworzyć w Adobe After Effects o różnym stopniu złożoności. Lekcje są przeznaczone bardziej dla zaawansowanych użytkowników, którzy mają już pewne umiejętności w zakresie animacji, są zorientowane na funkcjonalność i narzędzia programowe. Oczywiście początkujący również znajdą dla siebie wiele przydatnych i nietypowych rzeczy, będą mogli dowiedzieć się jeszcze więcej o niesamowitym potencjale Adobe After efekty!

Jeśli szukasz prostych i jasnych lekcji, ten montaż jest dla Ciebie. Obejmuje 33 lekcje, z których każda obejmuje tworzenie animacji o różnym stopniu złożoności i rodzaju. Stworzysz słynne postacie, różne obiekty, używając chipów programowych i różnych kierunków projektowania. Po ukończeniu kursu będziesz miał szeroki wachlarz prac do dodania do swojego portfolio, co jest szczególnie ważne, jeśli chcesz zrobić animację komercyjną i zrobić z niej swoją pracę.

Dodatkowo w oparciu o zdobytą wiedzę będziesz mógł dalej rozwijać swoje umiejętności, ponieważ kursy wiążą się ze znajomością podstawowych narzędzi Adobe After Effects, a także utrwalaniem nabytych umiejętności. Zgadzam się, doskonały „fundament” do ujawnienia swoich talentów i dalszego samorozwoju.

Prawie każda lekcja zaczyna się od opisu obszaru roboczego programu, a także tego, jak prawidłowo tworzyć nowy projekt i dostosuj go. Autor szczegółowo opowiada o niuansach ustawień, narzędziach, life hackach – informacje docenią zarówno początkujący, jak i nie tylko zaawansowani użytkownicy.

Zobacz też:

• Jak stworzyć animację rycerza?
• Jak stworzyć animację psa?
• Rozbiór gramatyczny zdania Praca domowa.
• Jak stworzyć animację ryb?
• Jak stworzyć animację świecy?
• Jak ożywić samolot?
• Jak ożywić samochód?
• Jak stworzyć animację z UFO?

Jak stworzyć animację Rick and Morty?

Adobe After Effects to świetne narzędzie dla wszystkich zainteresowanych ruchem i animacją. Jego możliwości są nieograniczone i pomagają tworzyć wiele kreatywnych GIF-ów o dowolnej złożoności. Dołączając do kursu, już od pierwszej lekcji nauczysz się, jak pracować w Adobe After Effects CC 2017.

W pierwszej lekcji autor pokaże i opowie, jak tworzyć animowane postacie Ricka i Morty'ego, na podstawie prostej ilustracji z sieci. Możesz znaleźć ten sam lub naszkicować własny. W pierwszej lekcji dowiesz się również, jak dostosować obszar roboczy, jakich narzędzi potrzebujesz, aby rozpocząć, jak tworzyć nowy projekt, otwierać pliki, importować je z programu Photoshop i nie tylko.

Jak stworzyć animację z rotacją pseudo-3D?

W lekcji dużo uwagi poświęca się etapowi przygotowawczemu. Na podstawie referencji autor stworzył własną animację z pseudoefektem, którą następnie krok po kroku analizuje na lekcji. Zrozumiesz, dlaczego etap przygotowawczy jest ważny i jak przebiega, jak zamienić szkic w pełnoprawny obiekt i wiele więcej.

Ponadto w procesie wykorzystasz nowe narzędzia - linijki, siatkę proporcjonalną i lupę. Z ich pomocą dowiesz się, jak określić środek arkusza. Autor opowie również o tym, czym jest krok animacji, jak obliczyć liczbę klatek na sekundę, jak wyświetlić parametry innego pliku w programie.

Dzięki lekcji poznasz nowe podejście do animacji, będziesz mógł tworzyć oryginalne GIF-y, także te do projektów komercyjnych.

Tworzenie animacji unoszącego się robota.

Świetny samouczek dla początkujących, który przyda się również doświadczonym użytkownikom. Osobliwością instrukcji jest tworzenie animacji całkowicie od podstaw, co dotyczy zwłaszcza osób, które po raz pierwszy widzą program Adobe After Effects, ale chcą nauczyć się animacji. Podobnie jak na poprzednich lekcjach, pracujemy w programie Adobe After Effects CC 2017, analizując ilustrację na warstwy, które następnie animujemy.

Z lekcji dowiesz się również czym są maski, kontury, jak łączyć obiekty, czym jest przyciąganie, oś czasu, jak zwiększyć kompozycję. Jednocześnie autor dzieli się różnymi sztuczkami dla profesjonalistów, wyjaśnia zalety skrótów klawiszowych i tworzy własne opracowania optymalizujące proces tworzenia animacji.

Jak stworzyć animację torebki herbaty?

Ciekawa animacja, którą można wykorzystać w projektach komercyjnych, np. do herbaciarni lub kawiarni wideo. Autor szczegółowo zajmie się obszarami roboczymi, opowie gdzie i jakie narzędzia są zlokalizowane, jak wygląda ekran roboczy, jak dobrać wagę dla siebie.

W szczegółach rozwodzi się nad oknem „Projekt”, jak go skonfigurować, czyli każdy element. Dowiesz się, jak stworzyć nowy projekt od podstaw, dostosować go. W jakich punktach musisz się zatrzymać, jakie ustawienia są ważne.

Co to jest „Preset” i który wybrać? Przyglądamy się również parametrom czasu trwania i sposobom ich obliczania. Co to jest 25 klatek na sekundę? Dlaczego to ważne i jaki jest sekret płynnej animacji. Jako podstawę robimy zdjęcia z sieci.

Jak stworzyć animację rycerza?

Osobliwością lekcji jest tworzenie animacji całkowicie od podstaw. Konsolidujemy umiejętności i wiedzę zdobytą na poprzednich lekcjach, a także je doskonalimy. Instrukcja jest idealna dla zaawansowanych użytkowników programu, ale zainteresuje również początkujących, którzy chcą coś dla siebie podkreślić, poszerzyć bazę teoretyczną, otworzyć więcej funkcji programu.

Autor ujawnia cechy programu, pomaga zoptymalizować proces za pomocą skrótów klawiszowych, a także szczegółowo wyjaśnia, dlaczego warto korzystać tylko z angielskiej wersji programu i czym różni się od przetłumaczonej na rosyjski. Po samouczku otrzymasz animację rycerza ze strzałami, którego możesz dodać do swojego portfolio.

Jak stworzyć animację latającego laptopa?

Tym razem tworzymy niezwykłą animację w oryginalnym stylu. Jako źródło możesz wykorzystać prace z sieci lub stworzyć własne szkice i narysować je w ilustratorze. Zaimportuj plik ilustratora do programu w celu dalszej pracy. Na przykład Plik źródłowy autor pokaże, jak poprawnie zaimportować pliki do programu, jaką opcję wybrać - materiał filmowy czy kompozycję.

Dowiesz się, jaka jest między nimi różnica i dlaczego warto wybrać opcję „Kompozycja” (konieczne jest rozdzielenie warstw dla ułatwienia edycji). Autor zdradzi też inne sztuczki i pokaże, jak tworzyć animacje „latających” obiektów. Świetna opcja na projekt komercyjny lub jako projekt portfelowy .

Jak stworzyć animację z królikiem na chmurze?

Rysujemy uroczą animację - królika na chmurze. Oprócz pełnego instrukcje krok po kroku dzięki analizie parametrów, niuansów i funkcji programu dowiesz się również, dlaczego lepiej korzystać z angielskiej wersji programu. Ponadto mówca powie Ci, jakie są różnice między językiem angielskim a Wersja rosyjska i dlaczego profesjonaliści instalują pierwszą opcję.

Dowiesz się również, na które okna zwrócić uwagę przede wszystkim, czym jest Projekt i do czego służy. Autor pokaże i opowie, czym jest podmenu i co zawiera. Porozmawiajmy szczegółowo o kompozycji, tworzeniu nowego projektu, imporcie plików i funkcjach procesu. Będziesz także wiedział, gdzie ostatnio szukać Otwórz pliki. Lekcja nauczy Cię, jak zaoszczędzić czas podczas pracy, zoptymalizować proces i inne życiowe hacki. Autor opowie także o ukrytych funkcjach programu.

Inne tematy: znaczenie podstawowej wiedzy, skróty klawiszowe, kodowanie, grupy narzędzi do nawigacji, poruszania się, tworzenia obiektów lub tekstów, retusz. Aktywnie tworzymy różne obiekty geometryczne, a także utrwalamy umiejętności w zakresie narzędzi nawigacyjnych (lupa, ręka itp.)

Jak stworzyć animację pingwina?

Zwracamy szczególną uwagę na prace przygotowawcze, jeszcze bardziej szczegółowo zapoznajemy się z paskiem narzędzi (jako kontynuacja / dodatek do poprzedniej lekcji). W programie rysujemy szkic do przyszłej animacji. W procesie nauki wykorzystujemy zarówno proste narzędzia, jak i te bardziej złożone.

Konsolidujemy umiejętności i budujemy podstawową animację za pomocą prostych geometrycznych kształtów. Nauczysz się także rysować, dodawać szczegóły, tworzyć animowane elementy za pomocą osi czasu. Bardziej szczegółowo omawiamy oś czasu – co to jest, jak ją zwiększać, dostosowywać i tak dalej. Omawiamy warstwy, ich właściwości (można ukryć, zostawić, zablokować), zmianę nazwy warstwy.

Dowiesz się również, jak blokować obiekty, czym są kształty, jak zmieniać kolory.

Jak stworzyć animację przełącznika pogodowego?

Głównym celem lekcji są możliwości skrótów klawiszowych. W programie rysujemy bardziej złożone - wielokątne - kształty i elementy. Poznajemy pokrewne techniki, korzystamy z narzędzia Siatka, zapoznajemy się z jego funkcjami. Autor pokaże gdzie szukać tego narzędzia, pracować z wypełnieniem, tworzyć dodatkowe elementy, które wykorzystamy w animacji.

Praca z tłem i efektami. W efekcie otrzymujemy dość prostą, ale efektowną animację, zbudowaną w oparciu o ruch wielu identycznych elementów, które powinny pojawiać się w kadrze płynnie i jednocześnie.

W oparciu o zdobyte umiejętności będziesz w stanie stworzyć jeszcze bardziej złożoną animację opartą na podobnych technikach, co znacznie rozszerzy Twoje możliwości.

Jak stworzyć animację z postaciami z Gravity Falls?

Bardzo fajna lekcja poświęcona bardzo popularnym postaciom z kreskówek Gravity Falls - Mabel i Dipper Pines. Osobliwością lekcji jest to, że musimy animować tylko pojedyncze, małe elementy obrazu. Jako podstawę możesz zrobić własny obraz lub wybrać źródło z sieci.

Tworzymy pre-komponujemy. Wykorzystujemy punkty i dopasowujemy je, aby utrwalić pewne elementy obrazu i dzięki temu unieruchomić część obrazu. Dodanie animacji do osi czasu. Zmień ustawienia, aby uzyskać pożądany efekt animacji.

Rozważamy takie pojęcia, jak energia i płynność ruchu, ustawiamy odpowiednią liczbę klatek na sekundę, aby obraz był płynny. Autor wyjaśni, dlaczego jest to ważne, a także jaką liczbę klatek na sekundę zastosowano we współczesnych grach, klasycznej animacji Disneya oraz w filmach.

Jak stworzyć animację przestrzeni w Adobe After Effects?

Poziom lekcji jest nieco trudniejszy w porównaniu z innymi i nie mniej interesujący! Tym razem musisz pracować nie tylko z animacją, ale nauczyć się animować napis. W samouczku utworzysz efekt animacji jako element podpisu na podstawie tła z Internetu.

Można wybrać dowolne "kosmiczne" tło z gwiazdkami, a następnie stworzyć na nim napis, który animujemy, a nie całe słowo, a tylko niektóre litery, trzeba wprawić w ruch. W rezultacie otrzymasz nietypową i bardzo kreatywną pracę, którą możesz dodać do swojego portfolio.

Jak stworzyć animację psa?

Przekształcenie w animację grafika wektorowa psy, wcześniej znalezione w sieci. Do realizacji lekcji możesz użyć własnych rysunków z . Autor szczegółowo opisuje główne narzędzia i obszary pracy programu, rozpatrując każdy element. Dzięki temu poznasz funkcje zestawu narzędzi.

Dodatkowo z lekcji dowiesz się, czym jest Anchor Point lub anchor point (wybrany punkt ramy), do czego służy i jak działa. Jako główne narzędzie podczas lekcji będziemy używać pióra do zdobywania i utrwalania nowej, ważnej umiejętności.

Rozumiemy pracę domową.

Lekcja przyda się tym, którzy w ramach kursu chcą ocenić pracę domową innych uczestników, nauczyć się czegoś nowego, uczyć się na błędach i przykładach pracy. Autor kursu analizuje pracę poszczególnych części kursu, wskazując nieścisłości, niedociągnięcia i błędy.

Oglądając film, dużo usłyszysz przydatne porady, chipy we wzornictwie, stylach, a także naucz się oceniać własną pracę pod kątem jakości wykonania, kreatywności, z technicznego punktu widzenia. Doskonała umiejętność do dalszego rozwoju, która na pewno przyda się w przyszłości - w drodze do doskonalenia umiejętności i zdobywania nowej wiedzy.

Jak stworzyć animację doniczki dla dzieci?

Animowanie uroczej i dość prostej ilustracji. Możesz wstępnie narysować swój rysunek w programie Abode Illustrator lub szkicować w oknie Adobe After Effects. Za podstawę przyjmujemy dowolny rysunek - własny lub z sieci, wybierając jedno lub więcej źródeł.

Dzięki lekcji dowiemy się, jak animować nie tylko poszczególne detale obrazu, ale także dodatkowe elementy, np. podmuchy wiatru, które dodadzą animacji niezwykłości i „świeżości”. W przyszłości taki chip może być wykorzystywany w wielu różnych projektach.

Jak stworzyć animację z morfingiem?

Celem lekcji jest zapoznanie uczniów z takim efektem jak morfing, pokazanie przykładów, a także nauczenie się, jak taki efekt zastosować w pracy. W skrócie, morfing to technologia w animacji lub wizualny efekt zamiany jednego obiektu w drugi.

Konieczne jest, aby przedmiot przekształcił się płynnie, nie „przycinał” oka, wyglądał stylowo i ciekawie. Podobny chip może być później wykorzystany w filmach telewizyjnych lub filmach fabularnych, a także w reklamach telewizyjnych. Morphing jest często używany w filmach o superbohaterach lub filmach science fiction. Autorka pokaże jak stworzyć taką wizualizację na podstawie prostych obiektów.

Jak stworzyć animację z latarnią morską?

Praca z rysunkiem utworzonym w Adobe After Effects. Za podstawę przyjmujemy własne pomysły lub referencje. Możesz również narysować obrazek w programie Illustrator, a następnie zaimportować go do naszego programu. Tworzymy projekt z kilkoma elementami animacji.

Głównym elementem jest latarnia morska oświetlająca brzeg lampą poruszającą się po okręgu. Drugim elementem animacji są migoczące gwiazdy. Autor wyjaśni również, czym są klawisze i jak ich używać podczas tworzenia animacji, aby uzyskać dokładnie taki efekt, jakiego potrzebujesz. Równolegle daje różne wskazówki, opowiada o praktyce, dzieli się żetonami.

Jak stworzyć animację ryb?

Lekcja poświęcona jest dwóm ważnym tematom - posługiwaniu się długopisem oraz animacji takiego obiektu jak ryba. Obiekt nie został wybrany na próżno: ryby poruszają się płynnie, delikatnie poruszając ciałem i płetwami. Oto, co należy przekazać na lekcji. Lekcja pozwoli nam również poprawić i utrwalić umiejętność posługiwania się piórem dzięki obrazowi obiektu bezpośrednio w oknie Adobe After Effects.

Jak stworzyć animację o tematyce rugby?

Oryginalna animacja o nietypowym motywie sportowym to świetna propozycja dla tych, którzy planują projektować gry lub tworzyć grafiki do użytku komercyjnego, specjalizujących się w wydarzeniach sportowych. Lekcja docenią zarówno początkujący, jak i doświadczeni użytkownicy, którzy chcą dodać „świeżości” do swojej pracy lub znaleźć nowe podejście.

Autor pokazuje, jak tworzyć animację od podstaw, a także opowiada o podstawowych podstawach – narzędziach. Do animacji wykorzystujemy gotową ilustrację, możesz stworzyć ją od podstaw lub znaleźć odnośniki w Internecie, narysować w programie Illustrator. Musisz również podzielić ilustrację na warstwy, aby móc pracować z każdą z nich osobno.

Jak stworzyć animację kucharza?

Urocza animacja oparta na rysunku. Możesz użyć własnej ilustracji lub odniesień z Internetu. Możesz także utworzyć bazę w programie lub After Effects. Lekcja jest dedykowana tworzenie etapowe animacje kota szefa kuchni. Autor szczegółowo analizuje również oś czasu, wyjaśniając każdą funkcję i możliwość. Na przykład dowiesz się, jak zmienić rozmiar linii, jaka jest przezroczystość warstwy i inne cechy.

Również autor zastanowi się nad podstawami, dzięki czemu słuchacz będzie miał możliwość odświeżenia wiedzy i jej uzupełnienia. Oprócz teorii wszystkie nabyte umiejętności są utrwalane w praktyce. Po lekcji w Twoim portfolio pojawi się animowany kot, który stanie się idealną postacią do projektu komercyjnego (projektu strony internetowej restauracji lub reklamy kawiarni).

Jak stworzyć animację z kreskówki „Za płotem”?

Tym razem podstawą naszej animacji będą postacie znanego serialu animowanego „Po drugiej stronie płotu”. Jako podstawę używamy GIF z sieci. Lekcja ma na celu utrwalenie umiejętności nabytych na poprzednich lekcjach, a także zdobycie nowej wiedzy teoretycznej. Szczególną uwagę przywiązuje się do osi czasu i użycia kluczy. Ponadto aktywnie wykorzystujemy taką koncepcję, jak prędkość ruchu, dostosowujemy ją i zmieniamy w razie potrzeby.

Popracujemy nad animacją tła, parametrami pozycji. Autor opowie również, czym różni się doświadczony mistrz od początkującego, szczegółowo analizuje animację przyjętą za podstawę. Dowiesz się również, jak rysować elementy GIF, jak konwertować je na kształty, kontury, czym jest maska, jak ją rysować i dlaczego jest potrzebna. Jak poprawić błędy i niedociągnięcia.

Jak stworzyć animację z burgerem i japońskimi pałeczkami?

Urozmaicaj nasze portfolio oryginalnymi pracami. Tym razem wprawiliśmy w ruch burgera i japońskie pałeczki. Rysunek jest tworzony od razu w oknie programu. Jest to dość proste, dlatego przygotowanie nie zajmie dużo czasu. Następnie przejdźmy do animacji. Tworzymy nowy projekt, konfigurujemy go uwzględniając cechy opcji. Zmień tło zgodnie z potrzebami.

Aktywnie korzystamy z klawiszy skrótu, dostosowujemy pozycję, możemy zmieniać Frame Rate. Autor mówi bardziej szczegółowo o takim pojęciu jak kształty. Co to jest, jak je tworzyć i wykorzystywać. Przegląd narzędzi selekcji, kluczy, dokładne badanie ruchu obiektów. Ponadto dowiesz się, dlaczego lepiej korzystać z programu w języku angielskim.

Jak stworzyć animację przestraszonego rzutu?

Dziś tworzymy zabawną animację z przestraszoną rolką. Niezwykła praca z efektem wow, która spodoba się zarówno profesjonalistom, jak i początkującym, zwłaszcza jeśli pracujesz nad portfolio i chcesz dodać coś bardzo oryginalnego. Animacja opiera się na ruchu cyklicznym, czyli powtarzaniu serii kombinacji ruchów. Na przygotowanych rysunkach pracujemy w Abode Illustrator.

Możesz także rysować postacie bezpośrednio w programie After Effects. Zaimportuj plik, zwróć uwagę na ustawienia. Tworzymy również nowy dokument, uwzględniając ustawienia. Aktywnie korzystamy z osi czasu, a także pracujemy z warstwami, podmenu badań i opcjami warstw. Dowiesz się, czym są ścieżki, wierzchołki, jak pracować z wypełnieniami i nie tylko.

Jak stworzyć animację świecy?

Dynamiczna i zabawna animacja dwóch świec, z których jedna się pali, a druga ją gasi. Osobliwością jest nie tylko dynamika, ale także zmiana tła w procesie ruchu. Autor zaczyna od głównych parametrów i okna roboczego programu, a następnie przechodzi do tworzenia animacji.

Mówi o presetach, kompozycjach i innych podstawowe ustawienia. Z lekcji dowiesz się o wielu praktycznych wskazówkach i sztuczkach życiowych, a także stworzysz piękny i jasny GIF do swojego portfolio.

Jak stworzyć animację pseudo 3D midi klawiatury w programie After Effects?

Temat lekcji był ciekawy technologia komputerowa, który nazywa się pseudotrójwymiarowością. Pseudo 3D to grafika, która próbuje naśladować trójwymiarową przestrzeń gry, ale tak nie jest. Podobny efekt jest często stosowany w grach komputerowych. Jednym z przykładów takiego podejścia jest dobrze znana gra Doom.

Właśnie tego będziemy się uczyć! Autor opowie i pokaże jak stworzyć animację klawiatury za pomocą pseudo-3D. Lekcja będzie szczególnie interesująca dla tych, którzy planują powiązać swoją przyszłą pracę z technologiami gier lub grami komputerowymi. W przyszłości dzięki tej funkcji będziesz mógł tworzyć bardziej złożone animacje.

Jak stworzyć animację astronauty?

Tworzymy GIF z astronautą w skafandrze poruszającym się w kosmosie na tle planety. Pracujemy z tłem i drobnymi detalami, tworząc płynny obraz z kilkoma ruchomymi elementami. Nadal pracujemy z osią czasu, konsolidując umiejętności.

Zaczynamy również bardziej szczegółowo rozważać warstwy i ustawienia. Autor pokazuje i opowiada szczegółowo, jak pracować z programem, co należy zrobić, aby uzyskać taki lub mnie efekt. Równolegle odpowiada również na pytania uczestników webinaru.

Jak stworzyć animację saksofonisty?

Tematem lekcji jest tworzenie animacji w stylu kolażu z dźwiękiem. Najpierw musimy przygotować materiały, z których stworzymy kolaż. Musisz również wybrać zdjęcie jako podstawę ilustracji. Niezbędne jest również znalezienie wideo z występami saksofonistów, aby powtórzyć ich ruchy, aby animacja była bardziej naturalna.

Rysujemy w Abode After Effects, tworząc wiele warstw. Dzięki temu łatwiej będzie nam animować kolaż. Możesz także użyć Pliki Photoshop. Wszystko to i wiele więcej wyraźnie pokazuje autor kursu. Równolegle odpowiada również na pytania uczestników kursu.

Jak stworzyć animację za pomocą myszki i lodówki?

„Jak mysz zawieszona w lodówce” - tworzymy rozbudowaną animację z charakterystyczną zwisającą myszką i opadającą lodówką opartą na grafice wektorowej. Pracujemy z przestrzenią, rysujemy dodatkowe elementy (lodówka, podłoga, ściany). Możesz dodać więcej szczegółów lub pozostawić tak jak w przykładzie.

Następnie przechodzimy do szczegółów, pamiętając jednocześnie o skrótach klawiszowych i podstawowych narzędziach. Dowiesz się również, jak tworzyć kompozycje, dostosowywać je, pracować z warstwą i jej ustawieniami. Pod względem złożoności lekcja jest bardziej odpowiednia dla zaawansowanych użytkowników lub tych, którzy biorą udział w tym kursie od pierwszej lekcji.

Jak stworzyć animację z meduzą?

Jako pomysł na lekcję wykorzystujemy GIF - kadr z filmu, w który się zamieniamy Grafika wektorowa. Najtrudniejszym elementem jest meduza, pracujemy też nad innymi elementami: częścią pokoju i postaciami. Główne funkcje, cechy i narzędzia programu są krótko podświetlone, podobnie jak w poprzednich lekcjach. Osobliwością lekcji jest pokazanie ruchu meduzy po określonej trajektorii.

Autor pokaże i podpowie, jak zrealizować ten pomysł, aby ruchy były jak najbardziej naturalne i płynne. Zobaczysz również dokładnie, jakich klawiszy używa autor webinaru, dzięki czemu możesz wzmocnić swoje umiejętności w zakresie skrótów klawiszowych.

Jak ożywić samolot?

Zaczynamy od przeglądu podstawowych rzeczy - pracujemy nad głównymi narzędziami, tworzymy nowy projekt (nowy dokument), działające okna. Bazę rysujemy od podstaw w programie. Możesz także użyć programu Illustrator, a następnie zaimportować go do programu After Effects. Skonfiguruj nowy dokument i zacznij rysować, a następnie animuj obraz.

Zwracamy szczególną uwagę na płynność ruchu gif, dopasowujemy parametry Rate do uzyskania pożądanego efektu. Dziś pracujemy z 14 klatkami na sekundę, analogicznie do filmów. Patrzymy na wynik, korygujemy niedociągnięcia, wprowadzamy poprawki do projektu. Pracujemy również z torem lotu, z obiektami, które wychodzą poza arkusz. Używamy długopisu i innych narzędzi.

Jak ożywić samochód?

Jako podstawę do animacji wybieramy złożony element - samochód. Używamy trójwymiarowego obrazu z tonami i półtonami, które następnie wprawimy w ruch. Rysunek można utworzyć w programie Illustrator lub bezpośrednio w oknie After Effects. Jako podstawę bierzemy dowolny szkic lub zdjęcie z sieci. Również w procesie będziemy potrzebować tekstur, na przykład szkła i wzoru.

Tworzymy wspólny obraz. W trakcie pracy „wiążemy” ze sobą elementy, a także pracujemy z punktami kontrolnymi, ustawiając je i sprawdzając, dostosowując liczbę klatek na sekundę. Prawie wszystkie polecenia wykonujemy za pomocą skrótów klawiszowych, aby je zapamiętać i przyspieszyć proces pracy.

Jak stworzyć animację za pomocą izometrii?

Izometria to oryginalna technika, na podstawie której można tworzyć nie tylko ilustracje, ale także animacje. To drugie zrobisz, nauczywszy się tworzyć elementy sektora bankowego (karty plastikowe i monety) za pomocą tej techniki.

Taka animacja może być wykorzystana w projektach komercyjnych, np. do zaprojektowania strony internetowej banku, dowolnej organizacji finansowej. Dlaczego więc nie zdywersyfikować swojego portfolio takim przykładem! Widok izometryczny to świetny sposób na pokazanie swoich umiejętności i pracę nad swoimi umiejętnościami.

Jak stworzyć bezwstydną animację kota?

Jednocześnie autor odpowiada na pytania słuchaczy webinaru, na przykład o to, dlaczego angielska wersja programu jest potrzebna do pracy, a także na ile trafna jest sama animacja, w tym jako praca zawodowa.

Jak stworzyć animację z UFO?

Ostatnia lekcja kursu, dzięki której stworzysz latający spodek z belką. Zaczynamy od przeglądu ekranu roboczego i głównych funkcji programu, a następnie przechodzimy do tworzenia GIF-ów. Konsolidujemy wszystkie umiejętności i wiedzę zdobyte na poprzednich lekcjach, a mianowicie pracujemy z warstwami i ich możliwościami, edytujemy tło, ustawiamy animację i dostosowujemy prędkość ruchu za pomocą osi czasu.

Ustawiamy również kompozycję, rysujemy w programie za pomocą długopisu i innych narzędzi, ustawiamy różne efekty w animacji. Po całym kursie Abode After Effects będziesz miał w swoim portfolio ponad 30 pełnoprawnych przykładów pracy, jednym z nich jest animacja UFO.

Adobe Flash Professional to duży, wielofunkcyjny program, który jest trudny do nauczenia się i używania.

Adobe, w swoim niezmiennym przyzwyczajeniu, niewiele dba o uproszczenie swoich programów. Jeśli inni programiści dla uproszczenia odrzucą wszystkie opcje pośrednie, to w Adobe nic nie ginie. Wszystkie opcje pośrednie do pracy z programem zostaną zawarte w ostatecznej wersji w postaci pewnego rodzaju przycisku, panelu lub linii w menu. W rezultacie waga programów (w MB) rośnie, a program staje się nadmiernie skomplikowany. Ponadto wiele instrumentów dubluje się całkowicie lub częściowo.

Nie było wyjątkiem od tej reguły i Adobe Flash Professional. Program ma trzy różne tryby rysowania, trzy różne tryby animacji i wiele innych mylących funkcji, które mogą odstraszyć potencjalnych użytkowników od programu.

Uwaga: Autorzy Adobe Flash Professional nieco uprościli najnowsze wersje programu - takie funkcje jak tworzenie klasycznej animacji ruchu , bez edytora ruchu , używany jest tylko jeden język programowania ActionScript 3.0 itd.

Ustawienia programu

Program Adobe Flash Professional jest skonfigurowany domyślnie, ale w razie potrzeby można zmienić te ustawienia.

Z menu Edycja wybierz Preferencje (Windows) lub Flash > Preferencje (Mac OS).
Z różnych ustawień możesz wyłączyć ekran powitalny — brak dokumentu.
W najnowsze wersje programu, możesz wybrać kolor okna programu (zakładka „Ogólne” - Interfejs użytkownika - Ciemny, jasny).
Możesz zmienić liczbę możliwych operacji cofania ("Cofnij" - Cofnij) - domyślnie 100.
Flash obsługuje do 9999 cofnięć, ale nie musisz wybierać maksimum, ponieważ to spowolni program.

Kolory podświetlenia — można zmienić domyślne kolory używane dla wyświetlanych ramek ograniczających wokół obiektów rysunkowych, grup lub symboli.

I inne.

Utwórz nowy dokument

Możesz tworzyć i otwierać dokumenty za pomocą ekranu powitalnego lub menu Plik.
Ekran „Witamy” to panel startowy do tworzenia i otwierania plików, w tym wbudowane szablony animacji Flash, banery, animacje dla telefony komórkowe.

W kolumnie Utwórz nowy okna powitalnego wybierz opcję ActionScript 3.0.

Lub: Z menu Plik wybierz Nowy.
Otworzy się okno Nowy dokument.

Na karcie Ogólne wybierz typ Plik Flash(ActionScript 2.0 lub 3.0).
Domyślnym językiem jest ActionScript 2.0, ale można również wybrać ActionScript 3.0. Korzystanie z języka ActionScript 3.0 umożliwia korzystanie ze wszystkich funkcji najnowszych wersji programu (CS5 i CS6). Na przykład, jeśli chcesz zastosować obrót 3D do obiektów podczas tworzenia animacji, musisz wybrać ActionScript 3.0 (ActionScript 2.0 nie obsługuje tej funkcji).
ActionScript 3.0 wymaga również, aby odwiedzający mieli najnowszą wersję odtwarzacza Flash.

Uwagi:
W najnowszych wersjach programu
1. ActionScript 2.0 nie jest obsługiwany.
2. Istnieje możliwość stworzenia animacji w formacie HTML5.

Na karcie Utwórz z szablonu Możesz wybrać szablon, aby otworzyć go do edycji.

Zawsze możesz zmienić właściwości projektu — z menu Modyfikuj, wybierz Dokument lub użyj skrótu klawiaturowego Ctrl+J (Windows) lub Command+J (Mac OS).

W sekcji Wymiary ustaw szerokość i wysokość filmu w pikselach.
W sekcji Jednostki linijki ustawione są jednostki linijki - centymetry. mm, piksele itp. Zwykle jednostką miary linijek są piksele.
W sekcji Kolor tła wybierany jest kolor tła animacji.
W sekcji Szybkość klatek ustawiana jest prędkość - klatki na sekundę. Zwykle przyjmuje domyślną prędkość - 24 klatki na sekundę.
Opcja Auto-Save - ustawienie częstotliwości automatycznego zapisywania Twojej pracy.
Opcja Drukarka sprawia, że ​​nowy dokument odpowiada rozmiarowi papieru drukarki.

Zapisywanie dokumentu

Twój nowy dokument musi zostać zapisany przed rozpoczęciem jakiejkolwiek pracy lub dodaniem jakiejkolwiek treści.

Domyślnie dokumenty są zapisywane w formacie Flash CS6 - .fla
1 Z menu Plik wybierz Zapisz.
2 Wybierz folder, w którym chcesz zapisać projekt. nadaj projektowi nazwę.
Zawsze dołącz rozszerzenie .fla na końcu nazwy projektu.

Uwaga: Projekt można zapisać w formacie Flash CS5 (ta opcja nie jest dostępna w najnowszych wersjach programu).
Dokumenty utworzone w programie Flash CS6 nie otwierają się w programie Flash CS5 lub starszym.
Dokumenty utworzone w programie Flash CS5 i wcześniejszych będą otwierane w programie Flash CS6.

Otwieranie dokumentu

Wybierz menu Plik (Plik) > Otwórz (Otwórz)
Polecenie Plik > Otwórz ostatnie — aby otworzyć 10 ostatnich plików.
Do otwierania dokumentów można również użyć ekranu powitalnego.

Po zainstalowaniu programu Adobe Flash Professional na komputerze w tym samym czasie zostanie zainstalowany menedżer plików Adobe Bridge, którego można używać podczas pracy z plikami.
Z menu Plik wybierz Widok w programie Bridge lub Przejdź do programu Bridge (Przeglądaj w Bridge).
Wybierz plik w formacie .fla w programie Adobe Bridge . Dwukrotne kliknięcie pliku otwiera go w Adobe Flash.

Dostosowywanie interfejsu
Dostosuj swoje miejsce pracy do potrzeb —

Tworzenie animacji

Szablony
Adobe Flash zawiera wiele ogólnych szablonów.
Szablony mają wstępnie ustawione rozmiary i wersję ActionScript.
Wybierz menu Plik > Nowy i kliknij kartę Szablony.
Rozważ dołączone szablony flash.

Rysunek
Adobe Flash Professional ma wbudowany edytor grafiki do obrazów wektorowych używanych do tworzenia animacji.

W Adobe Flash jest kilka trybów rysowania, które działają inaczej — zobacz Tryby rysowania

Sprawdź zestaw narzędzi do rysowania, który ma Adobe Flash – zobacz. pasek narzędzi .
Stworzenie tak prostych obiektów jak prostokąt (kwadrat), elipsa (koło), linia nie jest trudne.
Aby stworzyć bardziej złożone obiekty, będziesz musiał zapoznać się z całą funkcjonalnością programu w obszarze rysowania - patrz Rysunek.

Aby stworzyć ręcznie rysowaną animację klatka po klatce, będziesz musiał użyć tabletu graficznego do rysowania, ponieważ. Bez tego niezwykle trudno jest stworzyć wysokiej jakości animację.
O tabletach graficznych

Tworzenie prostej animacji

W programie Adobe Flash istnieją dwa główne sposoby tworzenia animacji - animacja klatka po klatce oraz animacja płynnych zmian (tween). Z kolei animacja animacji ma kilka odmian -.

Przy każdej metodzie tworzenia animacji musisz przestudiować pracę
Oś czasu (oś czasu). Jeśli rozumiesz działanie osi czasu - pomyśl, że połowa pracy związanej z nauką programu została wykonana.
Szczególną uwagę należy zwrócić na praca z warstwami i dalej pracować z personelem .

Po opanowaniu wszystkich powyższych, będziesz już w stanie tworzyć elementy Flash (na przykład banery, slajdy, itp.) do wstawiania na swoje strony html.

Wszystkie elementy animacji można tworzyć w programie Adobe Flash Professional. Możesz też importować elementy utworzone w Adobe Illustrator, Adobe Photoshop, Adobe After Effects itp. programy.

Drugą połową sukcesu w opanowaniu programu Adobe Flash Professional jest nauka języka ActionScript 3.0. W takim przypadku będziesz mógł korzystać ze wszystkich funkcji programu, w tym z tworzenia interaktywnych witryn Flash.
Jako gorszą alternatywę użyj fragmentów kodu dostarczonych z programem (menu Okno (Windows) - Fragmenty kodu).

Niniejsze omówienie nie obejmuje samouczków ActionScript, ale takie samouczki są dostępne online.


Zarządzanie animacją Flash

Jeśli chcesz stworzyć coś bardziej złożonego niż proste animowane banery lub slajdy, będziesz potrzebować:
a. Naucz się tworzyć przyciski
b. Naucz się korzystać z kodu ActionScript.

Przyciski (graficzne lub tekstowe) są potrzebne, aby odwiedzający witrynę mógł kontrolować animację - patrz Przyciski.

Animacja w Adobe Flash jest tworzona przy użyciu kodu ActionScript. Wcześniejsze wersje programu używały ActionScript 2.0, najnowsze wersje używają ActionScript 3.0. Te wersje mają poważne różnice i są częściowo kompatybilne.

Nie musisz ręcznie pisać kodu podczas tworzenia animacji flash, ponieważ. w Adobe Flash większość pracy wykonywana jest w trybie wizualnym. Jednak w niektórych przypadkach trzeba wkleić kod ActionScript. W takim przypadku możesz użyć fragmentów kodu dostarczonych z programem lub samodzielnie napisać kod.

Kod ActionScript służy do nadawania przyciskom nawigacyjnym odpowiednich działań — przeskakiwania do określonej klatki animacji lub do określonej strony w witrynie, do sterowania i synchronizacji dźwięku i obrazu oraz wielu innych.

Krótkie wprowadzenie do ActionScript znajdziesz w ActionScript .

tworzenie flasha- strona

Zapowiedź

lokalne oglądanie

Możesz szybko wyświetlić podgląd animacji, przesuwając czerwoną głowicę odtwarzania tam iz powrotem na pasku ramki (patrz poniżej). Oś czasu).

Aby zobaczyć, jak animacja będzie wyglądać w sieci (tj. ze wszystkimi zagnieżdżonymi animacjami), wybierz menu Sterowanie (Sterowanie) > Film testowy(Film testowy) > w programie Flash Professional (w programie Flash Professional).
W takim przypadku utworzona animacja jest oglądana we wbudowanym odtwarzaczu Flash Player (Flash Player).

Aby przetestować Flash dla telefonów komórkowych, użyj menu Sterowanie (Sterowanie) > Film testowy(Film testowy) > w Device Central .

Publikacja

Podczas publikowania edytor tworzy pliki HTML, plik SWF i inne pliki wymagane do prawidłowego działania programu Flash.
W przypadku ustawień publikowania z menu Plik wybierz Opcje publikowania(Ustawienia publikowania).
Aby opublikować, wybierz Publikuj z menu Plik.

Zobacz więcej.