Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Converteix un Esbós al llapis en el Personatge d'una Il·lustració Colorida i Dinàmica

by
Difficulty:IntermediateLength:MediumLanguages:

Catalan (Català) translation by Óscar Salas Fernández (you can also view the original English article)

Final product image
What You'll Be Creating
Aquest tutorial va ser originalment publicat al febrer de 2013 com un tutorial amb recàrrec de Tuts+. Ara està disponible per veure-ho gratis. Encara que aquest tutorial no utilitza l'última versió d'Adobe Photoshop, les seves tècniques i processos encara són rellevants.

Esbossar la il·lustració d'un personatge pot ser molt divertit.  No obstant això donar-li vida a aquest esbós pot ser un tasca desafiadora. En aquest tutorial, t'ensenyés com utilitzar les eines de pintura de Photoshop per convertir un esbós en el personatge d'una iustración colorida i dinàmica.

En aquest procés, et mostraré com manipular el teu esbós, emplenar els teus colors i finalment com afegir llum i textura.  Aquest tutorial també inclou un vídeo per ajudar a guiar-te al llarg del camí. Anem a començar!

Recursos del tutorial

Durant la producció d'aquest tutorial van ser utilitzats els següents recursos:

1. Prepara el teu esbós

Pas 1

Sempre he gaudit pintar personatges de cartoon. Una vegada que m'invento la idea, normalment dibuixo el personatge directament en el paper i després escanejo l'esbós.

Prepare Your Sketch

Pas 2

Segurament coneixes la sensació de quan no estàs satisfet amb els teus esbossos al llapis. Per exemple, les proporcions del personatge no són correctes o podria ser més dinàmic. Com treballem digitalment, podem resoldre aquests problemes fàcil i ràpidament. Per això, l'esbós necessita uns pocs preparatius abans que puguem començar amb el procés d'acolorir. Obre l'esbós en Photoshop i duplica la capa.

Prepare Your Sketch

Pas 3

Utilitza l'Eina Llaç i selecciona el cap. Després d'això botó dret > seleccionar invers > Esborrar. Ja que vam duplicar la capa abans, ara tenim el cap en una capa separada.

Prepare Your Sketch

Pas 4

Botó dret > Transformació lliure.

Prepare Your Sketch

Pas 5

Mantingues premut Comando / Control i estira el cap una mica més gran. Posa antención perquè el cap estigui en la mateixa posició sobre el coll que estava abans.

Prepare Your Sketch

Pas 6

Es pot fer el mateix amb les cames. Duplica la primera capa (Esbós). Selecciona les cames amb l'eina llaç > botó dret > seleccionar invers > esborrar.

Prepare Your Sketch

Pas 7

Botó dret > Transformació lliure

Prepare Your Sketch

Pas 8

Mou el punt de mira al principi de les cames i gira la zona seleccionada.

Prepare Your Sketch

Pas 9

Ara que podem girar el cos sencer, duplica la primera capa (Esbós) i selecciona els tres últims elements amb Comando / Control.

Prepare Your Sketch

Després d'això, botó dret > Convertir en Objecte Intel·ligent.

Prepare Your Sketch

Pas 10

Ara podem girar tot el cos: botó dret > Transformació lliure...

Prepare Your Sketch

I gira la zona seleccionada.

Prepare Your Sketch

Pas 11

Ara anem a retocar el nostre esbós. Per fer això, utilitzem l'eina Tampó de Clonar com es mostra.

Prepare Your Sketch

Pas 12

A continuació canviem el contrast de l'esbós, i para això vaig a usar els següents ajustos.

Prepare Your Sketch

L'esbós sembla més accessible per acolorir ara. Guarda el document com un jpg i obre-ho una altra vegada en Photoshop. Aquesta és la manera més fàcil de convertir totes les capes i ajustos.

Prepare Your Sketch

Pas 13

A més, utilitzo sovint l'Eina Liquar per perfeccionar els meus esbossos. En aquest cas la uso per reforçar el somriure del personatge.  Obre l'arxiu jpg en Photoshop > punxa Filtre > Liquar.

Prepare Your Sketch

Usa l'eina Deformar Cap Endavant per arrossegar.

Prepare Your Sketch

Pas 14

Hem acabat tots els preparatius necessaris! Ara podem començar amb el procés d'acolorir.

Prepare Your Sketch

2. Acoloreix el teu Esbós

Pas 1

Prefereixo treballar amb dimensions grans perquè això em permet imprimir el meu treball en grandàries grans. Per això assegura't que tens una resolució 300 Píxels / Polzada. Punxa en Imatge > Grandària d'Imatge. Per a aquesta pintura vaig utilitzar els següents ajustos.

Color Your Sketch

Pas 2

Sempre duplico la capa principal (Esbós) per tenir una alternativa si cometo errors. Canvia de manera Normal a manera Multiplicar. Això et permet pintar per sota de l'esbós. Fixa aquesta capa.

Color Your Sketch

Pas 3

Ara crea una nova capa i col·loca-la sota l'esbós (Multiplicar capa) i emplena-la amb una base de color. Aquesta és la nostra capa del fons.

Després d'això, amb cura barreja una paleta de colors amb els colors principals que vulguis usar en la teva pintura. Utilitza una capa separada també per a això. Després, podem agafar els colors amb l'eina Comptagotes.  Una vegada que hagis finalitzat, fixa aquesta capa també.

Color Your Sketch

Pas 4

Llavors crea una nova capa i comença a pintar amb l'eina Pinzell.

Color Your Sketch

La majoria de les vegades uso el joc de pinzells de Mike Nash. És un artista increïble i ofereix un munt de fantàstics pinzells gratis en el seu lloc web.

Color Your Sketch

Pas 5

Per tal com que ja hem triat els colors, només necessitem agafar el color desitjat amb l'eina comptagotes.  En aquesta fase és molt important triar els colors adequats perquè la pintura està basada en aquesta paleta de colors.

No facis zoom en la imatge mentre pintes el fons perquè tinguis una vista completa d'ell.  Tria els colors bàsics que ja hem ideat amb el selector de color.

Color Your Sketch

Pas 6

Intenta imaginar en que direcció ve la llum. En aquest cas, la font de llum ve de costat esquerre, així que pinta la cantonada esquerra una mica més brillant.

Color Your Sketch

Pas 7

Un consell estupend: Dona la volta a la imatge horitzontalment en diferents intervals de temps i que així puguis veure la teva pintura des d'un nou punt de vista, i això t'ajudarà a trobar possibles errors.

Color Your Sketch

Ara crea una nova capa per al personatge.

Color Your Sketch

Pas 8

Amb cura emplena el personatge amb un color base utilitzant un pinzell bàsic.

Color Your Sketch

Pas 9

Després d'això, punxa el botó de Bloquejar Píxels Transparents.

Color Your Sketch

Pas 10

Ara podem pintar algun valors amb un color més brillant. La textura del pinzell personalitzat dona a la pintura un aspecte clàssic bonic.

Color Your Sketch

Pas 11

Sempre està bé treballar amb moltes capes perquè si comets un error, pots corregir-ho ràpida i fàcilment.

Ara crea una nova capa i dirigeix aquesta a la capa de color del personatge. Això té el mateix efecte que el botó de Boquejar Píxels Transparents.

Color Your Sketch

Pas 12

El personatge lentament cobra vida.  Recorda que aquests són els colors bàsics, així que no et centris encara en els detalls. Intenta treballar amb només uns pocs traços de pinzell.

Color Your Sketch

3. Afegeix els Detalls

Pas 1

Després d'acabar els colors bàsics podem començar amb el treball minuciós.

Ara pintarem sobre el nostre esbós, així que crea una nova capa i col·loca-la damunt de l'esbós (Multiplicar capa).

De nou, intenta treballar amb moltes capes. Si el document és massa gran, simplement converteix les capes.

Add the Details

Sempre començo amb els tocs de llum, així puc imaginar l'ajust de llum millor.

Un consell estupend: Sovint pinto petites fletxes direccionals en una capa separada. Em mostren d'on ve la llum i on ha d'estar l'ombra.

Add the Details

Pas 2

És hora d'una nova volta, així veus la teva pintura des d'un nou punt de vista. Intenta sobrecarregar l'esbós. El cap és el centre de la pintura, de manera que hauries de posar la major part de l'atenció en aquesta zona.

Add the Details

Pas 3

Com pots veure, la mayoria de traços de llapis de l'esbós desapareixen sota els colors. A causa del replandor del sòl, podem pintar una mica de llum reflectida en el budell i els braços del personatge.

Add the Details

Pas 4

Per al sòl vaig utilitzar una textura de Cgtextures.com.

Carrega la textura en el teu arxiu.

Add the Details

Pas 5

Canvia la capa a Llum Suau i l'Opacitat al 73%.

Add the Details

Pas 6

Tria l'eina llaç > botó dret > transformació lliure. Després estira-ho en la posició correcta.

Add the Details

Pas 7

Esborra les vores de la textura amb l'eina esborrador.

Add the Details

Pas 8

Després d'això, crea una nova capa i col·loca-la damunt de la de textura. Ara podem pintar sobre la textura.

Add the Details

Pas 9

La pintura està gairebé acabada -- l'única cosa que falta és el pèl.

Add the Details

Pas 10

Per al pèl necessitem un pinzell punxegut, així que punxa en els Ajustos del Pinzell en Dinàmica de Forma. Vaig utilitzar els següents ajustos.

Add the Details
Add the Details

Pas 11

El fons està una mica buit, així que començo per pintar unes poques ones de pols en el fons.

Add the Details

Pas 12

Per donar al treball el toc final, crea una nova capa i emplena-la amb un color gris. Després punxa en Filtre > Soroll > Afegir soroll.

Add the Details

Estableix la quantitat al 21.27% i punxa OK.

Add the Details

Després d'això picha en Filtre > Desenfocar > Desenfoqui de rectangle i estableix el radi en 2 px.

Add the Details

Una vegada hagis fet això, canvia la capa a Llum Suau i estableix l'Opacitat al 54%.

Add the Details

Un Treball Increïble, Ja Ho Has Fet!

Això és! Espero que aquest tutorial fos útil i que t'inspiri per desenvolupar els teus propis personatges i estil. Oh, un últim consell: Diverteix-te!

Final image

Vídeo en Temps Real

Aquest tutorial inclou a més un vídeo en temps real per mostrar el procés.  El vídeo ha estat editat sobre la marxa però hauria de ser una gran guia si tens alguna pregunta.


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.