Lær en profesjonell arbeidsflyt for å illustrere en Comic

Learn en profesjonell arbeidsflyt for å illustrere en Comic-Style Header Image
Dette innlegget er en del av en serie kalt Web og Interface Design Med Vector.Create en stilisert Navigasjonslinje og Slice det for WebQuick Tips: Lag Fargerike Glossy Rating Stars

I denne opplæringen, vil vi gjennomgå en profesjonell arbeidsflyt for å illustrere nettstedet header bildene i tegneserien stil, som er bestemt til å integrere i Wordpress temaer. Dette er en fin måte å gjøre bloggen din skiller seg ut og få markedsført på de beste webdesign gallerier. La oss komme i gang!



Final Bilde Forhåndsvisning

Nedenfor er det siste bildet vi skal jobbe mot. Ønsker tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden. Du kan se den endelige kunstverk, den endelige webdesign i full størrelse, eller besøke aktive nettstedet

Trinn 1 -. Ser på en Wordpress Theme

Nedenfor er min Wordpress tema, som du se tema består av noen få soner, som "header". Her ønsker jeg å endre bakgrunns header image og legger noe som kan uttrykke mer om meg som designer og illustratør samt

Trinn 2 -.! Start med skissering på papir, No Digital her

Jeg begynner alltid med noen skisser på papir. Dette virkelig hjelpe meg å fokusere noen ideer bedre og har noe å spore etterpå i Illustrator. Her en morsom video jeg gjorde for denne opplæringen

Trinn 3 -. De Sketches

Så min idé er å skape en merkelig fremtid verden med robot arbeidere og en jente som sjef. Foreløpige skisser er vist nedenfor

Bildet nedenfor viser den endelige blyantskisse for å poste i Illustrator som en mal

Trinn 4 -.. Start med Illustrator CS4

Nå er jeg m klar til å sette seg ned foran PCen og starte med Adobe Illustrator CS4. Jeg åpner et nytt dokument og plasser skissen som en mal (ved å dobbeltklikke på laget og sjekker Mal).

Nå lager jeg et nytt lag over "mal" lag. Så jeg begynner å spore de grunnleggende skisse linjene. Jeg har alltid spore med Pen Tool paletten åpen for å jobbe raskere (lite tips)

Følg de første trinnene i videoen nedenfor

Trinn 5 -.. Inking

Med Pen Tool, jeg gjør den svarte inking
; Jeg liker å referere til dette som blekk
fordi jeg er i tegneseriekunst. Se videoen nedenfor.

Til slutt kan du se lag med tegnene blekk.

Se også under bakgrunnslaget blekk.

"mal skisse "lag trenger ikke å brukes lenger, så jeg slettet den. Her er alle alle lagene plassert sammen

Trinn 6 -.. Basic Color Steps

Etter håndskrift, jeg trenger noen grunnleggende farge, her er "grunnleggende farge tegn" lag

Under bakgrunnsgrunnfarge er vist nedenfor

Her er alle de grunnleggende farge lagene sammen

Trinn 7 -.. Dybde og Shadow

Etter de grunnleggende farger, trenger jeg litt dybde og skygge for å gjøre figuren mer reell. Her er en rask undersøkelse på hvordan lyset faller innenfor denne illustrasjonen.

jeg tilbake i illustratør, og jeg begynner å spore skygger der det trengs. For de jeg ofte kopiere og lime figurene da gjelde Divide fra Pathfinder paletten

Til slutt det endelige bildet er vist nedenfor, eller se den endelige kunstverk

Trinn 8 -.. Lagre Images for Wordpress

Fra dette bildet, jeg trengte to deler til min Wordpress tema, en for header og en for kroppen. Med guider trekker jeg de to sonene

Etter å ha plassert guidene, jeg skaper skivene ved å gå til Objekt >.; Slice > Lag fra Guides

Nå sparer jeg de to bildene ved å gå til Fil >.; Lagre for Web (jeg bare lagre bilder og ingen html). Så jeg laste opp den siste eksporterte bildet inn i Wordpress tema fold. Nå er det klart til å bli kodet inn i temaet.

Konklusjon

Du kan se de endelige resultatene nedenfor, som har blitt fullstendig integrert i den endelige Wordpress tema. Du kan se den endelige kunstverk, den endelige webdesign i full størrelse, eller besøke aktive nettstedet.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.