Faga un gráfico estilizado no Illustrator

01 de 19

Faga un gráfico estilizado dunha foto en ilustrador

Texto e imaxes © Sandra Trainor

Neste tutorial, vou usar Illustrator para facer un gráfico estilizado cun esquema de cores monocromático, o que simplemente significa que vou usar só unha cor con varios tons. Cando remate, farei unha segunda versión do gráfico usando máis dunha cor. Vou rastrexar unha fotografía, use a ferramenta Pen para crear formas que detallan varios tons, entón encha as miñas formas con cor e reorganiza as capas . Cando remate, contarei dúas versións do mesmo gráfico eo know-how para facer aínda máis.

Aínda que estou usando Illustrator CS6 , debería poder seguir xunto con calquera versión bastante recente. Só ten que premer co botón dereito na ligazón a continuación para gardar un ficheiro de práctica no seu computador e, a continuación, abra o ficheiro en Illustrator. Para gardar o ficheiro cun novo nome, seleccione Ficheiro> Gardar como, cambie o nome do ficheiro, "ice_skates", faga o formato de ficheiro Adobe Illustrator e faga clic en Gardar.

Descargar o ficheiro de prácticas: st_ai-stylized_practice_file.png

02 de 19

Tamaño Artboard

Texto e imaxes © Sandra Trainor

Quero converter o par de patins de xeo dentro da fotografía nun gráfico estilizado. Elixín esta fotografía porque ten un bo ton de tons, o que é importante para o tipo de gráfico que vou facer.

No panel de ferramentas, seleccionarei a ferramenta Artboard e, a continuación, faga clic nun dos xestos Arboard e arrástralo só dentro dos bordos da fotografía. Vou facer o mesmo co xestor oposto e, a continuación, prema a tecla Escape para saír do modo Edit Artboard.

03 de 19

Converte en Escala de grises

Texto e imaxes © Sandra Trainor

Para seleccionar a fotografía, escolleremos a ferramenta Selección dende o panel Ferramentas e farei clic en calquera lugar da fotografía. Vou entón escoller Editar> Editar cores> Converter en escala de grises. Isto converterá a fotografía en branco e negro, o que fará que sexa máis fácil distinguir entre os diferentes tons.

04 de 19

Dim the Photograph

Texto e imaxes © Sandra Trainor

No Panel de Capas, farei dobre clic sobre a capa. Isto abrirá a caixa de diálogo Opcións de capa. Vou facer clic en Modelo e Dim Images, a continuación, escriba o 50% e faga clic en Aceptar. A fotografía dimara, o que me permitirá ver mellor as liñas que pronto estarei a fotografía.

05 de 19

Renomear capas

Texto e imaxes © Sandra Trainor

No panel Capas, farei clic en Capa 1, que me dará un campo de texto para escribir un novo nome. Escribirei o nome "Modelo". A continuación, farei clic no botón Crear unha nova capa. Por defecto, a nova capa denomínase "Capa 2.". Vou facer clic no nome e escriba no campo de texto "Tonos escuros".

06 de 19

Elimina a cor do recheo e do trazo

Texto e imaxes © Sandra Trainor

Coa capa de tons escuros seleccionada, farei clic na ferramenta Pen, situada no panel de ferramentas. Tamén no panel de ferramentas están as caixas de recheo e trazo. Vou facer clic na caixa de recheo e no botón Ningunha debaixo dela, despois na caixa de Acción e botón Ningunha.

07 de 19

Rastrexar os tons escuros

Texto e imaxes © Sandra Trainor

Unha visión máis próxima axúdame a rastrexar con maior precisión. Para ampliar o zoom, podo escoller Ver> Achegar, prema na frecha pequena na esquina inferior esquerda da xanela principal para escoller un nivel de zoom ou use a ferramenta Zoom.

Coa ferramenta Pen crearei os tons máis escuros para formar formas. Comezarei cos tons escuros que forman a forma que compoñen o suelo e o talón do patín de xeo diante. Por agora, ignorarei os tons lixeiros dentro desta forma. Non vou prestar atención á parede detrás dos patines de xeo.

Se é novo en usar a ferramenta Pen, está situado no panel de ferramentas e traballa premendo para crear puntos. Dous ou máis puntos crean un camiño. Se queres un camiño curvo, fai clic e arrastra. Comezan as maneiras de control que se poden usar para editar os seus camiños curvos. Só ten que premer no extremo dun identificador e movelo para facer axustes. Facer o último punto sobre o seu primeiro punto conecta os dous e crea unha forma. Usar a ferramenta Pen inclúe algo de acostumado, pero faise máis doado coa práctica.

08 de 19

Selecciona os camiños

Texto e imaxes © Sandra Trainor

Vou seguir rastreando todas as formas escuras, como a parte parcialmente revelada do patín na parte traseira, e os moitos ojillos. Entón, no panel Capas, farei clic no círculo destino para a capa de tons escuros. Isto seleccionará todos os camiños que desexe para esta capa.

09 de 19

Aplicar un recheo de cor escura

Texto e imaxes © Sandra Trainor

Coa capa de tons escuros seleccionada no panel Capas, farei dobre clic na caixa de recheo do panel Ferramentas, que abrirá o Selector de cores. Para indicar un ton de azul escuro, escribirei os campos de valor RGB 0, 0 e 51. Cando fago clic en Aceptar, as formas encheranse con esta cor.

No panel Capas farei clic no icono do ollo á esquerda na capa de tons escuros para facelo invisible.

10 de 19

Rastrexar os tons intermedios

Texto e imaxes © Sandra Trainor

Vou crear outra capa e nomeala "Tonos Medio". Debe seleccionarse esta nova capa e sentar sobre o resto no panel Layers. Se non o fai, eu teño que facer clic e arrastralo no lugar.

Coa ferramenta Pen aínda seleccionada, farei clic na caixa de recheo e no botón Ningunha. Seguirei rastrexar todos os tons do medio da mesma forma que rastrexei todos os tons escuros. Nesta fotografía, as láminas parecen ser de ton medio e tamén parte do talón e algunhas das sombras. Vou usar a miña "licenza artística" para facer as sombras preto dos ganchos máis pequenos. E ignorarei os pequenos detalles, como as marcas de costura e desintegración.

Unha vez que remate o seguimento dos tonos intermedios, farei clic no círculo de destino para a capa de tonos intermedios.

11 de 19

Aplicar un recheo de cor de ton intermedio

Texto e imaxes © Sandra Trainor

Coa capa de tonos intermedios seleccionada e as rutas deseñadas, farei dúas veces na caixa de recheo do panel de ferramentas. No selector de cores, escribirei os campos do valor RGB 102, 102 e 204. Isto daralle un ton medio de azul. Vou facer clic en Aceptar.

Vou facer clic no ícono do ollo para a capa de tonos intermedios. Agora, a capa Dark Tones ea capa de tons intermedios deben ser invisibles.

12 de 19

Rastrexar os tons lixeiros

Texto e imaxes © Sandra Trainor

Hai tons lixeiros e tons moi lixeiros dentro desta fotografía. Os tons moi lixeiros son chamados destaques. Por agora, vou ignorar os puntos destacados e centrarse nos tons lixeiros.

No panel Capas creará outra nova capa e noméalla "Tonos lixeiros". Vou facer clic e arrastrar esta capa para sentila entre a capa de tons escuros ea capa de modelo.

Coa ferramenta Pen aínda seleccionada, farei clic na caixa de recheo e no botón Ningunha. Seguirei rastreando os tons lixeiros do mesmo xeito que rastrexei os tons escuros e medianos. Os tons lixeiros parecen ser as botas e cordóns, que se poden debuxar de tal forma que creen unha gran forma.

13 de 19

Aplicar un recheo de cor clara

Texto e imaxes © Sandra Trainor

No panel Capas vou asegurarme de que se seleccione a capa Light Tones e tamén as rutas deseñadas. Despois faré un dobre clic no cadro de recheo no panel de ferramentas e no selector de cor escreceré os campos de valor RGB 204, 204 e 255. Isto daralle un ton medio de azul. Vou facer clic en Aceptar.

Vou facer clic no ícono do ollo para a capa Light Tones, facendo invisible.

14 de 19

Rastrexar os puntos destacados

Texto e imaxes © Sandra Trainor

Os puntos destacados son as poucas partes brancas máis brillantes dun obxecto ou tema, onde se iluminan fortemente.

No panel de capas creará outra nova capa e noméalla "destacados". Esta capa debe situarse sobre o resto. Se non podo facer clic e arrastralo no seu lugar.

Coa nova capa de Highlights seleccionada, farei clic na ferramenta Pen e volva configurar a caixa de recheo en None. Vou rastrexar ao redor das áreas brancas pura ou destacadas.

15 de 19

Aplicar un recheo branco

Texto e imaxes © Sandra Trainor

Cos camiños deseñados seleccionados, farei dobre clic sobre a caixa de recheo no panel de ferramentas, que abrirá o Selector de cores. Vou escribir os campos do valor RGB 255, 255 e 255. Cando fago clic en Aceptar, as formas encheránse de branco puro.

16 de 19

Ver capas combinadas

Texto e imaxes © Sandra Trainor

Agora vén a parte divertida, que é revelar todas as capas e ver as formas debuxadas traballando xuntas para formar unha imaxe. No panel Capas farei clic en cada caixa baleira onde xa houbese unha icona de ollos para revelar o ícono e facer visibles as capas. Para estar seguro de que todas as capas están deseleccionadas, farei clic na ferramenta Selección no panel de Ferramentas e despois desprácese da lona.

17 de 19

Fai unha praza

Texto e imaxes © Sandra Trainor

Dende que fixen o seguimento, agora podo eliminar o modelo. No panel Capas farei clic na capa de modelo e logo no pequeno botón Eliminar selección, que se parece a unha pequena lata de lixo.

Para facer un cadrado, seleccionarei a ferramenta Rectángulo do panel Ferramentas, faga dobre clic na caixa de recheo e no selector de cores escriba 51, 51 e 153 para os valores RGB e, a continuación, faga clic en Aceptar. Despois manterémoslle a tecla shift cando preme e arrastre para crear un cadrado que rodea os patines de xeo.

18 de 19

Redimensionar Artboard

Texto e imaxes © Sandra Trainor
Vou facer clic na ferramenta Artboard e redimensionar o Arboard movendo as asas dentro ata que teña o mesmo tamaño que o cadrado. Vou premer en Escape para saír do modo Artboard, escolla Ficheiro, Gardar e estou listo. Agora teño un gráfico estilizado usando un esquema de cores monocromático. Para facer unha versión con máis cores, continúa co seguinte paso.

19 de 19

Fai outra versión

Texto e imaxes © Sandra Trainor

É fácil facer diferentes versións do mesmo gráfico. Para facer unha versión usando máis cores, escolleremos Ficheiro> Gardar como e renomeará o ficheiro. Vou nomealo, "ice_skates_color" e fai clic en Gardar. Isto preservará a miña versión gardada orixinal e permitiro facer cambios a esta nova versión gardada.

Quero que a capa Highlights permaneza igual, así que vou deixar esa capa só e fai clic no círculo de destino para a capa Light Tones. A continuación, farei dúas veces na caixa de recheo e, no selector de cor, moveré o control deslizante de cor cara abaixo á barra de Spectrum de cores ata chegar a unha área amarela e prema en Aceptar. Vou facer cambios na capa de tonos intermedios e na capa de tonos escuros do mesmo xeito; elixindo unha cor diferente para cada un. Cando remate, elixirei Ficheiro> Gardar. Agora teño unha segunda versión e podo facer un terceiro, cuarto, etc., simplemente repetindo os pasos anteriores.