Crie gráficos poligonais: Parte 1

Aprenda a produzir retratos criativos usando formas geométricas

A popularidade das formas isométricas na arte digital pode ser explicada de várias maneiras. Este estilo de blocos é retro, é brilhante e há um monte de jogo envolvida na criação.

Há uma abundância de grandes exemplos on-line para se inspirar - www.polygonheroes.com e as obras do nosso artista Ryan Barber ( www.behance.net / rbarber ), por exemplo.

Neste tutorial, vamos mostrar como trabalhar a partir de uma foto do modelo, combinando Photoshop e Illustrator para criar estilos de forma emocionante.

Vamos começar usando a ferramenta Pen do Illustrator, e mostrar-lhe como traçar uma grade de triângulos cuidadosamente mapeados em cima de uma foto.

A ilustração isométrica mais interessante terá um mapa de triângulos que não está distribuída uniformemente. Portanto, estaremos somando e subtraindo os pontos de ancoragem, e usando a ferramenta Seleção direta para ajustar cantos do triângulo, a fim de distribuir os nossos formas.

Nós estaremos usando a ferramenta Eyedropper, gradientes e amostras também, mostrando como estes são usados ​​para preencher e afetar a cor. Após o desenho inicial do vetor é completa, então vamos tomar o nosso projeto em Photoshop.

Aqui vamos explorar como fazer mudanças globais de cor para nosso projeto renderizado, usando Gradient Overlay, níveis e outros ajustes de cor para obter uma imagem final fantástico.

Preparação

A primeira fase envolve traçar uma série de triângulos em cima de uma fotografia no Adobe Illustrator. Crie um novo arquivo de 6,66 polegadas x 10 polegadas.

Bata File> Place e encontrar uma imagem inicial. Neste caso, usamos um modelo Dreamstime (# 18986388). Uma vez que o arquivo foi colocado em Illustrator, bloquear a imagem.

Crie gráficos poligonais: Parte 1

Travando sua imagem

Você pode bloquear a imagem de uma de duas maneiras: ou bloquear a camada na paleta Layers, ou destacar a imagem e pressione Cmd / Ctrl +2.

Todo o seu trabalho vai ser colocado diretamente em cima desta image.Once você é feito com a ilustração, você não vai precisar da imagem de base por mais tempo.

Crie gráficos poligonais: Parte 1

Pen Ferramenta de Cor

Agora que sua imagem está bloqueado você está pronto para aplicar a ferramenta Caneta, para ativá-lo.

Faça a cor de preenchimento transparente e definir a cor do curso de algo que será facilmente visível quando colocada na parte superior da imagem. Neste caso, um magenta luminoso será suficiente.

Crie gráficos poligonais: Parte 1

Pen Ferramenta de peso

O próximo passo é definir o peso do traçado de nossa ferramenta Pen. Nós não precisamos que isso seja muito grosso, como as nossas marcas só vai funcionar como guias. Na paleta Stroke, definir uma espessura de 0.02 polegadas.

Isto irá manter a figura fina o suficiente para nós ainda será capaz de ver a maioria dos debaixo fotografia. Se a sua visão de detalhes da fotografia é obstruída, então será mais difícil para mapear o grid.

Crie gráficos poligonais: Parte 1

Primeiro triângulo

Agora é hora de começar a mapear uma série de triângulos adjacentes em cima da foto base. Sem outros formatos deve ser aqui utilizado, e cada triângulo deve cobrir cerca de uma área de cor sólido.

Estrabismo quando você está olhando a imagem inicial em - isso ajuda a separar as áreas de cor. Desenhar o primeiro triângulo clicando no topo do cabelo do modelo, e depois completar um triângulo que cobre essa parte do cabelo.

Crie gráficos poligonais: Parte 1

Copie e cole

Selecione o primeiro triângulo e, em seguida, copiá-lo, pressionando Cmd / Ctrl + C. Cole-o em cima de si, pressionando Cmd / Ctrl + F. Queremos que este novo triângulo a ser adjacente ao primeiro triângulo.

Em outras palavras, ele irá partilhar um único lado com ele. É importante para gerar novos triângulos, copiando-os diretamente das que foram criadas antes, se não o fizermos, nossa grade vai ter buracos e rachaduras em entre as formas.

Crie gráficos poligonais: Parte 1

Segundo triângulo

Ativar a ferramenta Seleção Direta, pressionando a tecla. Cursor da nossa ferramenta de seleção irá mudar de cor de preto para branco. Clique no mais alto ponto de ancoragem no topo do triângulo.

Arrastar o ponto de ancoragem para baixo e ligeiramente para a direita, como você pode ver no nosso exemplo. O segundo triângulo agora só compartilhar um lado comum com o primeiro triângulo.

Nós vamos continuar a repetir esse processo de copiar, colar e arrastar um ponto de ancoragem de cada vez até que a fotografia é coberto com triângulos.

Crie gráficos poligonais: Parte 1

Terceiro triângulo

Copie o segundo triângulo com Cmd / Ctrl + C e cole-o em cima de si mesmo com Cmd / Ctrl + F. Aplique a ferramenta Seleção Direta para cima ponto de ancoragem este terceiro triângulo e, em seguida, arraste-o para baixo, como mostrado.

O terceiro triângulo deve agora só compartilhar um lado com o segundo triângulo. Estamos começando a pegar o jeito desse tipo de aplicação.

Crie gráficos poligonais: Parte 1

Trabalhar com pontos de ancoragem

A maioria dos triângulos irão compartilhar um lado comum com outro triângulo, mas alguns triângulos só irá compartilhar uma parte do lado do outro triângulo.

Usaremos a somar e subtrair ferramentas Anchor Point para fazer edições precisas para o comprimento de um dos lados do nosso triângulo. Isso irá proporcionar muito mais flexibilidade na forma como nós colocamos nossa grade para fora.

Crie gráficos poligonais: Parte 1

Continuar a grade

É fácil basta fazer todos os triângulos do mesmo tamanho, pois acelera o processo. No entanto, resistir à tentação.Realmente focar variando os tamanhos e formas dos triângulos.

Quanto mais variar os locais das nossas formas, a mais original nossa ilustração se torna. As imagens de referência na imagem, por exemplo, mostram duas formas circulares, é muito mais interessante que o outro.

Então, com isso em mente, continuar mapeando sua grade.

Crie gráficos poligonais: Parte 1

Cor sólida

Você tem o seu grid - agora é hora de polígono. Pegue o Conta-gotas e amostra de um tom de pele escura por baixo do triângulo pretendemos cor primeiro (veja a próxima imagem).

Adicioná-lo à paleta Amostras ea janela New Swatch irá aparecer. Se você está planejando para imprimir uma ilustração, em seguida, definir este modo para CMYK.

Se você estiver usando uma ilustração on-line, em seguida, defina-o para o modo RGB vez. Aplique o direto 
de Seleção para o triângulo e clique na nova amostra.

Crie gráficos poligonais: Parte 1

Swatch Gradient

Pressione I para ativar o conta-gotas. Na imagem de referência, o triângulo vermelho tem uma cor castanho claro e desaparece para um marrom mais escuro. Experimente a área bronzeado para atualizar a cor de preenchimento na barra de ferramentas.

Arraste a cor de preenchimento para a paleta Amostras, em seguida, repita a cor marrom. Arraste ambos os swatches em sua paleta Gradient, exclua as amostras padrão preto-e-branco, em seguida, ajuste o controle deslizante de gradiente para que os tons de bege e marrom estão em extremos opostos do slider.

Crie gráficos poligonais: Parte 1