Vrid en penna skiss till en färgstark och dynamisk teckenillustration

Vad du ska skapa
Denna handledning publicerades ursprungligen i februari 2013 som en Tuts + Premium-handledning. Det är nu tillgängligt gratis att visa. Även om denna handledning inte använder den senaste versionen av Adobe Photoshop, är dess tekniker och process fortfarande relevanta. 

Att skissa ut en teckenillustration kan vara mycket roligt. Att ge det skisslivet kan dock vara en utmanande uppgift. I den här handledningen kommer jag att förklara hur man använder Photoshops målningsverktyg för att göra en penna skiss till en färgstark och dynamisk karaktärsillustration. 

I den här processen ska jag visa dig hur man ska manipulera din skiss, blockera i dina färger och slutligen hur man lägger till belysning och textur. Denna handledning innehåller också en video som hjälper dig att styra dig längs vägen. Låt oss börja!

Och för att underlätta dina digitala konstbehov, överväga en av våra fantastiska Adobe Photoshop-borstar från GraphicRiver och Envato Elements. Ladda ner dessa penslar för att förvandla din digitalkonst till vackra mästerverk!

Tutorial Assets

Följande tillgångar användes under produktionen av denna handledning:

  • Rock Texture
  • Borstar av Mike Nash

1. Hur man förbereder din skiss

Steg 1

Jag har alltid haft måleri tecknade tecken. När jag väl kommit med idén ritar jag vanligtvis tecknet direkt på papper och skannar sedan skissen.


Steg 2

Du känner säkert känslan när du inte är nöjd med dina penna skisser. Till exempel är proportionerna av tecknet inte rätt eller det kan vara mer dynamiskt. När vi arbetar digitalt kan vi lösa dessa problem mycket enkelt och snabbt. Därför behöver skissen några förberedelser innan vi kan börja med färgprocessen. Öppna skissen i Photoshop och Duplicera skiktet.


Steg 3

Använd Lasso Tool och välj huvudet. Efter det högerklicka> välj Inverse> Delete. Eftersom vi duplicerade laget före, har vi nu huvudet på ett separat lager.


Steg 4

Högerklicka> Free Transform.


Steg 5

Håll Kontrollera och sträck huvudet lite större. Var uppmärksam så att huvudet ligger i samma position på nacken som tidigare.


Steg 6

Detsamma kan göras med benen. Duplicera det första skiktet (skiss). Välj benen med Lasso Tool> högerklicka> välj Inverse> Delete.


Steg 7

Högerklicka> Free Transform.


Steg 8

Flytta crosshairs till början av benen och Rotera det valda området.


Steg 9

Nu när vi kan rotera hela kroppen, duplicera det första lagret (Sketch) och välj de tre sista elementen med Kontrollera.


Efter det, högerklicka> Konvertera till Smart Object.


Steg 10

Nu kan vi Rotera hela kroppen: högerklicka> Gratis omvandling...


Och Rotera det valda området.


Steg 11

Låt oss nu röra upp vår skiss. För att göra detta använder vi Klonstämpelverktyg som visat.


Steg 12

Nästa ändrar vi skissens kontrast, och för det här använder jag följande inställningar.


Skissen ser ut mer tillgänglig för färgning nu. Spara dokumentet som en JPG och öppna den igen i Photoshop. Det är det enklaste sättet att konvertera alla lager och justeringar.


Steg 13

Dessutom använder jag ofta Liquify Tool att perfekta mina skisser. I det här fallet använder jag det för att förstärka karaktärens leende. Öppna jpg-filen i Photoshop> klicka på Filter> Liquify.


Använd Framåt Warp Tool att dra.


Steg 14

Vi har gjort alla nödvändiga förberedelser! Nu kan vi börja med färgprocessen.


2. Hur färgar du din skiss

Steg 1

Jag föredrar att arbeta med höga dimensioner eftersom det gör att jag kan skriva ut mitt arbete i stora storlekar. Se till att du har en 300 dpi Upplösning. Klicka på Bild> Bildstorlek. För denna målning använde jag följande inställningar.


Steg 2

Jag duplicerar alltid huvudskiktet (Sketch) för att få ett alternativ om jag gör misstag. Byt från Vanligt läge till Multiplicera läge. Detta låter dig måla under skissen. Fixa detta lager med ett slott.


Steg 3

Skapa nu ett nytt lager och placera det under skissen (Multiplicera lager) och fyll den med en basfärg. Detta är vårt bakgrundslag.

Därefter blanda noggrant en färgpalett med de huvudfärger du vill använda i din målning. Använd också ett separat lager för detta. Efteråt kan vi välja färgerna med Eyedropper Tool. När du är klar, fixa det här lagret med ett slott också.


Steg 4

Skapa sedan en Nytt lager och börja måla med Paintbrush Tool.


För det mesta använder jag penselsatsen Mike Nash. Han är en fantastisk artist och erbjuder många fantastiska borstar gratis på sin hemsida.


Steg 5

Eftersom vi redan har valt färgerna behöver vi bara välja önskad färg med Eyedropper Tool. I detta skede är det väldigt viktigt att välja rätt färger eftersom målningen är byggd på denna färgpalett.

Zooma inte in på bilden medan du målar bakgrunden så att du får en fullständig bild av det. Välj de grundläggande färgerna som vi redan har utformat med Färgväljare.


Steg 6

Försök att föreställa sig från vilken riktning ljuset kommer in. I detta fall kommer ljuskällan från vänster sida, så måla vänster hörn lite ljusare.


Steg 7

Ett bra tips: Vänd bilden horisontellt i olika tidsavstånd så att du kan se din målning från en ny synvinkel, vilket hjälper dig att hitta möjliga misstag.


Skapa nu en Nytt lager för karaktären.


Steg 8

Fyll försiktigt karaktären med en basfärg med en basborste.


Steg 9

Därefter klickar du på Låsa genomskinliga pixlar knapp.


Steg 10

Nu kan vi måla några värden med en ljusare färg. Strukturen i den anpassade borsten ger målningen ett fint klassiskt utseende.


Steg 11

Det är alltid bra att arbeta med många lager, för om du gör ett misstag kan du snabbt och enkelt rätta till det.

Skapa nu en Nytt lager och rikta detta till teckenfärgskiktet. Detta har samma effekt som Låsa genomskinliga pixlar knapp.


Steg 12

Karaktären kommer långsamt till liv. Kom ihåg att det här är bara de grundläggande färgerna, så fokusera inte på detaljerna än. Försök att arbeta med bara några penselsträckor.


3. Hur man lägger till detaljerna

Steg 1

Efter att ha klarat de grundläggande färgerna kan vi börja med det detaljerade arbetet.

Nu ska vi måla över vår skiss, så skapa ett nytt lager och placera det över skissen (Multiplicera lager).

Återigen, försök att arbeta med många lager. Om dokumentet är för stort, konvertera du bara lagren.


Jag börjar alltid med höjdpunkterna, så jag kan föreställa mig ljusinställningen bättre.

Snabbspets: Jag målar ofta små riktpilar på ett separat lager. De visar mig var ljuset kommer ifrån och där skuggan måste vara.


Steg 2

Det är dags för en ny flip, så du ser din målning från en ny synvinkel. Försök att överskriva skissen. Huvudet ligger i målningen, så du bör uppmärksamma detta område.


Steg 3

Som du kan se, försvinner de flesta penna streck från skissen under färgerna. På grund av markens ljusstyrka kan vi måla lite reflekterat ljus på karaktärens mage och armar.


Steg 4

Till marken använde jag en textur från CGTextures.com.

Ladda texturen i din fil.


Steg 5

Byt skiktet till Mjukt ljus och den Opacitet till 73%.


Steg 6

Välj den Lasso Tool> Högerklicka> Gratis omvandling. Sträck det sedan i rätt läge.


Steg 7

Radera kanterna från texturen med Utsuddningsverktyg.


Steg 8

Därefter skapa en Nytt lager och placera den över texturen. Nu kan vi måla över texturen.


Steg 9

Målningen är nästan färdig-det enda sakna är håret.


Steg 10

För håret behöver vi en skarp borste, klicka så i Borsta inställningarForm Dynamics. Jag använde följande inställningar.



Steg 11

Bakgrunden är lite tom, så jag börjar med att måla några dammvågor i bakgrunden.


Steg 12

För att ge arbetet den sista kontakten, skapa ett nytt lager och fyll i det med en grå färg. Klicka sedan på Filter> Buller> Lägg till Buller.


Ange beloppet till 21,27% och klicka ok.


Efter det klickar du på Filter> Blur> Box Blur och ställ radien till 2 px.


När du har gjort det, byt skiktet till Mjukt ljus och ställa in Opacitet till 54%.


Awesome Work, Du är nu klar!

Det är allt! Jag hoppas att denna handledning var användbar och inspirerar dig att utveckla dina egna karaktärer och stil. Åh, en sista tips: Ha det roligt!

Realtidsvideo

Denna handledning innehåller också en realtidsvideo för att visa processen. Videon har redigerats i längd men bör vara en bra guide om du har några frågor.


Fantastiska Photoshop borstar från Envato Elements

Vill du efterlikna den vackra traditionella konstutseendet utan att behöva hämta en enda pensel? Testa sedan vårt anmärkningsvärda utbud av Photoshop Art Brushes från Envato Elements för att simulera den traditionella utseendet. Och kolla in en av våra favoriter nedan!

Supreme Acrylic & Gouache Photoshop Borstar

Måla som din favorit klassiska artister med detta gudomliga Photoshop-borstpaket. Inkluderat i detta paket finns 27 imponerande Photoshop-borstar med inbyggd tryckkänslighet för att imitera traditionella konstverktyg. Ladda ner den här uppsättningen för att få tillgång till dessa borstar och skapa underbar digital konst idag!