Como criar um sinal de quadro-negro com texto de giz no Adobe Photoshop

Aprenda a criar um letreiro de quadro-negro com efeito de texto de giz no Photoshop usando texturas e estilos de camada. Este efeito de foto de giz faz parte das Ações do Photoshop de giz e quadro-negro do meu portfólio no Envato Market.

Você também pode conferir o novo Chalk Photo Effect Photoshop Action. Você pode criar efeitos de giz realistas para texto, gráficos e fotos.

Recursos do tutorial

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

Todas as texturas que vamos usar neste tutorial (madeira e giz) são feitas usando filtros do Photoshop.

1. Como criar o plano de fundo

Crie um novo 1.000 x 1.000 pixels documento. Faça uma nova camada e pressione Shift-F5 para preenchê-lo com cor #62c3c9 ou qualquer outra cor que você gosta.

2. Como criar a forma de bolha de fala usando a ferramenta Caneta

Escolha o Ferramenta Caneta (P) e desenhe a forma do balão de fala.

Para criar uma linha curva, clique e segure o mouse e arraste.

Para transformar uma âncora suave em uma ponta afiada, mantenha a Clique Alt no ponto de ancoragem.

3. Crie a textura do quadro-negro

Passo 1

Colocou o Cor do primeiro plano para #1a1a1a e a Cor de fundo para #ffffff.

Crie uma nova camada e chame-a Textura do quadro-negro. Imprensa Shift-F5 para preenchê-lo com a cor #1a1a1a.

Passo 2

Vamos para Filtro > Ruído > Adicionar Ruído e defina o Resultar para 50%.

etapa 3

Vamos para Filtro > Desfoque > Desfoque de movimento e defina o Ângulo para 50 e a Distância para 19 pixels.

Passo 4

Vamos para Camada > Nova Camada de Ajuste > Níveis e use essas configurações.

Etapa 5

Selecione os Textura do quadro-negro camada e o Níveis ajustamento, clique com o botão direitoe escolha Mesclar Camadas. Renomeie a nova camada Textura de quadro-negro.

Etapa 6

Imprensa Controle-J para duplicar o Textura do quadro-negro camada e chamá-lo Textura de texto de quadro-negro.

4. Crie a forma de quadro-negro

Passo 1

Esconda o Textura de texto de quadro-negro camada.

Clique com o botão direito no Textura do quadro-negro camada e escolha Criar máscara de corte.

Passo 2

Imprensa Controle-J para duplicar o Forma de balão de fala camada e chamá-lo Quadro-negro. Renomeie a camada inicial Moldura de madeira.

etapa 3

Colocou o Encher do Moldura de madeira camada para 0% e adicione um Derrame estilo de camada, cor #000000.

Clique com o botão direito na camada e escolha Converter em objeto inteligente.

5. Crie a textura de madeira

Passo 1

Imprensa Shift-Control-N para criar uma nova camada. Nomeie a camada Textura de madeira.

Imprensa Shift-F5 para preencher a camada com cor #1a1a1a.

Passo 2

Vamos para Filtro > Renderizar > Fibras para criar a textura da madeira.

etapa 3

Clique com o botão direito no Textura de madeira camada e escolha Criar máscara de corte.

Passo 4

Selecione os Moldura de madeira e a Textura de madeira camadas e movê-los acima de todas as outras camadas.

Etapa 5

Adicione esses estilos de camada ao Moldura de madeira camada:

• Sombra projetada (cor #000000)
• Sombra interior (cor #000000)
• Bisel e Emboss (cor #ffffff e #000000)
• Sobreposição de cores (cor #c86800)

6. Crie o quadro-negro com uma moldura de madeira

Adicione este estilo de camada ao Quadro-negro camada:

• Sombra projetada (cor #000000)
• Sombra interior (cor #000000)
• Brilho interior (cor #ffffff)
• Sobreposição de cores (cor #393838)

7. Adicione o efeito de texto de giz

Passo 1

Adicione o De volta à escola camada de texto usando a cor #ffffff.

Passo 2

Adicione este estilo de camada ao De volta à escola camada de texto:

• Sombra interior (cor #000000)
• Brilho externo (cor #ffffff)
• Brilho interior (cor #000000)
• Derrame(cor #000000)

etapa 3

Adicione também um Sobreposição de cores, modo de mistura Normal, opacidade 100%, usando a cor que você gosta. Vou usar esse tom de cor verde #d1ff6e.

Você também pode alterar a cor do Derrame usando qualquer cor que você gosta.

Passo 4

Clique com o botão direito no De volta à escola camada de texto e escolha Converter em objeto inteligente. Defina o modo de mesclagem para Tela.

Etapa 5

Para criar um efeito de giz mais realista, faça o Textura de texto de quadro-negro camada visível. Clique com o botão direito na camada e escolha Criar máscara de corte para o De volta à escola camada de texto.

Defina também o modo de mesclagem para Multiplicar.

Etapa 6

Para tornar as cores mais vibrantes, vamos adicionar um Níveis ajustamento. Clique com o botão direito na camada de ajuste e escolha Criar máscara de corte.

8. Adicione os pedaços de giz

Passo 1

Use o Ferramenta Caneta para criar o pedaço de giz.

Passo 2

Adicione este estilo de camada para criar uma peça de giz realista:

• Sombra projetada (cor #000000)
• Sombra interior (cor #000000)
• Bisel e Emboss (cores #ffffff e #000000)
• Sobreposição de cores (cor #f2f2f2 para o giz branco e #c1e053 para o giz verde)

Parabéns! Você Terminou!

Neste tutorial, você aprendeu como criar um efeito de giz no Photoshop do zero usando filtros e camadas de ajuste. Espero que tenham gostado deste tutorial.

Este efeito de foto de giz faz parte das Ações do Photoshop de giz e quadro-negro do meu portfólio no Envato Market.

Você também pode conferir o novo Chalk Photo Effect Photoshop Action. Você pode criar efeitos de giz realistas para texto, gráficos e fotos.

Você também pode gostar destes tutoriais: