Foto de retrat per dibuixar a color amb Photoshop

Escrit per Steve Patterson.

En aquest Tutorial d'efectes fotogràfics , aprendrem a convertir fàcilment una foto de retrat en un esbós a llapis amb Photoshop. L'esbós inicial apareixerà en blanc i negre, però al final del tutorial, aprendrem a acolorir-lo amb els colors originals de la foto! En el següent tutorial , aprendrem una manera lleugerament diferent de convertir una imatge en un esbós, una que normalment s'adapta millor per a objectes o fotos de paisatge.



Aquesta versió del tutorial és per a Photoshop CS5 i anteriors. Els usuaris de Photoshop CS6 i CC (Creative Cloud) voldran fer una ullada versió totalment actualitzada .

Aquí teniu la foto amb la qual començaré:





  La foto original. Imatge amb llicència de shutterstock per Photoshop Essentials.com. La imatge del retrat original.

Així es veurà quan acabem:

  Foto de Photoshop amb efecte d'esbós de llapis de color. Imatge © 2011 Photoshop Essentials.com. Resultat final del retrat per dibuixar.

La versió de text d'aquest tutorial continua a sota del vídeo. Tingueu en compte que el vídeo següent és de l'actualització Versió de Photoshop CC del tutorial, però tot el que cobreixo al vídeo és totalment compatible amb Photoshop CS5 i versions anteriors.



Com convertir una foto en un esbós amb Photoshop

Pas 1: dupliqueu la capa de fons

El primer que hem de fer abans de començar amb l'efecte és fer una còpia de la imatge original per no fer-la malbé per si després la necessitem. Amb la foto recentment oberta a Photoshop, veiem al panell Capes que la imatge es troba a la capa de fons:

  La capa de fons a Photoshop. Imatge © 2011 Photoshop Essentials.com. El tauler Capes que mostra la foto a la capa de fons.

Puja a la Capa menú a la barra de menús a la part superior de la pantalla, tria Nou , després tria Capa mitjançant Còpia . O, per a una manera més ràpida d'executar la mateixa ordre, premeu Ctrl+J (Guanyar) / Ordre+J (Mac) al teu teclat:



  La nova capa mitjançant l'ordre de còpia a Photoshop. Imatge © 2011 Photoshop Essentials.com. Aneu a Capa > Nou > Capa mitjançant Còpia o premeu Ctrl+J (Win) / Command+J (Mac).

De qualsevol manera diu a Photoshop que faci una còpia de la capa, que anomena 'Capa 1', i la col·loqui a sobre de la capa de fons. Tingueu en compte que la capa 1 està ressaltada en blau, la qual cosa ens indica que és la capa activa. Tot el que fem a continuació passarà a la còpia de la imatge a la capa 1, deixant l'original a la capa de fons il·lès:

  Panell Capes de Photoshop. Imatge © 2011 Photoshop Essentials.com. A la capa 1 apareix una còpia de la foto.

Pas 2: desatura la imatge

Puja a la Imatge menú a la part superior de la pantalla, tria Ajustaments , després tria Desaturar :

  Comanda de desaturar imatge de Photoshop. Imatge © 2011 Photoshop Essentials.com. Aneu a Imatge > Ajustos > Desaturar.

L'ordre Desaturar elimina a l'instant tot el color de la imatge, donant-nos un ràpid blanc i negre versió:



  Una imatge desaturada a Photoshop. Imatge © 2011 Photoshop Essentials.com. L'ordre Desaturar no és la millor manera de convertir una imatge en blanc i negre, però és prou bona per als nostres propòsits aquí.

Pas 3: Duplica la capa

A continuació, hem de fer una còpia de la nostra imatge desaturada. Torna a pujar al Capa menú, tria Nou , després tria Capa mitjançant Còpia , o premeu Ctrl+J (Guanyar) / Ordre+J (Mac) al vostre teclat, tal com vam fer al pas 1. Photoshop fa una còpia de la capa 1, l'anomena 'Copia de la capa 1' i la col·loca directament a sobre de la capa 1 al panell Capes:

  Apareix una còpia de la capa 1 al panell Capes. Imatge © 2011 Photoshop Essentials.com. Photoshop sempre col·loca còpies d'una capa per sobre de l'original.

Pas 4: inverteix la imatge

Torna a pujar al Imatge menú a la part superior de la pantalla, tria Ajustaments , després tria Invertir :

  Ordre d'invertir imatge de Photoshop. Imatge © 2011 Photoshop Essentials.com. Aneu a Imatge > Ajusts > Inverteix.

Això inverteix els colors de la imatge, o en el nostre cas els valors de lluminositat, fent que les zones clares siguin fosques i les zones fosques clares, deixant-nos un efecte negatiu fotogràfic:



  Una imatge invertida a Photoshop. Imatge © 2011 Photoshop Essentials.com. La imatge després d'invertir els valors de brillantor.

Pas 5: canvieu el mode de combinació a Color Dodge

A la part superior del panell Capes, hi trobareu Mode de combinació opció. En realitat no diu 'Mode de fusió' enlloc, però és el quadre desplegable que està configurat com a Normal de manera predeterminada. Feu clic a la paraula Normal, que obre una llista de modes de combinació de capes i trieu Color Dodge de la llista:

  El mode de combinació de capa Color Dodge a Photoshop. Imatge © 2011 Photoshop Essentials.com. Canvieu el mode de combinació de la capa invertida de Normal a Color Dodge.

El document apareixerà temporalment ple de blanc. Depenent de la vostra imatge, pot haver-hi algunes zones de negre aquí i allà, però en la seva majoria s'omplirà de blanc:



  La imatge després de canviar el mode de combinació de capes a Color Dodge. Imatge © 2011 Photoshop Essentials.com. Després de canviar el mode de combinació a Color Dodge, el document apareix en blanc.

Pas 6: apliqueu el filtre de desenfocament gaussià

Aquest següent pas és on creem realment l'efecte d'esbós. Puja a la Filtre menú a la part superior de la pantalla, tria Desenfocament , després tria Desenfocament gaussià :

  Seleccionant el filtre Gaussian Blur a Photoshop. Imatge © 2011 Photoshop Essentials.com. Aneu a Filtre > Desenfocament > Desenfocament gaussià.

Això obre el quadre de diàleg del filtre Gaussian Blur. Creem l'efecte d'esbós difuminant la capa. Comenceu a arrossegar Radi control lliscant a la part inferior del quadre de diàleg cap a la dreta per aplicar una mica de desenfocament. Mentre arrossegueu, veureu l'efecte d'esbós que apareix al document. Com més arrossegueu el control lliscant, més difuminació s'aplicarà i més intens serà l'efecte d'esbós. Si arrossegueu massa el control lliscant, però, es mostrarà massa de la foto original i ja no semblarà un esbós.



No hi ha cap valor de radi específic per introduir, ja que la quantitat de desenfocament que utilitzeu dependrà del que creieu que sembla bé per a la vostra imatge, així que assegureu-vos de vigilar el document per jutjar els resultats mentre arrossegueu el control lliscant. Per a la meva imatge, establiré el meu valor de radi a uns 12 píxels més o menys:

  Filtre de desenfoque gaussià de Photoshop. Imatge © 2011 Photoshop Essentials.com. Arrossegueu el control lliscant Radi per augmentar o disminuir la quantitat de desenfocament.

Aquí teniu l'aspecte del meu efecte d'esbós inicial:

  Foto de Photoshop a efecte d'esbós a llapis. Imatge © 2011 Photoshop Essentials.com. El dibuix inicial en blanc i negre.

Pas 7: fusioneu les capes en una nova capa

Manteniu premuda la Tot (Guanyar) / Opció (Mac) del teclat i amb la tecla encara premuda, puja fins a Capa menú a la part superior de la pantalla i tria Combina Visible :

  Ordre de combinació visible de Photoshop. Imatge © 2011 Photoshop Essentials.com. Manteniu premuda la tecla Alt (Win) / Opció (Mac) i aneu a Capa > Combina visible.

Normalment, l'ordre Fusiona visible bàsicament aplanaria la nostra imatge fusionant totes les nostres capes existents en una sola capa, però mantenint premuda la tecla Alt (Win) / Opció (Mac) mentre escollim Combinar visible, vam dir a Photoshop que mantingués totes les nostres capes. la capa inicial intacta, combinant-les amb una nova capa (Capa 2) per sobre dels originals:

  Les capes s'han fusionat en una nova capa. Imatge © 2011 Photoshop Essentials.com. Les tres capes originals es combinen en una quarta capa per sobre d'elles.

Pas 8: canvieu el mode de fusió per multiplicar i ajustar l'opacitat de la capa

Aneu a l'opció Mode de fusió a la part superior del tauler Capes i canvieu el mode de fusió per a la capa combinada de Normal a Multiplicar . Això enfosquirà les línies de l'efecte d'esbós. Si trobeu que ara l'efecte és massa fosc, baixeu Opacitat valor, que es troba a la dreta de l'opció Mode de fusió. Vigileu la imatge mentre ajusteu l'opacitat per ajustar els resultats. Vaig a baixar el meu fins al 50%:

  Canviar el mode de fusió a Multiplicar i reduir l'opacitat de la capa. Imatge © 2011 Photoshop Essentials.com. Canvieu el mode de fusió a Multiplica i, a continuació, ajusteu el resultat amb l'opció Opacitat.

Aquest és el meu resultat després d'enfosquir l'efecte:

  L'esbós fotogràfic després d'enfosquir les vores. Imatge © 2011 Photoshop Essentials.com. L'esbós ara apareix més fosc sobre el fons blanc.

Pas 9: Dupliqueu la capa de fons

En aquest punt, l'efecte d'esbós s'ha completat i si esteu satisfet amb ell en blanc i negre, podeu aturar-vos aquí. Si voleu afegir color a l'esbós, continueu amb aquests últims passos. Acolorirem l'esbós amb els colors de la foto original. La nostra foto original es troba a la capa de fons, així que haurem de fer-ne una còpia. Feu clic a Capa de fons al panell Capes per seleccionar-lo:

  Seleccioneu la capa de fons al panell Capes de Photoshop. Imatge © 2011 Photoshop Essentials.com. Seleccioneu la capa de fons per activar-la.

Amb la capa de fons seleccionada, puja a la Capa menú, tria Nou , després tria Capa mitjançant Còpia , o premeu Ctrl+J (Guanyar) / Ordre+J (Mac). Photoshop fa una còpia de la capa, l'anomena 'Còpia de fons' i la col·loca directament a sobre de l'original:

  Duplicant la capa de fons a Photoshop. Imatge © 2011 Photoshop Essentials.com. La còpia apareix a sobre de la capa de fons original.

Pas 10: moveu la còpia de fons per sobre de les altres capes

Per utilitzar aquesta capa de còpia de fons per acolorir el nostre esbós, l'hem de moure per sobre de les altres capes. Podem saltar directament a la part superior de la pila de capes prement la drecera del teclat Maj+Ctrl+] (Guanyar) / Maj+Ordre+] (Mac). El ] és la clau del suport dret. Amb la capa de còpia de fons ara a la part superior, la imatge original tornarà a aparèixer a la finestra del document:

  Saltant una capa a la part superior de la pila de capes a Photoshop. Imatge © 2011 Photoshop Essentials.com. La capa de còpia de fons s'ha saltat a la part superior de la pila de capes.

Pas 11: canvieu el mode de fusió a color

Per barrejar els colors de la imatge original amb l'efecte d'esbós, canvieu el mode de fusió per a la capa de còpia de fons de Normal a Color :

  Mode de combinació de colors de Photoshop. Imatge © 2011 Photoshop Essentials.com. Canvieu el mode de fusió de capes a Color.

El mode de combinació de colors barreja els colors de la capa actual amb els valors de brillantor de les capes que hi ha a sota, donant-nos el nostre efecte d'esbós acolorit:

  Foto de Photoshop per a l'efecte d'esbós de color. Imatge © 2011 Photoshop Essentials.com. El resultat després de canviar el mode de fusió a Color.

Pas 12: Baixeu l'opacitat

Finalment, si trobeu que el color sembla massa intens, simplement baixeu-lo Opacitat valor a la part superior del panell Capes per ajustar els resultats. Rebaixaré el meu fins al 65%:

  Disminució de l'opacitat de la capa. Imatge © 2011 Photoshop Essentials.com. Baixeu l'opacitat de la capa per reduir la quantitat de color a l'esbós.

Amb l'opacitat reduïda, aquí teniu el meu resultat final:

  Foto de Photoshop amb efecte d'esbós de llapis de color. Imatge © 2011 Photoshop Essentials.com. L'efecte d'esbós de color final.