Share
I denne opplæringen vurderer vi en profesjonell arbeidsflyt for å illustrere nettstedshovedbilder i tegneserie, som er bestemt for å integreres i Wordpress-temaer. Dette er en fin måte å få bloggen din til å skille seg ut og bli fremmet på de beste webdesigngalleriene. La oss komme i gang!
Nedenfor er det endelige bildet vi skal jobbe for. Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden. Du kan se det endelige kunstverket, den endelige webdesignen i full størrelse, eller besøke live-nettstedet.
Nedenfor er mitt Wordpress-tema, som du ser temaet består av noen få soner, som "header". Her vil jeg endre bakgrunnsbildebilde og legge inn noe som kan uttrykke mer om meg som designer og illustratør også.
Jeg begynner alltid med noen skisser på papirer. Dette hjelper meg virkelig å fokusere noen ideer bedre og ha noe å spore etterpå i Illustrator. Her en morsom video jeg gjorde for denne opplæringen.
Så ideen min er å skape en merkelig fremtidsverden med robotarbeidere og en jente som kommandør. Foreløpige skisser er vist nedenfor.
Bildet under viser den endelige blyantskissen for å legge inn i Illustrator som en mal.
Nå er jeg klar til å sitte foran PCen min og begynne med Adobe Illustrator CS4. Jeg åpner et nytt dokument og legger skissen som en mal (ved å dobbeltklikke på laget og sjekke mal).
Nå lager jeg et nytt lag over "mal" laget. Så begynner jeg å spore de grunnleggende skisselinjene. Jeg sporer alltid med pennverktøypaletten åpen for arbeid raskere (lite tips).
Følg de første trinnene i videoen nedenfor.
Med pennverktøyet gjør jeg den svarte inking; Jeg liker å referere til dette som blekk fordi jeg er med i tegneseriekunst. Se videoen nedenfor.
Til slutt kan du se laget med tegnfargen.
Se også under bakgrunnslagets blekk.
Skabelonet "malskisse" trenger ikke å bli brukt lenger, så jeg slettet det. Her er alle lagene plassert sammen.
Etter blekk trenger jeg litt grunnleggende farge, her er "grunnleggende farge karakter" laget.
Under bakgrunnen er grunnfarge vist nedenfor.
Her er alle de grunnleggende fargelagene sammen.
Etter de grunnleggende fargene trenger jeg litt dybde og skygge for å gjøre illustrasjonen mer ekte. Her er en rask studie om hvordan lyset kommer til å falle innenfor denne illustrasjonen.
Jeg kommer tilbake i illustrator, og jeg begynner å spore skyggene der det trengs. For de som jeg ofte kopierer og limer inn figurene, bruker du Divide fra palestranden.
Til slutt vises det endelige bildet nedenfor, eller se det endelige bildet.
Fra dette bildet trengte jeg to deler for mitt Wordpress-tema, en for toppteksten og en for kroppen. Med hjelpelinjene tegner jeg de to sonene.
Etter å ha plassert støttelinjene lager jeg stykkene ved å gå til Objekt> Slice> Opprett fra veiledninger.
Nå lagrer jeg de to bildene ved å gå til Arkiv> Lagre for web (jeg lagrer bare bildene og ingen html). Da laster jeg opp det endelige eksporterte bildet i Wordpress-temafellen. Nå er det klart å bli kodet inn i temaet.
Du kan se de endelige resultatene nedenfor, som er fullt integrert i det siste Wordpress-temaet. Du kan se det endelige kunstverket, den endelige webdesignen i full størrelse, eller besøke live-nettstedet.
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.
Accentsconagua