Animacji 2D: Rysowanie pierwszej sceny

Adobe CC 2021

0:03Cześć! Przyszedł czas na to, abyśmy

0:06narysowali sceny naszej animacji, tak jak przedstawiają się one w story boardzie.

0:11Czyli na początku mamy

0:12ten kadr, gdzie nasz bohater podchodzi do hulajnogi i stawia nogę na hulajnodze.

0:18Później zakładam słuchawki, więc oczywiście taki kadr też

0:22musimy narysować jako osobny dokument w ilustratorzy, jako osobną scenę itd.

0:26Itd.

0:27Teraz to czas, więc zabieramy się do pracy i przechodzimy do ilustratora.

0:32No i teraz zobaczysz jak takie sceny powinny wyglądać.

0:37Ja w przerwie rysowałem jeszcze kolejną warstwę, na której znajduje się takie

0:41miasto w tle i ono będzie też w jakiś sposób się animować.

0:45Myślę, że ograniczymy się do tego, że w momencie, kiedy nasz bohater będzie

0:49poruszał się na hulajnodze, to to miasto będzie uciekało do tyłu.

0:52OK, ale jeszcze kilka rzeczy, o których warto wspomnieć.

0:56Tak to się prezentuje w porównaniu do naszego szkicu.

0:59Myślę, że szkic możemy

1:02usunąć, nie będzie nam potrzebne, więc zaznaczam może całą tą warstwę.

1:06A następnie wybieramy ikonkę koszyka w panelu Layers i wybieram.

1:12Yes.

1:13I teraz tak.

1:15Zobacz.

1:17Ja tutaj troszeczkę przerywałem taki element jak np.

1:20włosy, to znaczy troszeczkę powiększyłem, specjalnie dodałem taką

1:25gigantyczną grzywę, bo też chciałbym, żeby ona w jakiś sposób się poruszała.

1:29W momencie, kiedy nasz bohater będzie

1:30jechał, to fajnie by było, gdyby ona gdzieś tam na tym wietrze się kiwała,

1:34więc na pewno to w jakiś sposób będzie fajnie wyglądać.

1:39Przewód tutaj ten kabel, który idzie od

1:41słuchawek do telefonu też też będzie w jakiś sposób się poruszał.

1:46No i głównie tutaj będzie praca z tymi

1:47nogami, więc będzie trochę rzeczy do zrobienia.

1:51No ale nie zapominajmy o tym, że mamy też

1:53nasz prosty szkic story board i musimy przygotować te sceny najpierw

1:59ilustratorzy, a później przerzucić to do mastera.

2:03Zobacz.

2:04Rozbijanie elementów na warstwy też będzie później miało swoje pozytywne

2:11przełożenie na pracę w avatarze, więc staraj się o tym pamiętać.

2:15Ja wrócę teraz do Photoshopa i będę chciał teraz narysować tą pierwszą scenę.

2:22Następnie narysujemy tę scenę, gdzie nasz bohater zakłada sobie słuchawki.

2:27Kolejna scena to będzie scena z telefonem i to wszystko oczywiście musimy narysować.

2:32Może ja też nie będę jakoś

2:35przykuwał Twojej uwagi do Illustratora, ponieważ jest to kurs animacji.

2:39Oczywiście ani kurs tworzenia obiektów

2:43wektorowych, ale kilka z tych scen będę chciał pokazać jak narysować.

2:48Następnie później, kiedy już będą wszystkie gotowe to przejdziemy do after

2:54i zaczniemy od tej sceny numer 1, gdzie nasz bohater stawia nogę na hulajnodze.

3:02Więc proponuję abyśmy tutaj stworzyli

3:05sobie nowy dokument wybierając File, a następnie New.

3:10Niech to będzie dokument z takimi samymi

3:11ustawieniami jak ostatnio, czyli 1920x1080 Full HD bez żadnych spadów, bez żadnych

3:16ustawień drukarskich RGB oczywiście i 72 piksele na cal.

3:22Wybieram teraz Create.

3:23Mamy już nowy dokument utworzony.

3:25No i tutaj może po prostu

3:27przerzuć sobie z folderu hulajnoga ten nasz story board ok?

3:33I wiemy, że mamy narysować tą pierwszą scenę, więc zablokujemy sobie może

3:39przynajmniej na razie tę warstwę i stwórzmy sobie drugą, kolejną warstwę.

3:46Przechodzę teraz do

3:48menu głównego, wybieram File, następnie Zapisz jako i zapiszemy to

3:54w folderze Hulajnoga, ale tutaj stworzę sobie nowy folder i nazwiemy go sceny.

4:01Tutaj będę zapisywał poszczególne sceny

4:05w naszej animacji i napiszemy nazwijmy to np.

4:09scena.

4:12Scena numer 1.

4:15Wybieram zachowaj ok.

4:18I to co zrobię najpierw to skopiuję sobie

4:21tutaj naszą hulajnogę, czyli wracam do tego naszego konceptu.

4:27Zaznaczam sobie wszystkie elementy, które

4:29tworzą naszą hulajnogę, czyli warstwę z kołami jednym i drugim.

4:35Mogę to zrobić z shift, z hulajnogą.

4:37OK, zaznaczam wybieram Command C.

4:40Następnie wracam do dokumentu Scena numer 1, a następnie wybieram Command v.

4:48Tutaj ewentualnie jeszcze warto przejść do menu głównego wybierając

4:52Layer, a następnie Paste Members Layers, czyli wklejaj z zapamiętywaniem warstw.

4:58Te obiekty, które tutaj wkleję zostaną

5:00również wklejone z warstwami na których się znajdują.

5:02Więc wybieram command v i zobacz

5:03faktycznie mamy warstwę hulajnoga will front i mill back.

5:07To co teraz chciałbym zrobić to powiększyć

5:09naszą hulajnogę, ponieważ tutaj mamy dosyć spore zbliżenie.

5:12Warto jeszcze upewnić się, że razem z

5:14naszą hulajnogą będzie też będzie przeskalowany obrys.

5:19Więc przechodzę do panelu Properties tutaj do sekcji Transform rozwijamy listę i

5:23wybieram Skill School Efekt i Skill Corner, czyli skaluje też narożniki.

5:30Oczywiście tutaj chodzi o te narożniki, które są zaokrąglone.

5:33Powiększa naszą hulajnogę dosyć mocno.

5:36Umieszczam tutaj.

5:39OK.

5:40No i to co jeszcze tutaj zrobię to chciałbym tutaj wkleić miasto, więc mogę

5:44zaznaczyć sobie tutaj tą warstwę z naszym miastem, zaznaczyć zawartość warstwy

5:49klikając na ten prostokąt na kwadracik kolorowy wybieram Command C.

5:54Wracam tutaj w grę command v.

5:56Oczywiście mamy warstwę wklejona z CD z całością elementów.

6:01Możemy sobie to oczywiście powiększyć w jakiś sposób ok, np.

6:04tak dobrze teraz.

6:09Kolejna rzecz musimy tutaj stworzyć sobie nogi naszego bohatera.

6:13Możemy oczywiście skopiować tutaj te nogi stąd i spróbujmy to zrobić.

6:17Może najpierw z tą nogą back gram command c, a następnie wracam tutaj command V.

6:25To oczywiście powinniśmy powiększyć dosyć

6:27mocno, więc skanujemy z shift po to, aby zachować proporcje.

6:31To nic, że wychodzimy tutaj poza ten główny ekran, poza granice naszego

6:36art, bo tu to w zasadzie nie jest żaden problem.

6:40To co ja chciałbym zrobić teraz to

6:43troszeczkę zmodyfikować ten but, ponieważ zobacz tutaj.

6:47W tym momencie nasz bohater jest

6:50pozbawiony takich detali jak jakieś tam sznurówki czy jakieś elementy

6:56bardziej zaawansowane tego buta, ponieważ tutaj jesteśmy mocno oddaleni,

6:59ale w momencie kiedy ja przybliżam się do jakiegoś, przybliżam kadr do jakiegoś

7:04obszaru, jakiegoś elementu, to chciałbym żeby pojawiło się tu więcej detali.

7:08Czyli np. możemy pokusić się śmiało o stworzenie

7:11tutaj sznurówek w tym bucie, więc dlaczego nie?

7:16Może zróbmy tutaj jeszcze coś takiego.

7:19Wybierzmy sobie narzędzie biurko

7:22i stwórzmy sobie jeszcze taki element tu i może sobie to zaokrąglić.

7:28Na przykład tak z altem możemy sobie to złamać i połączmy ten węzeł.

7:35Następnie.

7:37Możemy sobie tutaj zastosować jakiś ciemniejszy kolor, ale może nie różowy.

7:41Przejdźmy więc do panelu.

7:45Libraries. I tutaj zobaczmy, czy

7:48możemy skorzystać z jakiegoś koloru, który wcześniej sobie pobraliśmy z Adobe Color.

7:54Na przykład ten.

7:55Ale spróbujmy go troszeczkę zmodyfikować.

7:58Wybieram Window, a następnie przejdźmy do menu do panelu Kolor.

8:03Możemy sobie ten panel tutaj zablokować.

8:06OK.

8:08I proponuję, żebyśmy troszeczkę sobie ten kolor zmodyfikowali.

8:10Może troszeczkę bardziej go za różowy

8:12i jednocześnie spróbujemy go przyciemnić np.

8:16tak.

8:17OK, spróbujmy sobie to dodać do próbek.

8:24Zaznaczę ten obiekt tutaj mamy.

8:26Mamy tutaj obrys i wypełnienie, więc wybieramy sobie

8:29kroplami jeżeli zapożyczyłem sobie właściwości, stąd teraz wygląda to lepiej.

8:34No i chciałbym teraz, żebyśmy narysowali jakieś proste sznurówki.

8:38Niezbyt skomplikowane.

8:39Będzie nam się to łatwiej animować, więc myślę, że możemy wybrać sobie narzędzie

8:42Tool i na tej warstwie, gdzie mamy nogę po

8:46prostu rysujemy mrówkę, czyli możemy zrobić np.

8:50to w ten sposób.

8:57I taż mrówka też chciałbym żeby się animowana.

9:01Wybierz edycję obrysu i wybierz sobie może ten kolor.

9:06Zwiększam grubość dosyć mocno, więc przejdźmy do panelu Properties i zwiększ

9:11grubość do powiedzmy czterech punktów, może trzech.

9:15Spróbujmy sobie powiększyć tą surówkę o około 3 punkty.

9:20Myślę, że będzie dobrze i surówka również będzie się animować.

9:25Ale teraz byłoby dobrze, gdybyśmy tutaj zbudowali jeszcze jedną nogę.

9:29Tak więc to może sobie przesuniemy troszeczkę tutaj w tę stronę.

9:33Następnie

9:35stworzę sobie nową warstwę i wyłączę wklejanie z zachowaniem warstw,

9:40czyli po prostu tutaj wybieram menu, a następnie oznaczam Paste Member Layers.

9:46Kopiuję sobie tą nogę i wklejam na tą nową warstwę V OK.

9:52Przeniosę ją tutaj.

9:54W porządku.

9:57To chciałbym żeby była ta nasza noga frontowa.

10:00Czyli tutaj może wybierzemy sobie jaśniejszy kolor.

10:03Wybierzmy kroplą, zapożyczyłem sobie

10:05właściwości stąd Tutaj oczywiście musimy tą skarpetę schować.

10:12Więc prawy klawisz myszy, a następnie image i print front.

10:16Teraz wygląda to lepiej i o ile pamiętam to ten spód tutaj ma inny

10:20kolor, więc zaznaczmy go sobie i jest to ten kolor dokładnie tutaj, więc

10:27możemy wybrać sobie kroplą też i zapożyczyć.

10:31W porządku.

10:32Tutaj musimy jeszcze to zmodyfikować,

10:35więc spróbujmy wybrać ten kolor i za pomocą panelu Kolor troszeczkę sobie to.

10:42Przy nim.

10:47Na przykład w ten sposób i ta warstwa to będzie noga front.

10:53OK, całą tą warstwę możemy sobie przesunąć tu np.

10:59.

11:00OK, nie zapomnijmy o tym, żebyśmy dodali sobie tutaj.

11:06Jeszcze.

11:08Taką białą kreskę.

11:15Nie chce wypełnienia wybieram obrys to

11:17niech będzie biały kolor z większą grubość do trzech punktów i zaokrąglić narożniki.

11:26OK. No i tą pierwszą scenę mamy.

11:27Tak wygląda ten kadr.

11:29Możemy sobie jeszcze wybrać View, a następnie Trim View i tak to wygląda.

11:33Może jeszcze spróbujmy całość podnieść do góry.

11:36Delikatnie więc zaznaczmy wszystko i podnieśmy sobie wyżej w ten sposób.

11:43No i to ta scena będzie dosyć prosta.

11:47Tutaj chciałbym, żeby nasz bohater tą nogę

11:49z czerwonym butem po prostu postawił na hulajnodze.

11:53OK, scenę pierwszą mamy gotową.

11:55Możemy ją zapisać wybierając File Save i przechodzimy do lekcji następnej.

12:00No teraz to wszystko.

12:01Do usłyszenia po przerwie.