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 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 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 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 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. 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.
; Jeg liker å referere til dette som blekk
fordi jeg er i tegneseriekunst. Se videoen nedenfor.
Trinn 6 -.. Basic Color Steps
Trinn 7 -.. Dybde og Shadow
Trinn 8 -.. Lagre Images for Wordpress
Konklusjon