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.

Efeitos de giz e ação do Photoshop de quadro-negroEfeitos de giz e ação do Photoshop de quadro-negroEfeitos de giz e ação do Photoshop de quadro-negro
Efeitos de giz e ação do Photoshop de quadro-negro

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.

Preencher camada com cor no PhotoshopPreencher camada com cor no PhotoshopPreencher camada com cor no Photoshop

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.

Desenhe uma forma vetorial no Photoshop usando a ferramenta CanetaDesenhe uma forma vetorial no Photoshop usando a ferramenta CanetaDesenhe uma forma vetorial no Photoshop usando a ferramenta Caneta

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.

Preencher camada com corPreencher camada com corPreencher camada com cor

Passo 2

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

Filtro de ruído no PhotoshopFiltro de ruído no PhotoshopFiltro de ruído no Photoshop

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.

Camada de ajuste de níveis no PhotoshopCamada de ajuste de níveis no PhotoshopCamada de ajuste de níveis no Photoshop

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.

Mesclar camadas no PhotoshopMesclar camadas no PhotoshopMesclar camadas no Photoshop

Etapa 6

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

Duplicar camada no PhotoshopDuplicar camada no PhotoshopDuplicar camada no Photoshop

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.

Criar máscara de corte no PhotoshopCriar máscara de corte no PhotoshopCriar máscara de corte no Photoshop
Máscara de recorte no PhotoshopMáscara de recorte no PhotoshopMáscara de recorte no Photoshop

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.

Duplicar Camadas no PhotoshopDuplicar Camadas no PhotoshopDuplicar Camadas no Photoshop

etapa 3

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

Estilo de camada de traçadoEstilo de camada de traçadoEstilo de camada de traçado

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

Converter em objeto inteligenteConverter em objeto inteligenteConverter 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.

Preencher camada com corPreencher camada com corPreencher camada com cor

Passo 2

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

Filtro de fibras no PhotoshopFiltro de fibras no PhotoshopFiltro de fibras no Photoshop

etapa 3

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

Criar máscara de corteCriar máscara de corteCriar 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.

Mover Camadas no PhotoshopMover Camadas no PhotoshopMover Camadas no Photoshop

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)
Adicionar estilos de camada no PhotoshopAdicionar estilos de camada no PhotoshopAdicionar estilos de camada no Photoshop
Moldura de madeiraMoldura de madeiraMoldura de madeira

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)
Adicionar estilos de camada no PhotoshopAdicionar estilos de camada no PhotoshopAdicionar estilos de camada no Photoshop
Quadro-negro com moldura de madeiraQuadro-negro com moldura de madeiraQuadro-negro com moldura de madeira

7. Adicione o efeito de texto de giz

Passo 1

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

Camada de texto no PhotoshopCamada de texto no PhotoshopCamada de texto no Photoshop

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)
Adicionar estilo de camada no PhotoshopAdicionar estilo de camada no PhotoshopAdicionar estilo de camada no Photoshop

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.

Estilo de texto com efeito de gizEstilo de texto com efeito de gizEstilo de texto com efeito de giz

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.

Estilo de texto com efeito de giz no PhotoshopEstilo de texto com efeito de giz no PhotoshopEstilo de texto com efeito de giz no Photoshop

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.

Efeito de texto de textura de gizEfeito de texto de textura de gizEfeito de texto de textura de giz

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.

Adicionar ajuste de níveis no PhotoshopAdicionar ajuste de níveis no PhotoshopAdicionar ajuste de níveis no Photoshop

8. Adicione os pedaços de giz

Passo 1

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

Forma de pedaço de gizForma de pedaço de gizForma de 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)
Estilo de camada de pedaço de gizEstilo de camada de pedaço de gizEstilo de camada de pedaço de giz

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.

Efeito de giz e quadro-negro no PhotoshopEfeito de giz e quadro-negro no PhotoshopEfeito de giz e quadro-negro no Photoshop

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.

Efeitos de giz e ação do Photoshop de quadro-negroEfeitos de giz e ação do Photoshop de quadro-negroEfeitos de giz e ação do Photoshop de quadro-negro
Efeitos de giz e ação do Photoshop de quadro-negro

Você também pode gostar destes tutoriais:

Deixe um comentário

O seu endereço de e-mail não será publicado.