Kursy » Postać widziana od boku z animacjami.

Postać widziana od boku z animacjami.

Dodany	6 kwietnia 2009, 10:06	Odsłon	2399
Edytory		Ocena	(11 głosów)
Kategoria	Grafika	Poziom	(Dla średnio-zaawansowanych)

Postać widziana od boku z animacjami, tworzona od zera.

Witam na kolejnej lekcji tworzenia grafiki do gier. Warto wcześniej zapoznać się z pierwszą lekcją. Dziś dowiesz się jak narysować i animować postać widzianą od boku. Będziemy trochę oryginalni i bohater nie będzie ustawiony idealnie bokiem, a pod kątem. Oczywiście nic nie stoi na przeszkodzie aby narysować go klasycznie. Zasada pozostaje ta sama.

1. Zanim zaczniemy musimy zapoznać się z proporcjami budowy ludzkiego ciała. Aby to zobrazować skorzystałem z dzieła mistrza Leonarda. Dorosły człowiek mierzy tyle co jego siedem (do 7,5) głów ustawionych jedna na drugiej (jeśli wyobraziłeś/aś sobie teraz jakąś rzeźnię to chyba nie jest dobrze

). Spójrz na obrazek poniżej. Zauważysz, że długości nóg czy torsu również można przedstawić w jednostce jaką jest głowa.

Proporcje ciała dzieci wyglądają trochę inaczej. Czterolatek mierzy mniej więcej tyle co trzy i pół głowy. Szesnastolatek tyle co sześć głów.

2. Wiemy już jak jest zbudowane ludzkie ciało (po szczegóły odsyłam Cię do Twojej nauczycielki biologii

) więc możemy zacząć rysować szkic naszej postaci. Jeśli nie wychodzi można, korzystając z dobrodziejstw warstw, "podłożyć" obrazek czy zdjęcie przedstawiające człowieka.
Tym razem naszym bohaterem nie będzie syn drwala w różowych kalesonach, rycerz samozwaniec, a fan Miami Vice i muzyki disco.

3. Jak pisałem na początku ludzik, którego narysowałem nie stoi idealnie bokiem tylko pod kątem.
Mamy szkic, teraz czas go pokolorować. Korzystając z umiejętności nabytych na pierwszej lekcji nakładamy kolory i dodajemy detale. Pamiętaj aby każdą część ciała rysować na nowej warstwie. To bardzo ważne szczególnie tym razem. Kiedy mamy prawą rękę czy nogę, możemy ją skopiować i użyć jako lewej. Warto przyciemnić trochę i zmniejszyć kontrast kończyny na "dalszym planie". W Photoshopie znajdziecie tę funkcję w Obrazek > Dopasuj > Jasność/Kontrast. Nie wiem jak to jest w Gimpie ale wierzę, że dasz sobie radę i znajdziesz.

Mój ludek prezentuje się w następujący sposób:

Poprzez okręcanie poszczególnych części możemy ustawiać ludka w różnych (głupich) pozycjach:

4.Dobra dobra ale to nie miał być model czy posąg a dynamiczna, pełna energii postać głównego bohatera naszej supa hipa gierki. Nie ma sprawy, zaraz tchniemy w niego życie. Pojawia się jednak problem, ponieważ stworzyć płynną i realistyczną animację nie jest tak łatwo. Z pomocą przychodzi Worm z STG udostępniając przykładowe animacje. Paczuszkę można pobrać klikając tutaj.
Wybieramy animację której potrzebujemy (chodzenie, bieganie...), wycinamy fragment i "podkładamy" pod naszą postać na nowej warstwie. Teraz obracając kolejne części ludzika tworzymy klatki animacji.

Jest to dość nudne zajęcie ale skoro ja wytrwałem (a nie było łatwo bo pomyliłem nogi, tę "bliższą" z tą na dalszym planie i trza było poprawić

) to Ty też dasz radę.

Uwaga! Pani Dobra Rada... radzi

Crazy napisał(a):

To ja może napiszę jak w GIMPie użyć gotowej animacji do podkładu:
1.Powiedzmy że mamy tą animacje wzorową jako animacje GIF, a części ciała postaci na osobnych warstwach. Otwieramy do warstw klatki animacji wybierając z menu Plik->Otwórz jako warstwy. Klatki animacji zaimportują się jako nowe warstwy (próbowałem takich czarów z Photoshopem, jednak bez efektu. Chyba będzie trzeba się posłużyć ImageReady - przyp. Fall).
2.Ukrywamy wszystkie nowozaimportowane klatki, klikając na ikone oka obok nich. Zostawiamy widoczną tylko pierwszą, kładziemy na spód warstw przedstawiających nasze części ciała i ustawiamy według je według wzoru. Gdy jest gotowa pierwsza nasza klatka, ukrywamy podkład, klikamy na najwyższą warstwę i wybieramy "Nowa z widoku". Tadam!
3.Mamy pierwszą klatkę! Ukrywamy ją i usuwamy jej "oryginał" (klatke na której się wzorowaliśmy), odkrywamy drugą w kolejności klatkę wzorcową i znów zabawa zaczyna się od początku...:)

Dzięki Crazy!

To lecimy dalej.

Jako taki bajer możemy w prosty sposób stworzyć cień. Wystarczy narysować coś takiego jak na obrazku poniżej. Jedno pacnięcie pędzlem albo użyć "okrągłego" gradientu. Później spłaszczyć to o połowę i jest.

No dobra. Mamy już ludzika, wstawiamy mu cień pod nogi i wychodzi coś takiego:

Not bad, huh?

To by było na tyle. Twórzcie i nie poddawajcie się.

(c) Falkom88

Ostatnio edytowane 6 kwietnia 2009, 16:05 przez falkom88

Komentarze

	mardox10 @ 12 listopada 2010, 16:45
	Link nie działa Ostatnio edytowane 12 listopada 2010, 16:46 przez mardox10
	Zdunek @ 25 maja 2009, 16:13
	Wszystko git, tylko jak ten kolo moze sie po jajkach drapac? Ujeb%^$s mu raczki przy samych lokciach :>
	falkom88 @ 6 kwietnia 2009, 19:09
	Dzięki, dzięki wszystkim. Za Photoshopa wziąłem się ze względu na wymogi stawiane przez pracodawców. Tak jak piszesz Crazy, zawsze jak już chcą jakiś program graficzny to albo Adobe albo Corel. A zazwyczaj jedno i drugie. I tak jakoś przy nim pozostałem. Ale trzeba się rozwijać, no nie? Obadamy GIMPa.
	pikor @ 6 kwietnia 2009, 18:20
	może i ludzik statyczny, animacje nie należą do najłatwiejszych zabaw.. ale artykoolik sam w sobie świetnie zaprezentowany.
	crazy @ 6 kwietnia 2009, 16:52
	Bo Photoshop ma wbrew pozorom mniejsze możliwości, słabiej jest rozwijany, kompatybilny w pełni tylko z Windowsami i tak z mojej strony - nie ma w nim krzty polotu ani wygody pracy z nim. Jest anty-narzędziem twórczym, a mimo to mnóstwo osób z niego korzysta, i ja muszę używać go na studiach i w pracy teoretycznie też. Dlaczego? Przewaga marketingowa to raz, ten chory prestiż programu to dwa. A GIMP prócz wielu zalet ma też tę niepowtarzalną - jest darmowy. Paradoksalnie to właśnie jest powodem że nie jest brany absolutnie poważnie pod uwagę. Bo jak firma nie zapłaci za program to od razu jest on kiepski. A proszę tylko spojrzeć na logo. Za tym dziecinnym uśmiechem wilka kryje się program-potwór, o ogromnych możliwościach. I mam nadzieję że tak jak Blender, GIMP nie podda się swojemu komercyjnemu konkurentowi. Może czas przenieść się na bardziej profesjonalne narzędzie?
	mikpol0 @ 6 kwietnia 2009, 16:39
	Świetne. . Przyda się.
	falkom88 @ 6 kwietnia 2009, 16:06
	Dzięki wielkie Crazy. Pozwoliłem sobie włączyć Twoje rady do kursu.
	crazy @ 6 kwietnia 2009, 15:38
	To ja może napiszę jak w GIMPie użyć gotowej animacji do podkładu: 1.Powiedzmy że mamy tą animacje wzorową jako animacje GIF, a części ciała postaci na osobnych warstwach. Otwieramy do warstw klatki animacji wybierając z menu Plik->Otwórz jako warstwy. Klatki animacji zaimportują się jako nowe warstwy. 2.Ukrywamy wszystkie nowozaimportowane klatki, klikając na ikone oka obok nich. Zostawiamy widoczną tylko pierwszą, kładziemy na spód warstw przedstawiających nasze części ciała i ustawiamy według je według wzoru. Gdy jest gotowa pierwsza nasza klatka, ukrywamy podkład, klikamy na najwyższą warstwę i wybieramy "Nowa z widoku". Tadam! 3.Mamy pierwszą klatkę! Ukrywamy ją i usuwamy jej "oryginał" (klatke na której się wzorowaliśmy), odkrywamy drugą w kolejności klatkę wzorcową i znów zabawa zaczyna się od początku... Może się komuś taka mała podpowiedź przyda.
	netray @ 6 kwietnia 2009, 15:34
	dlatego tylko jedną gwiazdkę zabieram
	falkom88 @ 6 kwietnia 2009, 15:16
	Nogi trochę krzywo stawia bo pomyliłem się przy tworzeniu animacji (o czym pisałem) i później poprawiałem zamiast zacząć od początku. Mimo niedociągnięć myślę, że efekt końcowy jest ok, a kurs komuś się przyda.
	netray @ 6 kwietnia 2009, 13:29
	yyyy, trochę ten ludzik jakby miał zaraz na twarz polecieć, jak człowiek idzie do nogi bardziej do przodu wysuwa no i tułów jak dla mnie zbyt statyczny