Zarejestruj Zapomniałeś hasła?
Postać z lotu ptaka z animacjami.
Dodany 6 kwietnia 2009, 09:59 Odsłon 1992
Edytory Ocena
 (10 głosów)
Kategoria Grafika Poziom (Dla średnio-zaawansowanych)
Postać z lotu ptaka z animacjami, tworzona od zera.


Z tego kursu dowiecie się jak stworzyć postać do gry z widokiem w stylu pierwszych GTA i jak ją później animować.
Do pracy będzie potrzebny nam program graficzny taki jak Photoshop, który jest niestety płatnym programem lub darmowy Gimp. Ja korzystam z Photoshopa ale wszystko co pokarzę bez problemu da się zrobić we wspomnianym Gimpie.
Ok, mamy już narzędzia więc czas brać się do roboty.

1. Zaczniemy od wykonania cienkim pędzlem szkicu postaci. Rysujemy korpus, głowę i ręce. Przy ramionach musimy zwrócić uwagę na to, że odcinek od dłoni do łokcia będzie dłuższy ale szczuplejszy niż ten od łokcia w górę. Ma na to wpływ perspektywa i kąt pod jakim ustawione są ręce. Dorzucamy też jakąś broń np. miecz. Wydaje się krótki ale spójrzcie na ołówek od góry, to takie złudzenie. Więc jeśli jakaś białogłowa przechodząc obok naszego rycerzyka Zbyszko powie "Ale krótki..." to wiedz, że nie o oręż chodzi.:P



2. Mamy już szkic więc czas zabrać się za kolorowanie. Tutaj z pomocą przychodzą nam warstwy (w Gimpie "Okna dialogowe > Warstwy" lub Ctrl + L, a w Photoshopie "okna > Warstwy" lub F7). Dzięki nim możemy stworzyć jakby wycinanki, które będziemy nakładać na siebie. Tworzymy więc każdą część ciała naszego bohatera (głowa, korpus itd.) na nowej warstwie.
Kolorowanie nie jest takie trudne jak by się wydawało. Najpierw zamalowujemy kontur (na osobnej warstwie) najciemniejszym kolorem, później nakładamy kolejno coraz jaśniejsze. Najlepiej użyć do tego pędzla podobnego do tego w ramce na obrazku. Takiego rozmytego na brzegach.
Nakładając kolejne kolory pamiętamy, że im wyżej tym jaśniej. Później wykańczamy cienkim pędzlem i ciemnym kolorem taki jakby kontur, cieniujemy zagięcia rąk na wysokości łokcia. Widać to na załączonym obrazku.
Warto rysować postać większą niż będzie w grze. Można później pomniejszyć ludzika, a przynajmniej będzie wygodniej rysować.




W ten sposób kolorujemy całego ludzika. Dodajemy takie detale i gadżety jak szwy na kamizelce, jakaś ciekawa fryzurka czy... uszy.



Ok, teraz weźmiemy się za nóżki. I żeby nie było tak całkiem poważnie damy naszemu rycerzykowi różowe kalesony.:)
Rysujemy dwie nóżki. Jedna (lewa) to noga wystawiona do przodu (przed siebie), druga do tyłu. Dzięki temu uzyskamy później animację chodu/biegu.
Jeśli chodzi o kolorowanie zasady pozostają takie jak wcześniej. Warto tylko wspomnieć o dodaniu cienia pod kolanem.



Już prawie jesteśmy przy animacji. Jeszcze tylko jeden ważny szczegół. Kiedy postać biegnie, pochyla się do przodu. Zmodyfikujemy naszego wojaka tak by przybrał taką pozę. Wystarczy przesunąć trochę do przodu głowę (i szwy kamizelki jeśli je dodaliśmy) i dorysować na plecach trochę ciała, no taki garb jakby.:) Ja zmieniłem też pozycję miecza ale to wg uznania.



No i to by było na tyle rysowania i kolorowania. Teraz bierzemy się za animację. Dzięki temu, że korzystaliśmy z warstw mamy wszystko osobno. Wstawiamy więc nogi pod korpus i resztę i wysuwamy je i chowamy tak, żeby stworzyć złudzenie stawianych kroków.
Korpus będziemy nieznacznie obracać (ja dałem 5 stopni na każdą klatkę). Jak obracać części? Najlepiej złączyć ze sobą warstwy z rękami, korpusem i mieczem (pamiętaj, żeby zrobić kopię zapasową projektu). Do obracania użyjemy opcji "swobodnie przekształć" (w photoshopie Ctrl + T, w gimpie jest chyba coś takiego jak "rotate tool"). Głowę pozostawiamy skierowaną przed siebie.
W ten sposób tworzymy poszczególne klatki, które później utworzą animację w grze. Mi wyszło coś takiego:



Jak zauważyliście nasz rycerzyk rozgląda się. To taki bajer, który można zastosować w grze np. kiedy gracz długo nic nie klika. Łatwo to zrobić, a dodaje uroku.

I został nam jeszcze do zadania cios. Im więcej czasu poświęcicie, tym efekt będzie lepszy. Ja zrobiłem 'na odpierdol' i wyszło jak wyszło.:)
Ten etap polega na przekształcaniu rąk i miecza (rozciąganie, obracanie czyli swobodne przekształcanie:)). Pamiętajcie o proporcjach o, których pisałem w pierwszym punkcie. Oto mój (cienki, oj cieniutki) efekt:



To wszystko. Nie jest tak trudno jak się wydaje więc nie poddawajcie się na starcie. Często trzeba coś poprawić, coś wymazać. Wierzcie w siebie i próbujcie. Peace.

(c) Falkom88
Ostatnio edytowane 6 kwietnia 2009, 10:06 przez falkom88
Komentarze
misiug5 @ 26 listopada 2009, 16:06
Więc jeśli jakaś białogłowa przechodząc obok naszego rycerzyka Zbyszko powie "Ale krótki..." to wiedz, że nie o oręż chodzi. hehehe dobre. A tak na serio to porządny kurs
Ostatnio edytowane 26 listopada 2009, 16:09 przez Don_Sotto
speeder6 @ 25 listopada 2009, 19:53
ja to zrobiłem w paincie :D
falkom88 @ 6 kwietnia 2009, 19:22
LOL. Nie dobijaj pan.:D Właśnie drc na FFG zwrócił uwagę na animację zadawania ciosu i ją miałem poprawić. Ale to "wkrótce".:)
netray @ 6 kwietnia 2009, 19:17
artykuł mi się podoba, ale znowu narzekam na animację:) mi to się bardziej kojarzy z czymś innym, a nie uderzeniem mieczem:D a gdzie zamach jakiś czy coś?:) oczywiście sedno sprawy zostało dobrze pokazane:P poza tym gdyby wszyscy nosili miecze ostrzem przy głowie, to na świecie byłoby zdecydowanie mniej wojen
Ostatnio edytowane 6 kwietnia 2009, 19:18 przez netray
falkom88 @ 6 kwietnia 2009, 19:13
Dzięki za sugestie, może wkrótce rozbuduję ten artykuł. Prawdę mówiąc obiecałem to już drc ale tak jakoś chęci nie było.:)
Tropik @ 6 kwietnia 2009, 19:03
Proponuję też dodać arta o postaci z widokiem 'z góry' z jakimś karabinem w łapach:)
pikor @ 6 kwietnia 2009, 18:22
Przydałoby się pogłębić artykuł. Rozbudować go. :-)
Vital @ 6 kwietnia 2009, 16:51
Zabrakło mi w tym wszystkim szczegółowości i konsekwencji w pisaniu,szczególnie część poświęcona animacji jest opisana zdecydowanie zbyt ogólnikowo. Przydałyby się chociaż ze dwie klatki przejścia ze stania do biegu. Postać narysowana poprawnie,ale brak kontrastów troszkę razi;) Rozumiem że to tylko tutorial,więc nie ma co się przejmować. Generalnie ciekawy artykuł,jako zacięty pixelartowiec nie myślałem nigdy o wykorzystaniu gimpowych czy też peesowych warstw do animacji;) Jestem pewien że artykuł przyda się wielu początkującym grafikom,pozdrawiam:)
Dodaj komentarz
Kolor:   Rozmiar:

Dodał falkom88
Profil PW
Twoja ocena
^ Do góry
© 2009 - 2012 Fabryka Gier. Publikowanie materiałów tylko za zgodą autorów.
Realizacja: Maciej Lamberski *-: