Share
În acest tutorial, vom analiza un flux de lucru profesionist pentru ilustrarea imaginilor anteturilor site-urilor în stil comic, care sunt destinate integrării în teme Wordpress. Aceasta este o modalitate foarte bună de a vă face blogul să iasă în evidență și să vă promovați pe cele mai bune galerii de design web. Să începem!
Mai jos este imaginea finală la care vom lucra. Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă Vector Plus pentru doar 9 $ pe lună. Puteți vizualiza operele de artă finale, designul final al site-ului la dimensiune completă sau puteți vizita site-ul live.
Mai jos este tema mea Wordpress, după cum vedeți tema constă din câteva zone, cum ar fi "antetul". Aici vreau să schimb imaginea antetului de fundal și să post ceva care să poată exprima mai multe despre mine ca și designer și ilustrator.
Întotdeauna încep cu câteva schițe pe hârtie. Acest lucru mă ajută cu adevărat să mă concentrez mai bine asupra unor idei și să urmăresc ulterior în Illustrator. Aici am făcut un videoclip distractiv pe care l-am făcut pentru acest tutorial.
Deci, ideea mea este să creez o lume viitoare ciudată cu muncitori robot și o fată ca comandant. Schițele preliminare sunt prezentate mai jos.
Imaginea de mai jos prezintă schița creionului final pentru a fi postată în Illustrator ca șablon.
Acum sunt pregătit să mă așez în fața calculatorului și să încep cu Adobe Illustrator CS4. Deschid un nou document și așeza schița ca un șablon (făcând dublu clic pe strat și verificând șablonul).
Acum, creez un strat nou deasupra șablonului "șablon". Apoi încep să urmăresc liniile de bază ale schiței. Mereu urmăresc paleta de instrumente Pen deschis pentru a lucra mai repede (vârful mic).
Urmați primii pași din videoclipul de mai jos.
Cu Pen Tool, fac negrul aplicare a cernelii; Îmi place să mă refer la asta ca cerneluri pentru că sunt în arta cărților de benzi desenate. Vedeți videoclipul de mai jos.
În final, puteți vedea stratul cu cernelurile de caractere.
De asemenea, vedeți sub cerneala stratului de fundal.
Stratul "șablon șablon" nu mai trebuie utilizat, așa că l-am șters. Aici toate straturile plasate împreună.
Dupa incalzire, am nevoie de o culoare de baza, aici este stratul de "caractere de culoare de baza".
Sub fundal, culoarea de bază este prezentată mai jos.
Iată toate straturile de culoare de bază împreună.
După culorile de bază, am nevoie de o adâncime și o umbră pentru a face ilustrația mai reală. Iată un studiu rapid asupra modului în care lumina va cădea în această ilustrație.
Mă întorc în ilustrator și încep să caut umbrele acolo unde este nevoie. Pentru cei pe care îi copiem și le lipiți adesea formele, aplicați Divide din paleta pathfinder.
În cele din urmă, imaginea finală este prezentată mai jos sau vizualizați lucrările finale.
Din această imagine am avut nevoie de două părți pentru tema mea Wordpress, una pentru antet și una pentru corp. Cu ghidajele desenez cele două zone.
După ce plasați ghidajele, creez felii, mergând la Object> Slice> Create From Guides.
Acum salvez cele două imagini accesând File> Save For Web (salvez doar imaginile și nu html). Apoi încărc imaginea finală exportată în tema Wordpress. Acum este gata să fie codificat în temă.
Puteți vedea rezultatele finale de mai jos, care au fost integrate pe deplin în tema Wordpress finală. Puteți vizualiza operele de artă finale, designul final al site-ului la dimensiune completă sau puteți vizita site-ul live.
Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.
Accentsconagua