Neste tutorial, usaremos o Illustrator para criar um gráfico estilizado com um esquema de cores monocromático, o que significa simplesmente que você usará apenas uma cor com vários tons. Quando terminar, você fará uma segunda versão do gráfico usando mais de uma cor. Você pode acompanhar - para começar, você precisa rastrear uma fotografia, usar a ferramenta Caneta para criar formas que contornem vários tons, preencha suas formas com cor e reorganize as camadas. Quando terminar, você terá duas versões do mesmo gráfico e o know-how para fazer ainda mais.
Faça um gráfico estilizado de uma foto no Illustrator
Embora tenhamos usado o Illustrator CS6 para este tutorial, você deve ser capaz de acompanhar qualquer versão recente.
Basta clicar com o botão direito na imagem acima para salvar um arquivo de prática no seu computador e abrir o arquivo no Illustrator. Para salvar o arquivo com um novo nome, escolha Arquivo> Salvar como, renomeie o arquivo, "ice_skates", torne o formato de arquivo Adobe Illustrator e clique em Salve .
02 de 19Tamanho Artboard
Você quer transformar o par de patins de gelo dentro da fotografia em um gráfico estilizado. A fotografia mostrada tem uma boa variedade de tons, o que é importante para o tipo de gráfico que você vai fazer.
No painel Ferramentas, selecione o Prancheta Clique em uma das alças do Artboard de canto e arraste-a para dentro das bordas da fotografia. Faça o mesmo com a alça oposta e pressione o Escapar para sair do modo Edit Artboard.
03 de 19Converter em escala de cinza
Para selecionar a fotografia, escolha o Seleção ferramenta no painel Ferramentas e clique em qualquer lugar na fotografia.
Então escolha Editar> Editar cores> Converter em escala de cinza. Isso tornará a fotografia em preto e branco, o que facilitará a distinção entre os diferentes tons.
04 de 19Dim a fotografia
No painel Camadas, clique duas vezes na camada. Isso abrirá a caixa de diálogo Opções de camada.
Clique em Modelo e Imagens escuras, digite 50% e clique em Está bem. A fotografia escurecerá, o que permitirá que você veja melhor as linhas que em breve você estará desenhando sobre a fotografia.
05 de 19Renomear Camadas
No painel Camadas, clique em Camada 1, que dará um campo de texto para digitar um novo nome. Digite o nome "Template".
Em seguida, clique no Crie uma nova camada botão. Por padrão, a nova camada é denominada "Camada 2". Clique no nome e digite o campo de texto "Dark Tones".
06 de 19Remover cor de preenchimento e traçado
Com a camada Dark Tones selecionada, clique no Caneta ferramenta, localizada no painel Ferramentas. Também no painel Ferramentas estão as caixas Preenchimento e Traçado. Clique no Preencher caixa e no Nenhum botão abaixo, em seguida, no Acidente vascular encefálico caixa e Nenhum botão.
07 de 19Rastrear ao redor dos tons escuros
Uma visão mais próxima me ajudará a traçar com maior precisão. Para aumentar o zoom, escolha Ver> Aumentar Zoom, clique na pequena seta no canto inferior esquerdo da janela principal para escolher um nível de zoom ou use a ferramenta Zoom.
Com a ferramenta Caneta, desenhe em torno dos tons mais escuros para formar formas. Comece com os tons escuros que formam a forma que compõe a sola e o calcanhar do patim de gelo na frente. Por enquanto, ignore os tons claros nessa forma. (Além disso, não preste atenção na parede atrás dos patins de gelo.)
Se você é novo em usar a ferramenta Caneta, ela está localizada no painel Ferramentas e funciona clicando para criar pontos. Dois ou mais pontos criam um caminho. Se você quiser um caminho curvo, clique e arraste. Controlling Handles emergem que podem ser usados para editar seus caminhos curvos. Basta clicar no final de uma alça e movê-lo para fazer ajustes. Fazendo seu último ponto sobre seu primeiro ponto conecta os dois e cria uma forma. Usar a ferramenta Pen leva algum tempo para se acostumar, mas fica mais fácil com a prática.
08 de 19Selecione os caminhos
Continue a contornar todas as formas escuras, como a sola parcialmente revelada do skate nas costas e os muitos ilhós. Em seguida, no painel Camadas, clique no círculo de destino da camada Tons escuros. Isso selecionará todos os caminhos que você desenhou para essa camada.
09 de 19Aplicar um preenchimento de cor escura
Com a camada Dark Tones selecionada no painel Layers, clique duas vezes na Preencher caixa no painel Ferramentas, que abrirá o Seletor de cores. Para indicar um tom muito escuro de azul, digite os campos de valor RGB, 0, 0 e 51. Ao clicar Está bem, as formas se preencherão com essa cor.
No painel Layers, clique no ícone de olho à esquerda na camada Dark Tones para torná-lo invisível.
10 de 19Trace em torno dos tons médios
Agora, crie outra camada e chame-a de "Middle Tones". Essa nova camada deve ser selecionada e ficar acima do restante no painel Camadas. Se isso não acontecer, você precisará clicar e arrastá-lo para o lugar.
Com a ferramenta Caneta ainda selecionada, clique no Preencher caixa e Nenhum botão. Em seguida, contorne todos os tons médios da mesma forma que você traçou em torno de todos os tons escuros. Nesta fotografia, as lâminas parecem ser de tom médio, e também parte do calcanhar e algumas das sombras. Use minha "licença artística" para tornar as sombras próximas aos ganchos menores.(Apenas ignore os pequenos detalhes, como as marcas de costura e de chinelo).
Quando terminar de traçar os tons intermediários, clique no círculo de destino da camada de tons médios.
11 de 19Aplicar um preenchimento de cores do tom intermediário
Com a camada de tons médios selecionada e também os caminhos desenhados, clique duas vezes Preencher caixa no painel Ferramentas. No Color Picker, digite os campos de valor RGB, 102, 102 e 204. Isso dará a você um tom médio de azul. Então clique Está bem.
Clique no ícone de olho para a camada de tons médios. Agora, as camadas Dark Tones e Middle Tones devem ficar invisíveis.
12 de 19Rastrear ao redor dos tons claros
Existem tons claros e tons muito claros nesta fotografia. Os tons muito claros são chamados destaques. Por enquanto, ignore os destaques e concentre-se nos tons claros.
No painel Camadas, crie outra nova camada e nomeie como "Tons de luz". Em seguida, clique e arraste essa camada para que ela fique entre a camada de tons escuros e a camada de modelo.
Com a ferramenta Caneta ainda selecionada, clique no Preencher caixa e Nenhum botão. Em seguida, contorne os tons claros da mesma forma que você traçou em torno dos tons escuros e médios. Os tons claros parecem ser as botas e cadarços, que podem ser desenhados de modo a criar uma grande forma.
13 de 19Aplicar um preenchimento de cor clara
No painel Layers, certifique-se de que a camada Light Tones esteja selecionada e também os caminhos desenhados. Em seguida, clique duas vezes no Preencher caixa no painel Ferramentas, e no tipo Seletor de cores nos campos de valor RGB, 204, 204 e 255. Isso lhe dará um tom médio de azul. Então clique Está bem.
Finalmente, clique no ícone de olho da camada Light Tones, tornando-a invisível.
14 de 19Rastrear os destaques
Os destaques são as poucas partes brancas mais brilhantes de um objeto ou assunto, onde fortemente iluminadas.
No painel Camadas, crie outra nova camada e nomeie-a como "destaques". Essa camada deve ficar acima do resto. Se isso não acontecer, clique e arraste-o para o lugar.
Com a nova camada Destaques selecionada, clique no Caneta ferramenta e novamente definir a caixa de preenchimento como Nenhum. Trace em torno das áreas brancas ou realçadas.
15 de 19Aplicar um preenchimento branco
Com os caminhos desenhados selecionados, clique duas vezes no Preencher caixa no painel Ferramentas, que abrirá o Seletor de cores. Digite os campos de valor RGB, 255, 255 e 255. Ao clicar Está bem, as formas vão se encher de branco puro.
16 de 19Visualizar camadas combinadas
Agora vem a parte divertida - que é revelar todas as camadas e ver formas desenhadas trabalhando juntas para formar uma imagem. No painel Camadas, clique em cada caixa vazia onde já existiu um ícone de olho para revelar o ícone e tornar as camadas visíveis. Para ter certeza de que todas as camadas estão desmarcadas, clique no Seleção ferramenta no painel Ferramentas, em seguida, clique em off da tela.
17 de 19Faça um quadrado
Desde que você fez o rastreamento, agora você pode excluir o modelo. No painel Camadas, clique no Modelo camada, em seguida, no pequeno Excluir seleção botão, que se parece com uma pequena lata de lixo.
Para criar um quadrado, selecione a ferramenta Retângulo no painel Ferramentas, clique duas vezes Preencher caixa, e no Color Picker digite 51, 51 e 153 para os valores RGB e clique em Está bem. Então segure o Mudança enquanto clica e arrasta para criar um quadrado que rodeia os patins de gelo.
18 de 19Resize Artboard
Clique no Prancheta ferramenta e redimensionar o Artboard, movendo as alças para dentro até que seja do mesmo tamanho que o quadrado. pressione Escapar para sair do modo Artboard, escolha Arquivo> Salve - e pronto! Agora você tem um gráfico estilizado usando um esquema de cores monocromático.
Para fazer uma versão usando mais cores, continue na próxima etapa.
19 de 19Faça outra versão
É fácil fazer versões diferentes do mesmo gráfico. Para fazer uma versão usando mais cores, escolha Arquivo> Salvar comoe renomeie o arquivo (por exemplo, "ice_skates_color") e clique em Salve . Isso preservará sua versão original salva e permitirá que eu faça alterações nessa nova versão salva.
Você vai querer que a camada Destaques permaneça a mesma, então deixe essa camada sozinha e clique no Alvo círculo para a camada Light Tones. Em seguida, clique duas vezes no Preencher caixa de diálogo, e no Seletor de cores mova o controle deslizante de cor para baixo na barra de espectro de cor até que ele alcance uma área amarela e clique em Está bem. Faça alterações na camada de tons médios e camadas de tons escuros da mesma maneira; escolhendo uma cor diferente para cada um. Quando terminar, escolha Arquivo> Salvar. Agora você tem uma segunda versão e pode criar uma terceira, quarta e assim por diante, simplesmente repetindo as etapas acima.
