Feu un gràfic estilitzat a Illustrator

01 de 19

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

Text i imatges © Sandra Trainor

En aquest tutorial, faré servir Illustrator per fer un gràfic estilitzat amb un esquema de color monocromàtic, el que simplement significa que utilitzaré un sol color amb diversos tons. Quan hagi acabat, faré una segona versió del gràfic amb més d'un color. Vaig rastrejar una fotografia, utilitzeu l'eina Pen per crear formes que esbossin diversos tons, després ompliu les meves formes amb colors i reorganitzeu les capes . Quan estigui acabat, tindré dues versions del mateix gràfic i el know-how per fer encara més.

Encara que utilitzo Illustrator CS6 , hauríeu de poder seguir juntament amb qualsevol versió bastant recent. Simplement feu clic amb el botó dret a l'enllaç següent per desar un fitxer de pràctica a l'ordinador i, a continuació, obriu el fitxer a Illustrator. Per desar el fitxer amb un nou nom, seleccioneu Fitxer> Desa com, canvieu el nom del fitxer, "ice_skates", feu el format del fitxer Adobe Illustrator i feu clic a Desa.

Descarregar el fitxer de pràctiques: st_ai-stylized_practice_file.png

02 de 19

Mida Artboard

Text i imatges © Sandra Trainor

Vull convertir el parell de patins de gel a la fotografia en un gràfic estilitzat. Vaig escollir aquesta fotografia perquè té un bon ventall de tons, que és important per al tipus de gràfic que vaig a fer.

Al tauler d'eines, seleccionareu l'eina Artboard i, a continuació, feu clic a un dels comandaments de l'armadura de la cantonada i arrossegueu-la just a l'interior de les vores de la fotografia. Faré el mateix amb l'identificador oposat, i després premeu la tecla d'escapada per sortir del mode Edit Artboard.

03 de 19

Converteix a escala de grisos

Text i imatges © Sandra Trainor

Per seleccionar la fotografia, vaig a triar l'eina Selecció des del tauler Eines i fes clic a qualsevol part de la fotografia. A continuació, escollir Edita> Editar colors> Convertir 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

Text i imatges © Sandra Trainor

Al tauler de capes, faré doble clic a la capa. Això obrirà el quadre de diàleg Opcions de la capa. Vaig a fer clic a Plantilla i Dim Imatges, després escriviu el 50% i feu clic a Acceptar. La fotografia es tornarà tèrmica, la qual cosa em permetrà veure millor les línies que aviat vaig a dibuixar sobre la fotografia.

05 de 19

Canvia el nom de les capes

Text i imatges © Sandra Trainor

Al tauler Capes, faré clic a Capa 1, que em donarà un camp de text per escriure un nou nom. Vaig a escriure el nom "Plantilla". A continuació, faré clic al botó Crea un nou capa. De manera predeterminada, la nova capa es diu "Capa 2." Vaig a fer clic al nom i després escriviu al camp de text "Tons foscos".

06 de 19

Treure el color de farcit i traç

Text i imatges © Sandra Trainor

Amb la capa de tons foscos seleccionada, faré clic a l'eina Pen, situada al tauler Eines. També en el quadre Eines es troben els quadres de farciment i traç. Vaig a fer clic a la casella de farciment i al botó Cap que hi ha a sota, a continuació, al quadre Traç i al botó Cap.

07 de 19

Rastrear els tons foscos

Text i imatges © Sandra Trainor

Una visió més propera m'ajudarà a rastrejar amb més precisió. Per fer zoom, puc escollir Veure> Acercar, fes clic a la fletxa petita que hi ha 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, dibuixaré els tons més foscos per formar formes. Començaré amb els tons foscos que formen la forma que componen la sola i el taló del patí de gel al davant. De moment, vaig a ignorar els tons clars d'aquesta forma. També no vaig a parar 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

Text i imatges © Sandra Trainor

Seguirem rastrejant totes les formes fosques, com ara la sola parcialment revelada del patí a l'esquena, i els nombrosos ombres. A continuació, al tauler Capes, faré clic al cercle objectiu per a la capa de tons foscos. Això seleccionarà totes les rutes que he dibuixat per a aquesta capa.

09 de 19

Apliqueu un farcit de color fosc

Text i imatges © Sandra Trainor

Amb la capa de tons foscos seleccionada al panell Capes, faré doble clic al quadre Fill al quadre Eines, que obrirà el selector de colors. Per indicar un to fosc de blau, escriuré els camps del valor RGB 0, 0 i 51. Quan faig clic a D'acord, les formes s'omplen amb aquest color.

Al tauler de capes, faré clic a la icona de l'ull cap a l'esquerra a la capa de tons foscos per fer-la invisible.

10 de 19

Rastrear els tons mitjans

Text i imatges © Sandra Trainor

Vaig a crear una altra capa i anomenar-la "tons mitjans". Cal seleccionar aquesta nova capa i situar-se per sobre de la resta al tauler de capes. Si no ho fa, heu de fer clic i arrossegar-lo al vostre lloc.

Amb l'eina Pen encara seleccionada, faré clic al quadre Emplenar i al botó Cap. Seguirem seguint tots els tons del mig de la mateixa manera que rastrejava tots els tons foscos. En aquesta fotografia, les fulles semblen tenir un to mig i també part del taló i algunes de les ombres. Vaig a utilitzar la meva "llicència artística" per fer que les ombres s'aproximin als ganxos més petits. I ignorareu els petits detalls, com ara les marques de costura i de desenfocament.

Quan hagueu acabat de localitzar els tons del centre, faré clic al cercle de destinació per a la capa de tons intermedis.

11 de 19

Apliqueu un farcit de color de to mig

Text i imatges © Sandra Trainor

Amb la capa de tons intermedis seleccionada, i també les rutes dibuixades, faré doble clic al quadre Fill al tauler Eines. En el selector de colors, escric els camps del valor RGB 102, 102 i 204. Això em donarà un to mig de color blau. Després faré clic a Acceptar.

Vaig a fer 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

Text i imatges © Sandra Trainor

Hi ha tons clars i tons molt clars en aquesta fotografia. Els tons molt lleugers es diuen aspectes destacats. De moment, vaig a ignorar els punts destacats i centrar-me en els tons clars.

Al tauler Capes, crearé una nova capa i el nomenaré "Tons de llum". A continuació, faré clic i arrossegaré aquesta capa perquè la situeu entre la capa de tons foscos i la capa de plantilla.

Amb l'eina Pen encara seleccionada, faré clic al quadre Emplenar i el botó Ningú. Seguidament, seguirem els tons de llum de la mateixa manera que rastrejava 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

Text i imatges © Sandra Trainor

Al tauler de capes, faré que la capa de tons llums sigui seleccionada i també les rutes dibuixades. Després faré doble clic al quadre Fill al tauler Eines i, al selector de colors, escriuré els camps del valor RGB 204, 204 i 255. Això em donarà un to mig de color blau. Després faré clic a Acceptar.

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

14 de 19

Rastrear els punts destacats

Text i imatges © Sandra Trainor

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 Capes, crearé una altra capa nova i el nomenaré "destacats". Aquesta capa s'ha de situar sobre la resta. Si no ho faig, puc fer-hi clic i arrossegar-lo al vostre lloc.

Amb la nova capa de Highlights seleccionada, faré clic a l'eina Pen i tornaré a configurar el quadre Fill a None. Vaig rastrejar al voltant de les zones blanques pures o destacades.

15 de 19

Apliqueu un full blanc

Text i imatges © Sandra Trainor

Amb les rutes dibuixades seleccionades, faré doble clic al quadre Fill al quadre Eines, que obrirà el selector de colors. Vaig a escriure els camps del valor RGB, 255, 255 i 255. Quan faig clic a D'acord, les formes s'omplen de blanc pur.

16 de 19

Veure capes combinades

Text i imatges © Sandra Trainor

Ara ve la part divertida, que és revelar totes les capes i veure formes dibuixades treballant junts per formar una imatge. Al tauler de capes, faré clic a cada caixa buida on hi va haver una icona d'ull per mostrar la icona i fer que les capes siguin visibles. Per assegurar-vos que totes les capes estan deseleccionades, faré clic a l'eina Selecció al quadre Eines i, després, feu clic a la tela.

17 de 19

Feu una plaça

Text i imatges © Sandra Trainor

Des que he finalitzat el seguiment, ara puc eliminar la plantilla. Al tauler Capes, faré clic a la capa Plantilla i al botó Eliminar selecció petita, que sembla una petita llanda.

Per fer un quadrat, seleccionareu l'eina Rectangle del tauler Eines, feu doble clic al quadre Fill i, al selector de colors, escriuré 51, 51 i 153 per als valors RGB, feu clic a Acceptar. Després mantindré premuda la tecla de majúscules mentre faig clic i arrossegament per crear un quadrat que envolta els patins de gel.

18 de 19

Canvia la mida d'Artboard

Text i imatges © Sandra Trainor
Vaig a fer clic a l'eina Artboard i canviar la mida de l'Arboard movent els mànecs cap a dins fins que tingui la mateixa mida que el quadrat. Prement a Escape per sortir del mode Artboard, seleccioneu Fitxer, Desa i he acabat. Ara tinc un gràfic estilitzat amb 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ó

Text i imatges © Sandra Trainor

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

Vull que la capa Highlights es mantingui igual, així que deixaré aquesta capa sola i faré clic al cercle Target per a la capa Light Tones. Després faré doble clic al quadre de farcit i, al selector de colors, moure el control lliscant de color cap avall a la barra d'espectre de color fins que arribi a una àrea groga i, a continuació, feu clic a Acceptar. Vaig a fer 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 acabi, triarem Arxiu> Guardar. Ara tinc una segona versió, i pot fer una tercera, quarta, i així successivament, simplement repetint els passos anteriors.