Skip to main content

Fer un gràfic estilitzat a partir d'una foto en il·lustrador

Anonim

En aquest tutorial, utilitzarem Illustrator per fer un gràfic estilitzat amb un esquema de color monocromàtic, que simplement significa que usareu només un color amb diversos tons. Quan hagueu acabat, feu una segona versió del gràfic amb més d'un color. Podeu seguir endavant: per començar, cal rastrejar una fotografia, utilitzar l'eina Pen per crear formes que esbossin diversos tons, després ompliu les formes amb el color i reorganitzeu les capes. Quan hagueu acabat, tindreu dues versions del mateix gràfic i el saber fer per fer-ne encara més.

01 de 19

Feu un gràfic estilitzat a partir d'una foto en il·lustrador

Encara que utilitzem Illustrator CS6 per a aquest tutorial, hauríeu de poder seguir juntament amb qualsevol versió bastant recent.

Simplement feu clic dret sobre la imatge de dalt per guardar un fitxer de pràctica a l'ordinador i, a continuació, obriu el fitxer a Illustrator. Per desar el fitxer amb un nou nom, trieu Fitxer> Desa com, canvieu el nom del fitxer, "ice_skates", feu el format del fitxer Adobe Illustrator i feu clic Desa.

02 de 19

Mida Artboard

Voleu convertir el parell de patins de gel a la fotografia en un gràfic estilitzat. La fotografia que es mostra té un bon ventall de tons, que és important per al tipus de gràfic que es farà.

Al tauler Eines, seleccioneu el Artboard eina, a continuació, feu clic a una de les manetes d'artistes de la cantonada i arrossegueu-la just a l'interior de les vores de la fotografia. Feu el mateix amb el mànec oposat i, a continuació, premeu la tecla Escapament la tecla per sortir del mode Edita Modalitat.

03 de 19

Converteix a escala de grisos

Per seleccionar la fotografia, seleccioneu la Selecció eina del tauler d'eines i feu clic a qualsevol punt de la fotografia.

A continuació, trieu Edita> Edita colors> Converteix a escala de grisos. Això farà que la fotografia sigui en blanc i negre, el que farà més fàcil distingir entre els diferents tons.

04 de 19

Dim la fotografia

Al Panell de capes, feu doble clic a la capa. Això obrirà el quadre de diàleg Opcions de la capa.

Fer clic a Plantilla i Imatges dim, escriviu el 50% i feu clic D'acord. La fotografia es tornarà tèrmica, la qual cosa us permetrà veure millor les línies que aviat usurà la fotografia.

05 de 19

Canvia el nom de les capes

Al tauler Capes, feu clic a Capa 1, que donarà un camp de text per escriure un nou nom. Escriviu el nom "Plantilla".

A continuació, feu clic a la icona Crea una capa nova botó De manera predeterminada, la nova capa es diu "Capa 2." Feu clic al nom i escriviu al camp de text "Tons foscos".

06 de 19

Treure el color de farcit i traç

Amb la capa de tons foscos seleccionat, feu clic a la icona Bolígraf eina, situada al tauler d'eines. També en el quadre Eines es troben els quadres de farciment i traç. Feu clic al Ompliu caixa i en el Cap botó a sota, i després a la icona Traç caixa i Cap botó

07 de 19

Rastrear els tons foscos

Una visió més propera m'ajudarà a rastrejar amb més precisió. Per ampliar, seleccioneu Visualitza> Accelera, feu clic a la fletxa petita a la cantonada inferior esquerra de la finestra principal per triar un nivell de zoom o utilitzeu l'eina de zoom.

Amb l'eina Pen, dibuixa els tons més foscos per formar formes. Comenceu amb els tons foscos que formen la forma que fa front a la sola i el taló del patí de gel. De moment, ignora els tons de llum d'aquesta forma. (A més, no deixi cap atenció a la paret darrere dels patins de gel).

Si sou nou en utilitzar l'eina Pen, es troba al tauler Eines i funciona fent clic per crear punts. Dos o més punts creen un camí. Si voleu una ruta curvada, feu clic i arrossegueu-la. Comencen les nanses de control que es poden utilitzar per editar els camins corbs. Simplement feu clic al final d'un identificador i moveu-lo per fer ajustos. Fer el darrer punt sobre el primer punt connecta els dos i crea una forma. L'ús de l'eina de la ploma us acostuma a fer-se servir, però es fa més senzill amb la pràctica.

08 de 19

Seleccioneu els camins

Continueu rastrejant totes les formes fosques, com ara la sola parcialment revelada del patí a la part posterior, i els nombrosos ombres. A continuació, al tauler de capes, feu clic al cercle de destinació per a la capa Tons foscos. Això seleccionarà totes les rutes que heu dibuixat per a aquesta capa.

09 de 19

Apliqueu un farcit de color fosc

Amb la capa de tons foscos seleccionada al panell de capes, feu doble clic al botó Ompliu al quadre Eines, que obrirà el selector de colors. Per indicar un to fosc de blau, escriviu els camps del valor RGB 0, 0 i 51. Quan feu clic D'acord, les formes s'omplen amb aquest color.

Al tauler de capes, feu clic a la icona de l'ull que hi ha a l'esquerra a la capa de tons foscos per fer-la invisible.

10 de 19

Rastrear els tons mitjans

Ara, creeu una altra capa i anomeneu "tons intermedis". Cal seleccionar aquesta nova capa i situar-se per sobre de la resta al tauler de capes. Si no ho fa, haureu de fer clic i arrossegar-lo al vostre lloc.

Amb l'eina Pen encara seleccionada, feu clic a la icona Ompliu caixa i Cap botó A continuació, feu un seguiment de tots els tons del mig de la mateixa manera que feu el seguiment de tots els tons foscos. En aquesta fotografia, les fulles semblen tenir un to mig i també part del taló i algunes de les ombres. Utilitzeu la meva "llicència artística" per fer que les ombres s'aproximin als ganxos més petits.(Només heu d'ignorar els petits detalls, com ara les marques de costura i desfer-se).

Un cop hagueu acabat de localitzar els tons del centre, feu clic al cercle de destinació per a la capa de tons intermedis.

11 de 19

Apliqueu un farcit de color de to mig

Amb la capa de tons mitjans seleccionada, i també les rutes dibuixades, feu doble clic al botó Ompliu box al tauler Eines. En el selector de colors, escriviu els camps del valor RGB 102, 102 i 204. Això us donarà un to mig de color blau. A continuació, feu clic a D'acord.

Feu clic a la icona d'ull per a la capa de tons mitjans. Ara, tant la capa de tons foscos com la capa de tons intermedis han de ser invisibles.

12 de 19

Rastrear els tons clars

Hi ha tons clars i tons molt clars en aquesta fotografia. Els tons molt lleugers es diuen aspectes destacats. De moment, ignora els punts destacats i enfoca els tons clars.

Al tauler Capes, creeu una altra capa nova i anomeneu-la "Tons de llum". A continuació, feu clic i arrossegueu aquesta capa per situar-la entre la capa de tons foscos i la capa de plantilla.

Amb l'eina Pen encara seleccionada, feu clic a la icona Ompliu caixa i Cap botó A continuació, seguiu els tons lluminosos de la mateixa manera que rastreu els tons fosc i mig. Els tons lleugers semblen ser les botes i cordons, que es poden dibuixar de manera que es creï una forma gran.

13 de 19

Apliqueu un farcit de color clar

Al tauler de capes, assegureu-vos que la capa de tons lluminosos està seleccionada i també les rutes dibuixades. A continuació, feu doble clic al botó Ompliu al quadre Eines i al tipus Selector de color als camps del valor RGB 204, 204 i 255. Això us donarà un to mig de color blau. A continuació, feu clic a D'acord.

Finalment, feu clic a la icona d'ull de la capa de tons clars per fer-la invisible.

14 de 19

Rastrear els punts destacats

Els aspectes més destacats són les poques parts blaves més brillants d'un objecte o objecte, on estan fortament il·luminades.

Al tauler de capes, creeu una altra capa nova i el denomini "ressaltats". Aquesta capa s'ha de situar sobre la resta. Si no ho fa, feu-hi clic i arrossegueu-lo al vostre lloc.

Amb la nova capa de Destacats seleccionada, feu clic a la icona Bolígraf eina i torneu a configurar la casella de farcit a Cap. Rastreja les àrees pures o blanques.

15 de 19

Apliqueu un full blanc

Amb les rutes dibuixades seleccionades, feu doble clic al botó Ompliu al quadre Eines, que obrirà el selector de colors. Escriviu els camps del valor RGB, 255, 255 i 255. Quan feu clic D'acord, les formes s'omplen de blanc pur.

16 de 19

Veure capes combinades

Ara ve la part divertida, que és revelar totes les capes i veure formes dibuixades treballant junts per formar una imatge. Al tauler Capes feu clic a cada casella buida on hi hagi una vegada una icona d'ull per mostrar la icona i fer que les capes siguin visibles. Per assegurar que totes les capes estan deseleccionades, feu clic al botó Selecció eina al tauler d'eines, feu clic a sobre del llenç.

17 de 19

Feu una plaça

Des que hàgiu acabat el seguiment, ara podeu suprimir la plantilla. Al tauler de capes, feu clic a la icona Plantilla Capa llavors a la petita Suprimeix la selecció botó, que es veu com una petita llanda.

Per fer un quadrat, seleccioneu l'eina Rectangle del tauler Eines, feu doble clic damunt Ompliu box, i en el tipus Picker Color en 51, 51 i 153 per als valors RGB, feu clic a D'acord. A continuació, premeu la tecla Majúscules tecleja mentre fas clic i arrossegues per crear un quadrat que envolta els patins de gel.

18 de 19

Canvia la mida d'Artboard

Feu clic al Artboard Eina i canviar la mida de l'Artboard movent els mànecs cap a dins fins que tingui la mateixa mida que el quadrat. Premeu Escapament Per sortir del mode Artboard, trieu Fitxer> Desa - i ja heu acabat! Ara teniu un gràfic estilitzat usant un esquema de color monocromàtic.

Per fer una versió amb més colors, seguiu el pas següent.

19 de 19

Feu una altra versió

És fàcil fer diferents versions del mateix gràfic. Per fer una versió amb més colors, Trieu Fitxer> Desa com, i canvieu el nom del fitxer (per exemple, "ice_skates_color") i feu clic a Desa. Això conservarà la vostra versió guardada original i em permetrà fer canvis a aquesta versió recentment guardada.

Voleu que la capa Destacats es mantingui igual, així que deixeu aquesta capa sola i feu clic a la icona Objectiu cercle per a la capa de tons clars. A continuació, feu doble clic al botó Ompliu i al selector de colors, moveu el control lliscant de color cap avall a la barra d'espectre de color fins que arribi a una àrea groga, feu clic a D'acord. Feu canvis a la capa de tons mitjans i la capa de tons foscos de la mateixa manera; triant un color diferent per a cadascun. Quan acabeu, trieu Fitxer> Desa. Ara teniu una segona versió, i podeu fer una tercera, quarta, i així successivament, simplement repetint els passos anteriors.