Share
I den här handledningen granskar vi ett professionellt arbetsflöde för att illustrera sidhuvudbilder i komisk stil, vilka är avsedda att integreras i Wordpress-teman. Det här är ett utmärkt sätt att få din blogg att sticka ut och bli marknadsförd på de bästa webbdesign gallerierna. Låt oss börja!
Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad. Du kan se det slutliga konstverket, den slutliga webbdesignen i full storlek eller besök den levande webbplatsen.
Nedan är mitt Wordpress-tema, eftersom du ser att temat består av några zoner, som "huvudet". Här vill jag ändra bakgrundshuvudbilden och posta något som kan uttrycka mer om mig som designer och illustratör också.
Jag börjar alltid med några skisser på papper. Detta hjälper mig verkligen att fokusera några idéer bättre och ha något att spåra efteråt i Illustrator. Här en rolig video jag gjorde för denna handledning.
Så min idé är att skapa en underlig framtida värld med robotarbetare och en flicka som befälhavare. Inledande skisser visas nedan.
Bilden nedan visar den slutliga penna skiss för att lägga in i Illustrator som en mall.
Nu är jag redo att sitta ner framför min dator och börja med Adobe Illustrator CS4. Jag öppnar ett nytt dokument och lägger skissen som en mall (genom att dubbelklicka på lagret och kolla på Mall).
Nu skapar jag ett nytt lager ovanför "mall" -laget. Sedan börjar jag spåra de grundläggande skisslinjerna. Jag spårar alltid med Pen Tool paletten öppen för att arbeta snabbare (litet tips).
Följ de första stegen i videon nedan.
Med Penverktyget gör jag det svarta inking; Jag hänvisar till detta som tryckfärger för att jag är in i serietidskonst. Se videon nedan.
I slutet kan du se skiktet med teckenfärgen.
Se även under bakgrundsskiktet bläck.
Skalet "mallskissa" behöver inte användas längre, så jag tog bort det. Här är alla lagren placerade ihop.
Efter inkning behöver jag lite grundläggande färg, här är "grundläggande färgtecken" -lagret.
Under bakgrunden visas den grundläggande färgen nedan.
Här är alla de grundläggande färglagren tillsammans.
Efter de grundläggande färgerna behöver jag lite djup och skugga för att göra bilden mer verklig. Här är en snabb studie om hur ljuset kommer att falla inom denna illustration.
Jag återvänder i illustratorn och jag börjar spåra skuggorna vid behov. För dem som jag ofta kopierar och klistrar in formerna, applicerar du sedan Divide från palettern för sökare.
I slutändan visas den sista bilden nedan, eller se det slutliga konstverket.
Från denna bild behövde jag två delar för mitt Wordpress-tema, en för rubriken och en för kroppen. Med guiderna ritar jag de två zonen.
Efter att ha placerat guiderna skapar jag skivorna genom att gå till Objekt> Skiva> Skapa från guider.
Nu sparar jag de två bilderna genom att gå till Arkiv> Spara för webben (jag sparar bara bilderna och ingen html). Sedan laddar jag upp den slutliga exporterade bilden i WordPress-temafallet. Nu är det klart att det kodas in i temat.
Du kan se de slutliga resultaten nedan, som har integrerats fullständigt i det sista Wordpress-temat. Du kan se det slutliga konstverket, den slutliga webbdesignen i full storlek eller besök den levande webbplatsen.
Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua