W tym tutorialu chciałem opisać jak przygotować prostą, elegancką kreskówkę, bazując na prostych kształtach i wypełnieniach gradientowych. Co prawda ciężko w ten sposób zrobić grafikę o dużej ilości detali, ale kreskówki robione w ten sposób mają jedną dużą zaletę – pozostają wyraźne nawet po zmienijszeniu, dlatego doskonale nadają się na ikony i logotypy.

Zacznijmy od szkicu – w naszym przykładzie zrobimy małego, miłego misia – nazywa się Teodore (odkrywcze ;)

Tak więc importujemy Teddiego do Flasha (możemy wykorzystać każdy inny program do grafiki wektorowej – jak Illustrator czy Inkscape).

Teddy jest zrobiony z prostych kształtów. Każdy element wykonamy osobno – zaczniemy od oczu.

Każde oko jest wykonane z trzech okręgów. Potrzebne jest jedno czarne koło jako podstawa i dwa białe koła jako refleksy. Możemy dodać wypełnienie gradientowe na bazę, aby nadać oczom bardziej realistyczny wygląd.

Przejdźmy do brwi. Zaczniemy od prostych prostokątów (w sumie – raczej ciężko byłoby zacząć od krzywych prostokątów ;) – a następnie zaokrąglamy brzegi.

Przechodzimy do robienia uszu.
Każde ucho zbudowane jest z dwóch prostych elips. Wykorzystujemy wypełnienie gradientem, aby uwypuklić kształt ucha.

Przyklepnijmy misiowi jedno ucho (spuścizna dzieciństwa ;).
(odetniemy kawałek ucha, przeniesiemy na warstwę powyżej, zmieniamy kolor na coś jasnego i obracamy).

Czas na twarz (moglibyśmy nawet powiedzieć mordę) i tułów misia – zrobimy je ponownie przy użyciu elips.

Twarz wykonujemy z dwóch elips.

Aby zrobić nos stawiamy pionową linię na środku elipsy (porada: przekształć linię w Movie Clip’a, a następnie skorzystaj z opcji ułożenia (align)).Nos wykańczamy dwoma zagiętymi liniami.

Tors jest wykonany z dwóch elips (teraz już powinno być jasne, dlaczego ten post nazywa się “Robienie kreskówki z prostych kształtów”). Elipsy są wypełnione radialnym gradientem aby podkreślić bryłę misia.

Na koniec dorobimy misiowi nogi.
Po obrysowaniu stopy elipsą, wyrysowujemy podeszwę przy pomocy narzędzia Pen (tutaj jest dobry tutorial jak tego narzędzia używać). Wszystko wypełniamy radialnymi gradientami.

I to by było na tyle – miś Teddy gotowy:).

Bez problemu możecie ściągnąć i sprawdzić .fla z naszym misiem.
Zezwalam na wykorzystanie misia w dowolnych projektach (jak go gdzieś wykorzystacie dajcie info w komentarzach)