Crea art del llibre de còmic amb Photoshop

01 de 19

Converteix una foto en l'art del còmic en l'estil de Roy Lichtenstein

Efecte del còmic en l'estil de Roy Lichtenstein. Text i imatges © Sandra Trainor

En aquest tutorial, Photoshop s'utilitza per transformar una fotografia en l'art del còmic a l'estil de Roy Lichtenstein. Treballaré amb nivells i filtres, seleccioneu un color del selector de colors i incloeu una àrea seleccionada, a més de treballar amb l'eina Selecció ràpida, eina de rectangle, eina Ellipse, eina Clone Stamp i eina Brush. També crearé un patró personalitzat que imiti els punts de Benday, que són els punts petits que de vegades es veuen en els còmics més antics, a causa del procés d'impressió utilitzat. I, crearé una caixa narrativa i una bombolla de veu , que són els gràfics que mantenen el diàleg.

Encara que utilitzo Photoshop CS6 per a les captures de pantalla d'aquest tutorial, hauríeu de poder seguir juntament amb qualsevol versió força recent. Per seguir endavant, feu clic amb el botó secundari del ratolí a l'enllaç de sota per desar un fitxer de pràctica a l'ordinador i, a continuació, obriu el fitxer a Photoshop. Trieu Fitxer> Desa com, i al quadre de diàleg escriviu un nou nom, seleccioneu la carpeta on voleu guardar el fitxer, trieu Photoshop per al format i feu clic a Desa.

Descarregar el fitxer de pràctiques: ST_comic_practice_file.png

02 de 19

Ajusta els nivells

Realització d'un ajustament de nivells. Text i imatges © Sandra Trainor

Per aquest tutorial, estic fent servir una fotografia que té un bon contrast de foscor i llums. Per augmentar encara més el contrast, seleccionaré Imatge> Ajustos> Nivells i escriviu 45, 1.00 i 220 per als nivells d'entrada. Vaig a fer clic al quadre de vista prèvia per donar-li una marca de verificació i per indicar que vull veure com mirarà la meva imatge abans de comprometre'l. Com que m'agrada el que veig, faré clic a Acceptar.

03 de 19

Afegeix filtres

Selecció d'un filtre. Text i imatges © Sandra Trainor

Aniré a Filtre> Galeria de filtres, i feu clic a la carpeta Artística, a continuació, feu clic a Film Grain. Vull canviar els valors movent els controls lliscants. Vaig a fer que el Grain 4, l'àrea de ressaltat 0 i la intensitat 8, a continuació, feu clic a Acceptar. Això farà que la imatge aparegui com si s'hagués imprès en el tipus de paper que trobeu als llibres d'historietes.

Per afegir un altre filtre, tornaré a seleccionar Filtre> Galeria de filtres i a la carpeta Artística faré clic a Poster Edges. Vaig a moure els controls lliscants per establir el gruix de vora a 10, la Intensitat de vora a 3 i la de posterització a 0, i després feu clic a Acceptar. Això farà que la fotografia s'assembli més a un dibuix.

04 de 19

Feu una selecció

Vaig a triar l'eina de selecció ràpida al quadre Eines i, després, feu clic i arrossegueu per "pintar" l'àrea que envolta el subjecte o persona que hi ha a la fotografia.

Per augmentar o disminuir la mida de l'eina de selecció ràpida, puc prémer els claudàtors dret o esquerre del meu teclat. El suport dret augmentarà la seva mida i l'esquerra la disminuirà. Si comet un error, puc mantenir premuda la tecla Option (Mac) o la tecla Alt (Windows) quan passo per una àrea que vull desmarcar o restar de la meva selecció.

05 de 19

Eliminar àrea i moure el tema

El fons s'elimina i es reemplaça amb transparència. Text i imatges © Sandra Trainor

Amb la zona que envolta el tema encara seleccionat, pregaré eliminar al meu teclat. Per deseleccionar, faré clic a la zona de llenç.

Vaig a triar l'eina Mou des del tauler Eines i fes-la servir per fer clic i arrossegar el tema lleugerament cap avall i cap a l'esquerra. Això amagarà el text de drets d'autor restant i farà que hi hagi més espai per a la bombolla de veu que penso afegir més endavant.

06 de 19

Tria un color

Escollint un color de primer pla. Text i imatges © Sandra Trainor

Vull triar un color primer amb el selector de colors. Per fer-ho, faré clic al quadre de farcit del primer pla al tauler Eines i, a continuació, al selector de colors, moure les fletxes del control lliscant de color a una àrea vermella i, a continuació, feu clic a una àrea vermella brillant al camp de color i feu clic a D'ACORD.

07 de 19

Apliqueu un color de farcit

Vaig a triar Finestra> Capes i, al tauler Capes , faré clic al botó Crea un nou capa. Després, faré clic a la nova capa i arrossegaria-la sota l'altra capa. Amb la nova capa seleccionada, escolliré l'eina Rectangle Marquee del plafó Eines, i després feu clic i arrossegueu-la per fer una selecció.

Vaig a triar Edita> Emplenar, i al quadre de diàleg Emplenar, seleccionaré Color de primer pla. Vaig a assegurar-me que la manera és normal i 100% d'opacitat, i després feu clic a Acceptar. Això farà que l'àrea seleccionada sigui vermella.

08 de 19

Estableix les opcions de segell de clon

Les opcions Clone Stamp. Text i imatges © Sandra Trainor

Vull netejar la imatge eliminant algunes de les motes negres i les línies pesades. Al tauler de capes, seleccionaré la capa que sosté l'objecte i, a continuació, seleccioneu Visualitza> Accelera. Al tauler d'eines, escollirem l'eina Clone Stamp, i després feu clic al selector predefinit a la barra d'Opcions. Vaig a canviar la mida a 9 i la duresa al 25%.

Mentre estigui treballant, de vegades considero necessari canviar la mida de l'eina. Puc tornar al selector predefinit per a això o premeu els claudàtors dret o esquerre.

09 de 19

Netejar la imatge

Neteja dels artefactes. Text i imatges © Sandra Trainor

Mantindré premuda la tecla Opcions (Mac) o la tecla Alt (Windows) mentre faig clic en una àrea que conté el color o els píxels que vull tenir en lloc de la peça no desitjada. Després, alliberi la tecla Opcions o Alt i feu clic a la fitxa. També puc fer clic i arrossegar sobre les àrees més grans que vull reemplaçar, com ara les línies pesades del nas del subjecte. Continuaré reemplaçant les motes i línies que no semblen pertànyer, ja que tinc en compte que el meu objectiu és fer que la imatge sigui com a art del còmic.

10 de 19

Afegiu Esquemes que falten

utilitzant un pinzell per afegir detalls que falten. Text i imatges © Sandra Trainor

Vull utilitzar l'eina de pinzell per afegir un esbós perdut al costat de l'espatlla i el braç superior. És possible que no us falteu d'aquest esquema a la vostra imatge, ja que la vostra selecció en suprimir l'àrea que l'envolta podria haver estat diferent a la meva. Només cal veure quins traços falten, si n'hi ha, i afegir-los.

Per afegir un esbós, faré clic a la tecla D per restaurar els colors predeterminats i seleccioneu l'eina Pinzell del quadre Eines. Al selector preestablecido, establiré la mida del pinzell a 3 i la duresa al 100%. Després, faré clic i arrossegaré a on vull crear un esbós. Si no m'agrada com es veu el meu esquema, només puc triar Edita> Desfer Eina de pinzell i torneu-ho a provar.

11 de 19

Afegiu línies primes

Un traç de pinzell prim de 1 píxel pot afegir detalls a les àrees. Text i imatges © Sandra Trainor

Al tauler d'Eines escolliré l'eina de zoom i faré clic al costat o al costat del nas del subjecte per obtenir una vista més propera de la zona. A continuació, escolliré l'eina de pinzell, establirà la mida del pinzell a 1 i fes clic i arrossegant per fer una línia curta i curvada a la part inferior esquerra del nas, i una altra al costat oposat. Això ajudarà a suggerir el nas, que és tot el que es necessita aquí.

Per reduir el zoom, puc fer clic a la imatge amb l'eina de zoom mentre premeu la tecla Opcions (Mac) o la tecla Alt (Windows) o seleccioneu Visualitza> Fit a la pantalla.

12 de 19

Crea un nou document

Creació del document de punts. Text i imatges © Sandra Trainor

Alguns llibres d'historietes més antics han destacat els punts de Benday, que són punts petits formats per dos o més colors que es poden utilitzar en el procés d'impressió per crear un tercer color. Per tal d'imitar aquest aspecte, puc afegir un filtre de mitges tintes o crear i aplicar un patró personalitzat.

Vaig a utilitzar un patró personalitzat. Però, si esteu familiaritzat amb Photoshop i està interessat a crear un filtre de mitges tintes, creeu una nova capa al tauler de capes, seleccioneu l'eina de degradat del tauler Eines, seleccioneu un preajustat negre i blanc a la barra Opcions, feu clic a la barra d'eines lineal Feu clic al botó de degradat i feu clic i arrossegueu-lo per tot el llenç per crear un degradat. A continuació, seleccioneu Filtre> Pixilate> Color de mitges tintes, feu el radi 4, escriviu 50 per al canal 1, feu els canals restants 0 i feu clic a Acceptar. Al tauler de capes, canvieu el mode de combinació de Normal a superposició. Una vegada més, no faré res d'això, ja que utilitzaré un patró personalitzat.

Per fer un patró personalitzat, primer he de crear un document nou. Vaig a triar File> New i, al quadre de diàleg, escriuré el nom "punts" i realitzo l'amplada i alçada de 9x9 píxels, la Resolució 72 píxels per polzada i el Color RGB Color i 8 bits. A continuació, seleccionaré Transparent i feu clic a Acceptar. Apareixerà un llenç molt petit. Per veure-ho més gran, escollir Veure> Fit a la pantalla.

13 de 19

Crea i defineix un patró personalitzat

Creació d'un patró personalitzat per als punts. Text i imatges © Sandra Trainor

Si no veieu l'eina Ellipse al tauler d'eines, feu clic i mantingueu premut l'eina Rectangle per revelar-lo. Amb l'eina Ellipse, mantindré premuda la tecla Shift mentre faig clic i arrossegant per crear un cercle al centre del llenç, deixant molt espai al seu voltant. Tingueu en compte que els patrons es componen de quadrats, però semblen tenir vores suaus quan s'utilitzen.

A la barra d'opcions, faré clic al quadre de farciment de formularis i fareu clic a una mostra de Pastís Magenta i, a continuació, feu clic a la casella Forma de traça i trieu Cap. Està bé que estic utilitzant només un color, ja que tot el que vull fer és representar la idea de Benday Dots. A continuació, seleccionaré Edita> Definir patró, assenyaleu el patró "Dots rosats" i feu clic a Acceptar.

14 de 19

Crea una capa nova

Agregar una capa per mantenir els punts. Text i imatges © Sandra Trainor

Al tauler de capes, faré clic a la icona Crea una nova capa i, després, feu doble clic al nom de la nova versió més endavant i canvieu el nom, "Benday Dots".

A continuació, faré clic al botó Crea un nou farcit o Capa d'ajust a la part inferior del quadre Capes i seleccioneu Patró.

15 de 19

Escolliu i escaneu el patró

La capa s'omple amb el patró. Text i imatges © Sandra Trainor

Al quadre de diàleg Emplenament de patrons, puc triar el patró i ajustar-ne l'escala. Vaig a triar el meu patró Pink Dots personalitzat, fixeu l'escala al 65% i feu clic a Acceptar.

Per disminuir la severitat del patró, canviaré el mode de barreja al panell Capes de Normal a Multiplicar.

16 de 19

Crea un quadre narrativo

S'afegeix la caixa narrativa. Text i imatges © Sandra Trainor

Els còmics expliquen una història amb una sèrie de panells (imatges i text dins de les fronteres). No crearé panells ni explicaré una història completa, però vaig a afegir una caixa narrativa i una bombolla de veu .

Per fer una caixa narrativa, escolliré l'eina Rectangle del tauler Eines i fes clic i arrossegant per crear un rectangle a la part superior esquerra del meu llenç. A la barra d'opcions, canviaré l'amplada a 300 píxels i l'alçada a 100 píxels. També a la barra d'Opcions, faré clic a la caixa de farciment de formes i en un mostrador de pastís groc, a continuació, feu clic a la caixa de forma de moviment i en una mostra negra. Vaig a fixar l'amplada del traç de forma a 0.75 punts i, a continuació, feu clic al tipus de traç per triar una línia sòlida i fer que el traç s'ajusti fora del rectangle.

17 de 19

Crea una bombolla de veu

Creació d'una bombolla de veu per al còmic. Text i imatges © Sandra Trainor

Vaig a utilitzar l'eina Ellipse i l'eina Pen per fer una bombolla de diàleg. Amb l'eina Ellipse, faré clic i arrossegant per fer una el·lipse al costat dret del llenç. A la barra d'opcions, canviaré l'amplada a 255 píxels i una alçada fins a 180 píxels. També faré que el farcit blanc, el traç negre, estableixi l'amplada del traç a 0,75, faci que el traç sigui sòlid i alineeu el traç fora de l'el·lipse. Després faré una segona el·lipse amb el mateix Fill and Stroke, només vull fer-ho més petit, amb un ample de 200 píxels i una alçada de 120 píxels.

A continuació, escollirem l'eina Pen del quadre Eines i la feu servir per fer un triangle que superposi l'el·lipse inferior i apunti cap a la boca de l'assumpte. Si no esteu familiaritzat amb l'eina Pen, només cal fer clic per crear punts on vulgueu que hi hagi les cantonades del vostre triangle, que crearan línies. Feu el darrer punt on es va fer el primer punt, que connectarà les línies i formarà una forma. El triangle hauria de tenir el mateix farcit i traç que he donat a cada el·lipse.

Mantindré premuda la tecla Shift mentre faig clic al tauler Capes de les capes per als dos ovals i el triangle. A continuació, faré clic a la fletxa petita de l'extrem superior dret per mostrar el menú del tauler de capes i seleccioneu Formes de combinació.

Si preferiu no dibuixar la vostra pròpia bombolla de diàleg, podeu descarregar un conjunt de formes personalitzades gratuïtes de dibuixos animats i d'estil de comèdia a partir d'aquesta pàgina:
Afegiu globus de paraules i bombolles de text a les vostres fotografies

18 de 19

Afegeix text

El text s'afegeix al quadre narrativo. Text i imatges © Sandra Trainor

Ara estic disposat a posar text dins de la meva caixa de narrativa i la paraula bubble. Blambot té una àmplia gamma de fonts còmiques que podeu instal·lar a l'ordinador per utilitzar-les, moltes d'elles són gratuïtes. A més, proporcionen instruccions fàcils de seguir sobre com instal·lar les seves fonts. Per aquest tutorial, faré servir Smack Attack a partir de les fonts de diàleg de Blambot.

Vaig a triar l'eina Tipus del quadre Eines i, a la barra d'opcions, escolliré el tipus de lletra Smack Attack, escriviu una mida de lletra de 5 punts, tingueu el text centrat i consulteu la casella del color del text per estar segur que és negre. Si no és negre, puc fer-hi clic per obrir el selector de colors, feu clic a una àrea negra dins del camp de color i, a continuació, feu clic a Acceptar. Ara, puc fer clic i arrossegar dins dels límits de la meva caixa de narrativa per crear un quadre de text on escriuré una frase. Si el vostre text no és visible, marqueu el tauler Capes per assegurar-vos que la capa del text estigui per sobre de la resta.

En llibres de còmics, certes lletres o paraules es fan més grans o en negreta. Per fer que la primera lletra de la frase sigui més gran, voldria assegurar-me que l'eina Tipus estigui seleccionada al tauler d'eines, feu clic i arrossegueu-la per marcar-la. Vaig a canviar la mida de la font a la barra d'Opcions a 8 punts i, a continuació, premeu la fuga al meu teclat per anul·lar la selecció del quadre de text.

19 de 19

Fer ajustaments

Ajustant el tipus a la bombolla del diàleg. Text i imatges © Sandra Trainor

Vaig a afegir text a la bombolla del discurs de la mateixa manera que he afegit text a la caixa narrativa.

Si el vostre text no encaixa dins de la caixa narrativa o la paraula buida, podeu ajustar la mida del tipus de lletra o ajustar la mida de la caixa narrativa o la bombolla de veu. Només cal que seleccioneu la capa que vulgueu treballar al tauler Capes i feu els canvis a la barra Opcions. Tanmateix, assegureu-vos de seleccionar l'eina Tipus al quadre Eines quan feu canvis al text ressaltat i seleccioneu una de les eines de forma quan feu canvis a la caixa de narració o a la bombolla de veu. Quan estic satisfet de com es veu tot, triarem Arxiu> Desa i consideri que està fet. I, puc aplicar les tècniques descrites en aquest tutorial a qualsevol projecte futur, ja sigui una targeta de felicitació personalitzada, invitacions, art enquadrat o fins i tot un còmic complet.

Vegeu també:
Afegiu Globus de missatges i bombolles de text a les vostres fotografies en Photoshop o elements
Accions d'efectes de dibuixos animats per a Photoshop
• Convertir fotos digitals en dibuixos animats