Como criar um efeito de texto Pop Art no Illustrator

Imagem final do produtoImagem final do produtoImagem final do produto
O que você estará criando

No tutorial a seguir, você aprenderá como criar um efeito de texto pop art no Adobe Illustrator.

Primeiro, você aprenderá a criar dois padrões simples. Usando uma fonte Envato Elements e seus padrões salvos junto com o painel Aparência, você aprenderá como montar seu efeito de texto de arte pop editável.

Se você não tem tempo para fazer seu efeito de texto pop art do zero, o Envato Elements é a solução. Este mercado baseado em assinatura tem mais de 2.000 complementos do Illustrator que você pode baixar sem restrições! Você pode encontrar fontes de quadrinhos pop art, letras pop art e muito mais. Este efeito de texto pop art é apenas um dos muitos exemplos.

efeito de texto pop artefeito de texto pop artefeito de texto pop art

O que você aprenderá neste tutorial de fonte de texto pop art

  • Como criar padrões no Illustrator
  • Como criar letras de arte pop editáveis
  • Como criar um efeito de texto pop art

O que você precisará

Você precisará da seguinte fonte para completar este efeito de texto pop art:

1. Como criar um novo documento e configurar uma grade

Acertar Controle-N para criar um novo documento. Selecionar Píxeis de Unidades menu suspenso, defina o Largura para 850 pixels e a Altura para 800 pixelse, em seguida, clique nesse Opções avançadas botão. Selecionar RGB para o Modo de cor e defina o Efeitos de varredura para Tela (72 ppp)e, em seguida, clique no Crio botão.

Ative a grade (Visualizar > Mostrar grade ou Ao controle-“) e o Snap to Grid (Exibir > Ajustar à grade ou Shift-Control-“). Você precisará de uma grade a cada 5 pixelsentão basta acessar Editar > Preferências > Guias e gradedigitar 5 no Linha de grade a cada caixa e 1 no Subdivisões caixa. Tente não desanimar com toda essa grade – isso facilitará seu trabalho e lembre-se de que você pode habilitá-lo ou desativá-lo facilmente usando o Ao controle-“ atalho de teclado.

Você também deve abrir o Informações painel (Janela > Informações) para uma visualização ao vivo com o tamanho e a posição de suas formas. Não se esqueça de definir a unidade de medida para pixels de Editar > Preferências > Unidades. Todas essas opções aumentarão significativamente sua velocidade de trabalho.

nova grade de documentosnova grade de documentosnova grade de documentos

2. Como criar e salvar dois padrões

Passo 1

Escolha o Ferramenta Linha () e use-o para criar um 30 pixels, caminho horizontal. Mantenha-o selecionado e concentre-se no painel de controle para ajustar as configurações de cor. Remova a cor de preenchimento, defina a cor do traço para R=22 G=1 B=80 e não se esqueça de aumentar o Peso para 2 pixels.

Mude para o Ferramenta de Seleção Direta (A)selecione apenas o ponto de ancoragem esquerdo e arraste-o 30 pixels para cima, como mostrado na segunda imagem.

ponto de ancoragem de linhaponto de ancoragem de linhaponto de ancoragem de linha

Passo 2

Certifique-se de que sua linha ainda esteja selecionada e vá para Efeito > Distorcer e Transformar > Transformar. Defina o número de Cópias para 3 e arraste isso Mover-Vertical controle deslizante para 10 pixelse, em seguida, clique no OK botão para aplicar o efeito.

transformar multiplicar linhatransformar multiplicar linhatransformar multiplicar linha

etapa 3

Seguindo em frente, você precisará de uma linha de grade a cada 1px. Vá novamente para Editar > Preferências > Guias e grade e entre 1 no Linha de grade a cada caixa.

Mantenha o foco em suas linhas e escolha o Ferramenta Retângulo (M). Use-o para criar um 20 pixels quadrado e coloque-o exatamente como mostrado na primeira imagem. Quando terminar, certifique-se de que o quadrado esteja selecionado e pressione Shift-Control-[[ para movê-lo para trás das linhas.

costas quadradascostas quadradascostas quadradas

Passo 4

Certifique-se de que seu quadrado ainda esteja selecionado e remova a cor de preenchimento para tornar a forma invisível.

Use o Ferramenta de Seleção (V) para selecionar sua forma invisível junto com as linhas e simplesmente arrastá-las para o Amostras painel (Janela > Amostras) para salvá-los como um padrão.

salvar ilustrador de padrõessalvar ilustrador de padrõessalvar ilustrador de padrões

Etapa 5

Selecione novamente o Ferramenta Retângulo (M) e use-o para criar um 10 pixels quadrado.

Mude para o Ferramenta Elipse (L) e criar um 4 pixels círculo, preenchê-lo com branco (R=255 G=255B=255) e coloque-o como mostrado na segunda imagem.

circulo quadradocirculo quadradocirculo quadrado

Etapa 6

Selecione aquele 10 pixels quadrado e torná-lo invisível e, em seguida, selecione-o junto com o círculo branco. Novamente, arraste sua seleção para o Amostras painel, e este será o seu segundo padrão.

ilustrador de padrõesilustrador de padrõesilustrador de padrões

3. Como criar o fundo de letras pop art

Passo 1

Escolha o Ferramenta Retângulo (M)use-o para criar uma forma que cubra todo o plano de fundo e preencha-o com R=255 G=235B=40.

fundo retangularfundo retangularfundo retangular

Passo 2

Certifique-se de que sua forma de plano de fundo ainda esteja selecionada, abra o Aparência painel (Janela > Aparência) e adicione um segundo preenchimento usando o Adicionar novo preenchimento botão.

Selecione este novo preenchimento e aplique seu primeiro padrão do Amostras painel e, em seguida, altere sua Modo de mesclagem para Sobreposição.

padrão de fundopadrão de fundopadrão de fundo

4. Como criar as letras de arte pop

Passo 1

Escolha o Ferramenta Tipo (T) e concentre-se no painel de controle para definir as configurações do texto que você está prestes a adicionar. Selecione essa fonte Etna e defina o tamanho para 220 pixelsnão se esqueça de Centralizar o texto e, em seguida, clique em sua prancheta para digitar seu texto.

texto de arte poptexto de arte poptexto de arte pop

Passo 2

Certifique-se de que seu texto permaneça selecionado e remova a cor do texto atual. Isso pode ser feito facilmente a partir do painel de controle.

Quando terminar, vá para o Aparência painel e use o mesmo Adicionar novo preenchimento abotoe para adicionar um preenchimento para seu texto selecionado. Selecione este novo preenchimento e defina sua cor para R=239 G=1 B=141.

preenchimento de textopreenchimento de textopreenchimento de texto

etapa 3

Certifique-se de que seu texto permaneça selecionado pelo resto deste tutorial e continue focando no Aparência painel.

Use isso mesmo Adicionar novo preenchimento abotoe para adicionar um segundo preenchimento para seu texto. Selecione-o e defina a cor para R=89 G=0 B=178arraste-o abaixo do primeiro preenchimento e vá para Efeito > Distorcer e Transformar > Transformar. Aumente o número de Cópias para 20 e defina os dois Jogada controles deslizantes para 0,5 pixelse, em seguida, clique em OK.

transformação de preenchimento de textotransformação de preenchimento de textotransformação de preenchimento de texto

Passo 4

Adicione um terceiro preenchimento para o seu texto e selecione-o. Arraste-o abaixo dos preenchimentos existentes e defina sua cor para R=22 G=1 B=80e depois vá para Efeito > Distorcer e Transformar > Transformar. Basta arrastar os dois Jogada controles deslizantes para 20 pixels e depois clique OK.

sombra de preenchimento de textosombra de preenchimento de textosombra de preenchimento de texto

Etapa 5

Adicione um novo preenchimento para o seu texto e selecione-o. Arraste-o abaixo dos preenchimentos existentes e aplique seu primeiro padrão do Amostras painel e, em seguida, vá para Efeito > Distorcer e Transformar > Transformar. Definir ambos Jogada controles deslizantes para 30 pixels e depois clique OK.

sombra de padrão de preenchimento de textosombra de padrão de preenchimento de textosombra de padrão de preenchimento de texto

Etapa 6

Adicione um novo preenchimento para o seu texto e selecione-o. Coloque-o em cima dos preenchimentos existentes e aplique seu segundo padrão do Amostras painel e, em seguida, vá para Efeito > Distorcer e Transformar > Transformar. Definir ambos Jogada controles deslizantes para -5px e depois clique OK.

pontos de padrão de preenchimento de textopontos de padrão de preenchimento de textopontos de padrão de preenchimento de texto

Etapa 7

Selecione o traço existente na Aparência painel, defina a cor para R=22 G=1 B=80 e aumentar o Peso para 4 pixelse depois vá para Efeito > Caminho > Caminho de deslocamento. Colocou o Desvio para -2 pixels e clique OKe depois vá para Efeito > Distorcer e Transformar > Transformar. Definir ambos Jogada controles deslizantes para -10 pixels e clique OK.

traço de textotraço de textotraço de texto

Etapa 8

Por fim, certifique-se de que seu texto de arte pop ainda esteja selecionado e continue focando no Aparência painel. Para começar, clique nele Modelo texto da parte superior do painel para certificar-se de que o efeito que você está prestes a adicionar distorcerá todo o efeito de texto.

Vamos para 3D e Materiais > 3D (Clássico) > Girar (Clássico). Insira as configurações mostradas abaixo e clique em OK para aplicar este efeito final.

rotação de textorotação de textorotação de texto

Parabéns! Você Terminou!

Aqui está como suas letras pop art devem ficar. Espero que você tenha gostado deste tutorial e possa aplicar essas técnicas em seus projetos futuros.

Sinta-se à vontade para ajustar as letras finais da arte pop. Você pode encontrar ótimas fontes de inspiração na Envato Elements, com soluções interessantes para estilizar qualquer fonte de texto pop art.

efeito de texto pop artefeito de texto pop artefeito de texto pop art

O Envato Elements é um excelente recurso para efeitos de texto de arte pop e fontes de arte pop. Aqui está uma pequena lista de algumas das letras de arte pop mais populares que você pode encontrar.

Efeito de texto de arte pop vetorial (AI, EPS)

Corte o incômodo de aprender a criar um efeito de texto pop art e use esse efeito de texto vibrante. É totalmente editável, então basta clicar duas vezes no texto e digitar o seu.

texto de arte poptexto de arte poptexto de arte pop

Efeito de texto 3D Pop Art (AI, EPS)

Aqui está outro efeito de texto pop art em negrito e colorido que você pode usar se não tiver tempo para montar seu próprio design.

efeito de texto pop artefeito de texto pop artefeito de texto pop art

Fonte Pop Art (OTF, TTF, WOFF)

Aqui está uma das muitas fontes de arte pop que você encontrará na Envato Elements. Experimente fazer seu próprio efeito de texto pop art.

fonte de arte popfonte de arte popfonte de arte pop

Fonte de quadrinhos pop art (OTF, TTF, WOFF)

Mantenha-o doce e engraçado com esta fonte de texto pop art. Essas letras suaves e em negrito farão com que seu texto de arte pop se destaque.

fonte de quadrinhos pop artfonte de quadrinhos pop artfonte de quadrinhos pop art

Fonte Pop Art (OTF, TTF, WOFF)

Aqui está mais uma fonte de arte pop que pode ser uma boa opção sempre que você quiser criar letras de arte pop.

fonte de arte popfonte de arte popfonte de arte pop

Quer Saber Mais?

Temos muitos tutoriais no Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!

[ad_2]

Deixe uma resposta