Como criar um efeito de texto de giz estilizado no Adobe Photoshop

Este tutorial mostrará uma maneira muito rápida e fácil de criar um efeito de giz no Photoshop. Obtenha um efeito de texto de giz usando alguns filtros e sombras projetadas. Vamos começar!

Este efeito de texto de giz do Photoshop foi inspirado nos muitos ga-analytics#sendElementsClickEvent”>Layer Styles disponíveis em ga-analytics#sendElementsClickEvent”>Envato Elements.

ga-analytics#sendElementsClickEvent”>Efeito de texto de quadro de gizEfeito de texto de quadro de gizEfeito de texto de quadro de giz
Esse recurso também ajuda a fazer com que o texto pareça giz.

Procurando um texto com efeito de giz no Photoshop? Vá para Envato Elements e baixe este incrível ga-analytics#sendElementsClickEvent”>estilos de camada do Photoshop de efeito de giz definidos com 15 estilos de Photoshop de efeito de carvão e 15 de efeito de giz. Ele permite que você escreva com giz!

O que você aprenderá

  • Como fazer o texto parecer giz no Photoshop
  • Como criar o plano de fundo para o texto de giz do Photoshop
  • Como fazer uma fonte de texto de giz de sua preferência
  • Como aplicar filtros para fazer o texto parecer giz
  • Como imitar a textura do giz
  • Como estilizar seu texto de giz do Photoshop
Siga este tutorial para criar um efeito de giz no Photoshop junto conosco em nosso canal Envato Tuts+ no YouTube:


Recursos do tutorial

Os seguintes recursos foram usados ​​durante a produção deste tutorial:

1. Como criar o plano de fundo para o efeito de giz no Photoshop

Passo 1

Abra o Fundo de lousa em branco rústico cinza imagem e, em seguida, vá para Imagem > Tamanho da imageme defina o Largura para 1000 pixels.

Tamanho da imagemTamanho da imagemTamanho da imagem

Passo 2

Clique no Criar nova camada de preenchimento ou ajuste ícone na parte inferior do Camadas painel e escolha Níveis.

Adicionar uma camada de ajuste de níveisAdicionar uma camada de ajuste de níveisAdicionar uma camada de ajuste de níveis

etapa 3

Colocou o Gama valor para 0,95. Isso vai escurecer um pouco a textura.

escurecer a texturaescurecer a texturaescurecer a textura

2. Como criar a fonte de texto de giz e as camadas de giz

Passo 1

Crie o texto usando a fonte Escrita Magnólia. Colocou o Tamanho para 200 pontose se você estiver usando várias linhas de texto com giz, defina o Principal para um valor em torno 185 pontos.

Criar o TextoCriar o TextoCriar o Texto

Passo 2

Colocou o Primeiro plano e Fundo cores para Black e White. Crie uma nova camada abaixo da camada de texto, chame-a Gize preenchê-lo com Black.

Crie a Camada de GizCrie a Camada de GizCrie a Camada de Giz

etapa 3

Vá para Filtro > Converter para filtros inteligentespara converter a camada em um objeto inteligente.

Converter para filtros inteligentesConverter para filtros inteligentesConverter para filtros inteligentes

3. Como aplicar filtros ao texto de efeito de giz no Photoshop

Passo 1

Vá para Filtro > Ruído > Adicionar ruído.

Mudar o Quantia para 150 e a Distribuição para gaussianoe verifique o Monocromático caixa.

Adicionar RuídoAdicionar RuídoAdicionar Ruído

Passo 2

Vá para Filtro > Estilizar > Difundire escolha o Modo Somente Clarear.

Filtro DifusoFiltro DifusoFiltro Difuso

4. Como mascarar a textura de giz

Passo 1

Comando-clique a miniatura da camada de texto para criar uma seleção.

Criar uma seleçãoCriar uma seleçãoCriar uma seleção

Passo 2

Clique no Adicione uma camada de máscara ícone na parte inferior do Camadas painel.

Adicionar uma máscara de camadaAdicionar uma máscara de camadaAdicionar uma máscara de camada

etapa 3

Selecione a camada de texto e altere sua Preencher valor para 0.

Valor de Preenchimento da Camada de TextoValor de Preenchimento da Camada de TextoValor de Preenchimento da Camada de Texto

5. Como estilizar a camada de fonte de texto de giz

Duplo click a camada de texto para aplicar o seguinte estilo de camada à textura de giz:

Passo 1

Adicionar um Sombra projetada com estas configurações:

  • Cor: #1e1c1e
  • Opacidade: 100%
  • Distância: 6
  • Espalhar: 35
  • Tamanho: 1
  • Barulho: 100%
Sombra projetada 1Sombra projetada 1Sombra projetada 1

Passo 2

Clique no + ícone à direita do Sombra projetada tab para adicionar outra instância com estas configurações:

  • Cor: #b57b88
  • Opacidade: 100%
  • Distância: 7
  • Espalhar: 60
  • Tamanho: 5
  • Barulho: 50%
Sombra projetada 2Sombra projetada 2Sombra projetada 2

etapa 3

Adicionar outro Sombra projetada instância com estas configurações:

  • Cor: #000000
  • Opacidade: 25%
  • Distância: 15
  • Espalhar: 0
  • Tamanho: 15
  • Barulho: 30%

Isso criará o contorno de giz colorido e finalizará o efeito “escrever com giz”.

Sombra projetada 3Sombra projetada 3Sombra projetada 3

Parabéns, você está pronto!

Neste tutorial, aprendemos como fazer o texto parecer giz no Photoshop. Criamos um plano de fundo simples com uma textura de giz e, em seguida, criamos um texto e uma camada de objeto inteligente para trabalhar no efeito.

Depois disso, aplicamos alguns filtros para criar o efeito de giz principal no Photoshop e o mascaramos na fonte de texto de giz que criamos.

Por fim, estilizamos o texto do efeito de giz no Photoshop usando alguns efeitos de sombra projetada com configurações diferentes para criar o contorno colorido.

Camada de Texto EstilizadoCamada de Texto EstilizadoCamada de Texto Estilizado

5 incríveis ações de efeito de texto da Envato Elements

Agora, vamos passar do texto com efeito de giz no Photoshop. Se você precisar de ações do Photoshop que farão a maior parte do trabalho para você, confira nossa oferta de ga-analytics#sendElementsClickEvent”>Envato Elements:

1. ga-analytics#sendElementsClickEvent”>Chalk Generator (PAT, ATN, PSD, SKETCH, PNG, PDF)

Este item vem com 14 ações extras para fazer sua forma/texto/raster principal ter uma aparência de escrita de textura de giz. Você pode brincar com muitos ícones prontos para dar uma aparência única ao seu quadro-negro.

ga-analytics#sendElementsClickEvent”>Gerador de GizGerador de GizGerador de Giz

2. ga-analytics#sendElementsClickEvent”>Farinha e pó Ações do Photoshop (ABR, ASL, ATN, PAT, PDF)

Talvez você queira fazer mais do que apenas escrever com giz. Já tentou escrever um texto ou fazer um logotipo ou gráfico usando farinha ou pó? É realmente difícil.

Com este conjunto de ações do Photoshop, você pode obter resultados surpreendentes com apenas alguns cliques. Basta instalar a ação, criar seu texto ou logotipo e clicar em reproduzir. Tarefa concluída!

ga-analytics#sendElementsClickEvent”>Farinha em Pó - Ações do PhotoshopFarinha em Pó - Ações do PhotoshopFarinha em Pó - Ações do Photoshop

3. ga-analytics#sendElementsClickEvent”>Ação do Sand Photoshop (PSD, ATN, ABR, PAT, PDF)

Faça com que seu texto ou logotipo pareça ter sido escrito na areia. Você pode obter um efeito realista de escrever na areia em apenas alguns segundos. Use este estilo de verão para seus projetos.

ga-analytics#sendElementsClickEvent”>Ação do Photoshop na areiaAção do Photoshop na areiaAção do Photoshop na areia

4. ga-analytics#sendElementsClickEvent”>Leather Badge Generator Ações do Photoshop (ABR, ATN, PAT, ASL, PDF, TXT)

Gere elementos de couro realistas a partir do seu texto, logotipo, forma ou design com apenas alguns cliques. Este é um efeito limpo e fotorrealista, com alto nível de detalhes.

ga-analytics#sendElementsClickEvent”>Gerador de Distintivos de Couro - Ações do PhotoshopGerador de Distintivos de Couro - Ações do PhotoshopGerador de Distintivos de Couro - Ações do Photoshop

5. ga-analytics#sendElementsClickEvent”>Salt and Sugar Generator Photoshop Actions (ABR, ASL, ATN, PAT, PDF, PSD)

Transforme seu texto ou logotipo em um efeito realista de Sal e Açúcar com apenas alguns cliques. Todas as camadas são bem organizadas e compactadas em um Objeto Inteligente, de modo que a camada inicial não seja alterada.

ga-analytics#sendElementsClickEvent”>Gerador de Sal e Açúcar - Ações do PhotoshopGerador de Sal e Açúcar - Ações do PhotoshopGerador de Sal e Açúcar - Ações do Photoshop

Mais tutoriais de efeito de texto

Se você gostou deste tutorial sobre como fazer o texto parecer giz no Photoshop, você pode ga-analytics#sendElementsClickEvent”>explore o Envato Elements para encontrar mais recursos e experimente estes tutoriais:

Deixe uma resposta