Janeiro 1, 2022

Como fazer um efeito de texto Graffiti com estilos de camada do Photoshop

neste tutorial, mostrarei como criar um efeito de texto graffiti no Photoshop. Usaremos estilos de camada e a função” Blend If ” nas opções de mesclagem.

o efeito de texto que criaremos é inspirado nos estilos de Graffiti da Envato Elements, onde você encontrará algumas das melhores letras de graffiti do mundo. Como este efeito de texto Graffiti Photoshop com 10 estilos diferentes.

Graffiti Efeito de Texto no Envato ElementosGraffiti Efeito de Texto no Envato ElementosGraffiti Efeito de Texto no Envato Elementos

Procurando um atalho? Você pode baixar uma dessas fontes de texto graffiti para ajudá-lo a criar texto graffiti de forma rápida e fácil:

  • fontes
    30 + Melhores Fontes Graffiti
    Melody Nieves

Acompanhe – nos no nosso canal Envato Tuts + YouTube:

Tutorial de Ativos

Os seguintes recursos foram utilizados durante o grafite efeito de texto do Photoshop tutorial:

  • parede de Tijolo original: imagem não editada
  • parede de Tijolo (editado): imagem de fundo
  • Graffogie: fonte

1. Como definir o fundo e o texto

Passo 1

usaremos um fundo de parede de tijolos para este texto de graffiti tutorial do Photoshop. Abra o Photoshop e, em vez de criar um novo documento, vá para arquivo > abrir… e selecione Parede De Tijolos.jpg dos ativos do tutorial. Se você quiser experimentar um fundo diferente, você pode tentar um dos muitos fundos de parede na Envato Elements.

Parede De TijolosParede De Tijolosparede de tijolos

Etapa 2

Use sua ferramenta de Tipo (T), selecione a fonte Graffogie graffiti text com um tamanho de 285 pt e escreva a palavra “votar” em sua prancheta. Em seguida, vá para Type > Warp Text e selecione Shell Upper com Bend: 21%, horizontal Distortion: -29% e vertical Distortion: 22% e clique em OK. Por fim, selecione apenas a letra ” V ” em sua prancheta e, em seguida, vá para o painel de caracteres e defina o rastreamento para -75.

digite Votedigite Votedigite Vote

Etapa 3

Use sua ferramenta de Tipo (T) novamente para escrever mais duas palavras—”para” E “Pedro”—com a mesma fonte de texto graffiti. Certifique-se de que cada palavra esteja em sua própria camada. Escreva “para” com o tamanho da fonte 116 pt e rastreamento 75. Em seguida, escreva “Pedro” em uma nova camada com o tamanho da fonte 255 pt e rastreamento 75.

digite Para E pedrodigite Para E pedrodigite Para E pedro

Etapa 4

Use sua ferramenta de movimento (V) e mova as letras do estilo graffiti juntas. Em seguida, selecione todas as três camadas de texto no painel Camadas e pressione Control-T. agora defina a rotação para -8°. Finalmente, estamos prontos para começar a criar efeitos de texto do Photoshop.

Organizar a escrita deOrganizar a escrita deOrganizar escrita

2. Como criar o primeiro efeito de texto Graffiti

Passo 1

vamos começar selecionando a camada de texto graffiti “votar”. Agora vá para Layer > Layer Style > opções de mesclagem… e aplique o seguinte estilo de camada.

Na Mistura de Opções, use estas configurações:

  • Avançado de Mistura: 0%
  • Mistura se: Cinza
  • Camada Subjacente: Alt-clique (mac os utilizadores a Opção de clique) sobre o marcador branco para dividi-lo e, em seguida, definir a parte da esquerda para 161 e a parte direita para 236.
Adicionar opções de misturaAdicionar opções de misturaAdicionar opções de mistura

Passo 2

Adicionar um Bevel and Emboss com essas configurações:

  • Estilo: Inner Bevel
  • Técnica: Buril Rígido
  • > Profundidade: 144%
  • Direção: Até
  • Tamanho: 8 px
  • Suavizar: 0 px
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo: 98º
  • Altitude: 30º
  • Verificar se o Anti-alias de caixa de
  • Modo de Destaque: Sobreposição com a cor #035b7c e Opacidade: 100%
  • Sombra: Modo de Sobreposição com a cor #ff3000 e Opacidade: 88%
Adicionar um bevel and embossAdicionar um bevel and embossAdicionar um bevel and emboss

Passo 3

Adicionar uma Sombra Interna para o graffiti efeito de texto com essas configurações:

  • Blend Mode: Normal
  • Cor: #000000
  • Opacidade: 100%
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo: -94º
  • Distância: 0 px
  • Choke: 0%
  • Tamanho: 10 px
  • Contorno: Cone
  • Verificar se o Anti-alias de caixa de
  • Ruído: 11%
Adicione uma sombra internaAdicionar uma sombra internaAdicionar uma sombra interna

Passo 4

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mistura: Normal
  • Cor: #000000
  • Opacidade: 19%
  • Ruído: 61%
  • Técnica: Preciso
  • Fonte: Centro
  • Choke: 1%
  • Tamanho: 10 px
  • Contorno: Cone Invertido
  • Verificar se o Anti-alias de caixa de
  • Gama: 50%
Adicionar um brilho internoAdicionar um brilho internoAdicionar um brilho interno

Passo 5

Adicionar um Cetim de estilo com essas configurações:

  • Modo de Mistura: Sobreposição
  • Cor: #64ec87
  • Ângulo de visão: 90°
  • Distância: 19 px
  • Tamanho: 24 px
  • Contorno: Meia volta
  • Verificar se o Anti-alias de caixa de
  • marque a caixa Inverter
Adicionar um cetimAdicionar um cetimAdicionar um cetim

Passo 6

Adicionar um Gradiente Overlay com essas configurações:

  • Modo de Mistura: Linear Burn
  • Verifique a caixa de Dither
  • Opacidade: 6%
  • Estilo: Linear
  • Ângulo de visão: 90º
  • > Escala: 60%
  • Clique no Gradiente e defina estas paragens:
  • paradas de Cor com Cor #000000 no Local: de 0% e 100%
  • Opacidade parar com a Opacidade: 0% Localização: 0%
  • Opacidade parar com a Opacidade: 100% no Local: 100%
Adicionar um gradienteAdicionar um gradienteAdicionar um gradiente

Passo 7

Adicionar um Outer Glow com essas configurações:

  • Modo de Mistura: Linear Burn
  • Opacidade: 29%
  • Cor: #000000
  • Técnica: Preciso
  • Distribuídos: 50%
  • Tamanho: 3 px
  • Verificar se o Anti-alias de caixa de
Adicionar um outer glowAdicionar um outer glowAdicionar um outer glow

Passo 8

Estamos quase terminando com esta graffiti efeito de texto do Photoshop tutorial. Como etapa final para este efeito de texto, adicione uma sombra com essas configurações:

  • modo de mistura: Normal
  • Escolher a cor #000000
  • Opacidade: 95%
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo de visão: 90°
  • Distância: 5 px
  • Spread: 39%
  • Tamanho: 24 px
  • Verificar se o Anti-alias de caixa de
  • Ruído: 10%

clique em OK para aplicar todas as alterações.

adicione uma sombraadicione uma sombraadicione uma sombra

aqui está o resultado do primeiro efeito de texto de graffiti aplicado à fonte de texto de graffiti.

resultado Parcialresultado Parcialresultado Parcial

3. Como criar o segundo efeito de texto Graffiti

Etapa 1

selecione a camada de texto graffiti “for” e vá para a camada > estilo da camada > opções de mesclagem… para aplicar o seguinte estilo de camada à fonte da letra graffiti.

nas opções de mesclagem, use essas configurações:

  • mistura avançada: 0%
  • mistura se: Cinza
  • camada subjacente: Alt-clique (Opção usuários de mac-clique) no marcador branco para dividi-lo e, em seguida, defina a parte esquerda para 158 e a parte direita para 217.
Adicionar opções de misturaAdicionar opções de misturaAdicionar opções de mistura

Passo 2

Adicionar um Bevel and Emboss para o graffiti letras 3D efeito de texto com essas configurações:

  • Estilo: Inner Bevel
  • Técnica: Lisa
  • > Profundidade: 100%
  • Direção: para Cima
  • Tamanho: 8 px
  • Suavizar: 0 px
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo: 90º
  • Altitude: 30º
  • Verificar se o Anti-alias de caixa de
  • Modo de Destaque – Opacity: 0%
  • Shadow Mode: Multiplicar com a cor #000000 e Opacidade: 50%
Adicionar um bevel and embossAdicionar um bevel and embossAdicionar um bevel and emboss

Passo 3

Adicionar um acidente vascular cerebral com essas configurações:

  • Tamanho: 1 px
  • Posição: Fora
  • Tipo de Preenchimento: Cor
  • Cor: #000000
Adicionar um acidente vascular cerebralAdicionar um acidente vascular cerebralAdicionar um acidente vascular cerebral

Passo 4

Adicionar uma Sombra Interna com essas configurações:

  • Blend Mode: Normal
  • Cor: #000000
  • Opacidade: 100%
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo: -94º
  • Distância: 0 px
  • Choke: 18%
  • Tamanho: 5 px
  • Verificar se o Anti-alias de caixa de
  • Ruído: 11%
Adicione uma sombra internaAdicionar uma sombra internaAdicionar uma sombra interna

Passo 5

Adicionar um Brilho Interno com essas configurações:

  • Blend Mode: Normal
  • Cor: #000000
  • Opacidade: 30%
  • Ruído: 61%
  • Técnica: Preciso
  • Origem: Borda
  • Choke: 1%
  • Tamanho: 4 px
  • Verificar se o Anti-alias de caixa de
  • Gama: 50%
Adicionar um brilho internoAdicionar um brilho internoAdicionar um brilho interno

Passo 6

Adicione uma Drop Shadow com essas configurações para concluir este grafite letras efeito de texto 3D:

  • Modo de Mistura: Normal
  • Escolher a cor #000000
  • Opacidade: 956%
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo de visão: 90°
  • Distância: 5 px
  • Spread: 27%
  • Tamanho: 18 px
  • Verificar se o Anti-alias de caixa de
  • Ruído: 17%

clique em OK para aplicar o estilo de camada.

Adicione uma drop shadowAdicione uma drop shadowAdicione uma drop shadow

Aqui está o resultado da segunda graffiti efeito de texto aplicado para o cool grafite letras. Você está indo muito bem-quase terminamos este tutorial do Photoshop em texto graffiti.

resultado Parcialresultado Parcialresultado Parcial

4. Como criar o terceiro efeito de texto Graffiti

Etapa 1

selecione a camada de fonte de letra graffiti “pedro” e vá para a camada > estilo de camada > opções de mesclagem… para aplicar o seguinte estilo de camada.

Na Mistura de Opções, use estas configurações:

  • Avançado de Mistura: 0%
  • Mistura se: Cinza
  • Camada Subjacente: Alt-clique (mac os utilizadores a Opção de clique) sobre o marcador branco para dividi-lo e, em seguida, definir a parte da esquerda para 139 e a parte direita para 201. Em seguida, divida o marcador preto e defina sua parte direita para 80.
Adicionar opções de misturaAdicionar opções de misturaAdicionar opções de mistura

Passo 2

Adicionar um Bevel and Emboss com essas configurações:

  • Estilo: Inner Bevel
  • Técnica: Buril Rígido
  • > Profundidade: 144%
  • Direção: para Cima
  • Tamanho: 8 px
  • Suavizar: 0 px
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo: 98º
  • Altitude: 30º
  • Verificar se o Anti-alias de caixa de
  • Modo de Destaque: Sobreposição com a cor #1faee3 e a Opacidade: 100%
  • Sombra: Modo de Sobreposição com a cor #ce43db e Opacidade: 88%
Adicionar um bevel and embossAdicionar um bevel and embossAdicionar um bevel and emboss

Passo 3

Adicionar uma Sombra Interna para o graffiti letra tipo de letra efeito de texto com essas configurações:

  • Blend Mode: Normal
  • Cor: #000000
  • Opacidade: 100%
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo: -94º
  • Distância: 0 px
  • Choke: 0%
  • Tamanho: 10 px
  • Contorno: Cone
  • Verificar se o Anti-alias de caixa de
  • Ruído: 11%
Adicione uma sombra internaAdicionar uma sombra internaAdicionar uma sombra interna

Passo 4

Adicionar um Brilho Interno com essas configurações:

  • Modo de Mistura: Linear Dodge (Add)
  • Cor: #dd8925
  • Opacidade: 33%
  • Ruído: 47%
  • Técnica: Preciso
  • Fonte: Centro
  • Choke: 58%
  • Tamanho: 16 px
  • Verificar se o Anti-alias de caixa de
  • Gama: 50%
Adicionar um brilho internoAdicionar um brilho internoAdicionar um brilho interno

Passo 5

Adicionar um efeito Acetinado com essas configurações:

  • Modo de Mistura: Sobreposição
  • Cor: #f08d18
  • Ângulo de visão: 90°
  • Distância: 19 px
  • Tamanho: 24 px
  • Contorno: Meia volta
  • Verificar se o Anti-alias de caixa de
  • marque a caixa Inverter
Adicionar um cetimAdicionar um cetimAdicionar um cetim

Passo 6

Adicionar um Gradiente Overlay com essas configurações:

  • Modo de Mistura: Linear Burn
  • Verifique a caixa de Dither
  • Opacidade: 6%
  • Estilo: Linear
  • Ângulo de visão: 90º
  • > Escala: 60%
  • Clique no Gradiente e defina estas paragens:
  • paradas de Cor com Cor #000000 no Local: de 0% e 100%
  • Opacidade parar com a Opacidade: 0% Localização: 0%
  • Opacidade parar com a Opacidade: 100% no Local: 100%
Adicionar um gradienteAdicionar um gradienteAdicionar um gradiente

Passo 7

Adicionar um Outer Glow com essas configurações:

  • Modo de Mistura: Linear Burn
  • Opacidade: 29%
  • Cor: #000000
  • Técnica: Preciso
  • Spread: margem de lucro De 40%
  • Tamanho: 2 px
  • Verificar se o Anti-alias de caixa de
Adicionar um outer glowAdicionar um outer glowAdicionar um outer glow

Passo 8

Como um passo final para este estilo de graffiti letras efeito de texto, adicione uma Drop Shadow com essas configurações:

  • Blend Mode: Normal
  • Escolher a cor #000000
  • Opacidade: 96%
  • Desmarque a opção Usar Luz Global de caixa
  • Ângulo de visão: 90°
  • Distância: 5 px
  • Spread: 39%
  • Tamanho: 24 px
  • Verificar se o Anti-alias de caixa de
  • Ruído: 10%

clique em OK para aplicar os efeitos de texto.

adicionar uma sombra adicionar uma sombra adicionar uma sombra

Parabéns! Acabaste!

neste tutorial do graffiti text effect Photoshop, você aprendeu a usar estilos de camada e opções de mesclagem para criar alguns efeitos de texto de graffiti legais no Adobe Photoshop.

começamos criando nosso graffiti de texto no Photoshop e depois o alteramos com opções de mesclagem e estilos de camada para três efeitos de graffiti diferentes na parede.

resultado Finalresultado Finalresultado Final

Explorar Mais Legal do Photoshop Efeito de Texto Tutoriais

O Photoshop tutorial graffiti texto que você acabou de verificada não é o único que temos. Você pode aprender muitos efeitos de texto, e não apenas letras de graffiti legais! Aqui estão alguns outros tutoriais que você pode desfrutar:

  • Efeitos de Texto
    Como Criar um Cartoon Efeito de Texto no Adobe Photoshop
    Jan Stverak
  • Estilos de Camada
    Como Criar um 3D Preto e o dourado, Texto e Logotipo da Maquete
    Jan Stverak
  • Efeitos de Texto
    Dica: Crie um Real de Ouro Efeito de Texto no Photoshop Usando Estilos de Camada
    Jan Stverak
  • Efeitos de Texto
    Dica Rápida: Crie um efeito de texto brilhante, dourado e do Velho Mundo no Photoshop
    Jan Stverak

topo 5 Graffiti Logo Photoshop add-Ons de Envato Elements

espero que você tenha gostado do meu graffiti text effect Photoshop tutorial. Agora, mostrarei uma seleção dos principais complementos do Photoshop de graffiti de texto do Envato Elements.

este é o nosso mercado baseado em assinatura, onde você pode obter quantas ações de Photoshop de logotipo de graffiti precisar, juntamente com milhares de ativos gráficos criativos, por uma taxa mensal baixa.

com a ajuda do Envato Elements, você criará as melhores letras de graffiti do mundo. Temos todos os tipos de estilos e ações de graffiti. Dê uma olhada aqui:

Graffiti Text Effect PSD (ASL, PSD)

Graffiti Text Effect PSD  Graffiti Text Effect PSD  Graffiti Text Effect PSD

estas letras de estilo graffiti são realmente fáceis de usar no Photoshop. Você só precisa colocar seu texto ou design no objeto inteligente, e você terá letras de graffiti legais em nenhum momento! Este pacote de texto graffiti Photoshop inclui dez estilos diferentes, dez arquivos PSD e objetos inteligentes bem organizados em camadas.

Graffiti Text Effect PSD vol.1 (ASL, PSD)

efeito de texto Graffiti PSD vol1efeito de texto Graffiti PSD Vol1efeito de texto Graffiti PSD Vol1

outro conjunto de letras de graffiti legais pelo mesmo artista talentoso. Este pacote PSD de efeito de texto graffiti também apresenta dez maquetes exclusivas, além de dez arquivos ASL: dez conjuntos de estilos para o Photoshop. Não hesite em experimentar estes efeitos graffiti letters 3D!

Street Art Graffiti Logo Photoshop (ABR, ATN, PAT)

Street Art Graffiti Logo PhotoshopStreet Art Graffiti Logo PhotoshopStreet Art Graffiti Logo Photoshop

Quem disse que graffiti é apenas sobre Texto? Temos todos os tipos de complementos de estilo graffiti, e esta é uma ação de Photoshop de logotipo de graffiti de arte de rua muito legal. Isso funciona melhor com retratos, figuras, modelos e objetos inanimados. Seu resultado final é uma composição totalmente em camadas com muitos efeitos e personalização.

Graffiti Efeito de Texto PSD Estilos de Camada (ASL, PSD)

Graffiti Efeito de Texto PSD Estilos de CamadaGraffiti Efeito de Texto PSD Estilos de CamadaGraffiti Efeito de Texto PSD Estilos de Camada

Mas se você é um fã de graffiti fonte de letra e graffiti carta efeitos 3D, então este é para você. Aproveite este conjunto de 15 Letras estilo graffiti para Photoshop e criar composições de texto graffiti legal.

Spray Arte Graffiti Logotipo Photoshop (ABR, ATN, PAT)

Spray Arte Graffiti Logotipo PhotoshopSpray Arte Graffiti Logotipo PhotoshopSpray Arte Graffiti Logotipo Photoshop

Para fechar a nossa selecção de todos os tipos de estilos de graffiti, este spray arte é um fresco graffiti logotipo da acção de Photoshop. Isso permite que você crie obras de arte digitais rápidas em poucos cliques. A composição é muito fácil de editar graças às suas camadas, dando-lhe total controle criativo.

conclusão

Deixe uma resposta

O seu endereço de email não será publicado.