Como criar um efeito de texto de esboço rápido no Adobe Photoshop

Este tutorial mostrará como usar objetos inteligentes, estilos de camada e alguns filtros para criar um efeito de texto de esboço simples no Photoshop. Também darei uma dica legal para alterar a coloração do resultado final com bastante facilidade usando uma camada de ajuste de filtro de foto.

Se você quiser economizar algum tempo, vá para Envato Elements e volte para este tutorial de efeito de texto do Photoshop mais tarde. Lá você encontrará alguns ga-analytics#sendElementsClickEvent”>estilos de camada impressionantes que são feitos profissionalmente e oferecem resultados de alta qualidade. Você pode usá-los sem precisar saber como adicionar efeitos ao texto do zero no Photoshop.

ga-analytics#sendElementsClickEvent”>Efeitos de texto vintage de imprensa de tinta de letra 4Efeitos de texto vintage de imprensa de tinta de letra 4Efeitos de texto vintage de imprensa de tinta de letra 4
Esses efeitos de texto do ga-analytics#sendElementsClickEvent”>Photoshop fazem um ótimo trabalho ao recriar a estética tipográfica.

O que você aprenderá

  • Como criar o padrão com um pincel personalizado
  • Como fazer as camadas para os filtros de fundo, texto e foto
  • Como estilizar o texto e aplicar os filtros
  • Como mover o texto e mudar a cor

O que você precisará

Os seguintes recursos foram usados ​​durante a produção deste tutorial de efeito de texto do Photoshop:

1. Como criar o padrão

Passo 1

Crie um novo 80 x 80 px documento, defina o Primeiro plano cor para #e0e0e0escolha o Pincele abra o Escovar painel (Janela > Pincel).

Escolha uma ponta arredondada suave de 1 px, marque a Barulho e Bordas Molhadas caixas e modifique o restante das configurações conforme mostrado abaixo:

Forma da Ponta do PincelForma da Ponta do PincelForma da Ponta do Pincel

Dinâmica da Forma:

Dinâmica da FormaDinâmica da FormaDinâmica da Forma

Passo 2

Crie uma nova camada e comece a desenhar algumas linhas diagonais para obter um preenchimento de padrão para o efeito de texto do esboço no Photoshop.

Criar Preenchimento PadrãoCriar Preenchimento PadrãoCriar Preenchimento Padrão

etapa 3

Quando terminar, faça o Fundo camada invisível (clicando no ícone do olho ao lado dela) e, em seguida, vá para Editar > Definir padrãoe digite um nome para o padrão. Então clique OK.

Definir padrãoDefinir padrãoDefinir padrão

2. Como fazer as camadas de filtro de fundo, texto e foto

Passo 1

Criar outro novo 1000 x 750 px documento, escolha o Ferramenta Balde de tintaescolha o Padrão opção no Opções barra e preencha o Fundo com qualquer padrão que você gosta do 9 Padrões de bloco de notas que podem ser colocados lado a lado pacote.

Preencher fundo com padrãoPreencher fundo com padrãoPreencher fundo com padrão

Passo 2

Crie o texto do esboço em Black usando a fonte Fonte Gunterz Bold Sans Serif e a fonte Tamanho 150pt.

Criar o TextoCriar o TextoCriar o Texto

etapa 3

Clique com o botão direito a camada de texto, escolha Converter para Objeto Inteligentee altere a camada do objeto inteligente Preencher valor para 0.

Em seguida, duplique a camada de objeto inteligente mais três vezes, de modo que você termine com um total de quatro camadas de objeto inteligente.

Agrupe todas as camadas de objetos inteligentes que você possui, nomeie o grupo Textoe altere seu Modo de mistura para Normal. Esta é a parte que permitirá que você altere a cor do texto facilmente mais tarde.

Criando as Camadas de Objeto Inteligente e seu GrupoCriando as Camadas de Objeto Inteligente e seu GrupoCriando as Camadas de Objeto Inteligente e seu Grupo

Passo 4

Clique no Criar nova camada de preenchimento ou ajuste ícone na parte inferior do Camadas painel e escolha Filtro de fotos. Coloque a camada de ajuste Filtro de foto dentro da Texto agrupar no topo de todas as camadas de objetos inteligentes.

Escolha o Cor opção e, em seguida, altere a cor para #3f3f3f e a Densidade para 100%e desmarque a opção Preservar Luminosidade caixa.

Configurações do filtro de fotosConfigurações do filtro de fotosConfigurações do filtro de fotos

3. Como estilizar o texto

Agora é hora de começar a adicionar o efeito de texto de esboço no Photoshop. É mais fácil do que você pensa.

Passo 1

Duplo click o primeiro objeto inteligente camada para aplicar um Sobreposição de padrão efeito usando as seguintes configurações:

  • Opacidade: 70%
  • Padrão: Use o padrão que você criou no início deste tutorial.
Sobreposição de padrãoSobreposição de padrãoSobreposição de padrão

Isso vai estilizar a parte interna.

Texto Preenchido com Padrão EstilizadoTexto Preenchido com Padrão EstilizadoTexto Preenchido com Padrão Estilizado

Passo 2

Duplo click o primeira cópia do objeto inteligente camada para aplicar o seguinte estilo de camada:

Adicionar um AVC com estas configurações:

  • Tamanho: 1
  • Posição: Centro
  • Cor: #c9c9c9
AVCAVCAVC

etapa 3

Adicionar um Sombra interior com estas configurações:

  • Cor: #bfbfbf
  • Distância: 0
  • Espalhar: 100
  • Tamanho: 1
Sombra interiorSombra interiorSombra interior

Passo 4

Isso estilizará a primeira camada de traçado. Clique com o botão direito a camada estilizada e escolha Copiar Estilo de Camada. Em seguida, selecione as camadas de cópia restantes, clique com o botão direito um deles e escolha Colar Estilo de Camada.

Primeira Camada de Traço Primeira Camada de Traço Primeira Camada de Traço

Passo 5

Duplo click o segunda cópia do objeto inteligente layer para modificar alguns dos valores usados ​​para o estilo de camada:

Para o AVC efeito, altere o Cor para #bfbfbf.

AVCAVCAVC

Passo 6

Para o Sombra interior efeito, altere o Tamanho para 2.

Sombra interiorSombra interiorSombra interior

Isso estilizará a segunda camada de traçado.

Camada de Segundo TraçoCamada de Segundo TraçoCamada de Segundo Traço

Passo 7

Duplo click o terceiro objeto inteligente de cópia camada para alterar alguns dos AVC configurações de efeito:

  • Opacidade: 90%
  • Posição: Dentro
  • Cor: #d6d4d4
AVCAVCAVC

Isso estilizará a última camada de traçado.

Terceira Camada de TraçoTerceira Camada de TraçoTerceira Camada de Traço

4. Como Aplicar os Filtros

Passo 1

Selecione os primeira cópia do objeto inteligente camada e vá para Filtro > Distorcer > Ondulação. Mudar o Quantia para 20 e a Tamanho para Médio.

filtro de ondulaçãofiltro de ondulaçãofiltro de ondulação

Passo 2

Selecione os terceiro objeto inteligente de cópia camada e vá para Filtro > Distorcer > ZigZag. Mudar o Quantia para 5o Cumes para 10e a Estilo para Fora do centro.

Filtro ZigZagFiltro ZigZagFiltro ZigZag

etapa 3

Finalmente, vá para Filtro > Desfoque > Desfoque de superfície. Mudar o Raio para 3 e a Limite para 12.

Filtro de desfoque de superfícieFiltro de desfoque de superfícieFiltro de desfoque de superfície

5. Como mover o texto e alterar a cor

Passo 1

O que você precisa fazer a seguir é escolher o Ferramenta Movere, em seguida, selecione cada uma das três camadas de objeto inteligente de cópia e mova-as levemente. Você pode mover qualquer uma ou todas as camadas, dependendo do efeito que deseja obter.

Movendo as camadas de traçadoMovendo as camadas de traçadoMovendo as camadas de traçado
Observe como o movimento cria um efeito de texto de esboço quase 3D com nossas letras.

Passo 2

Se você quiser mudar a cor do texto, tudo que você precisa fazer é selecionar o Filtro de fotos camada e na Propriedades painel, clique na caixa da cor para escolher uma diferente. A cor usada aqui é #3060ce.

Coloque a camada Filtro de fotos dentro de um grupo que contém os elementos que ela deveria afetar e altere a configuração desse grupo. Modo de mistura para Normal em vez de Passagem.

Mude a corMude a corMude a cor

Parabéns! Você Terminou

Neste tutorial de efeito de texto do Photoshop, criamos um padrão simples usando uma ponta de pincel modificada.

Em seguida, preenchemos um plano de fundo com um padrão de papel pautado, criamos algum texto, o convertemos em um objeto inteligente e criamos algumas cópias dele. Em seguida, estilizamos cada cópia para obter o efeito de esboço, com a ajuda de alguns filtros que aplicamos após estilizar as camadas.

Por fim, movemos um pouco as camadas e usamos uma camada de ajuste de filtro de foto para alterar a cor do resultado final.

Faça o download dos efeitos de texto premium do Photoshop da Envato Elements

Existem tantos ga-analytics#sendElementsClickEvent”>efeitos de texto legais do Photoshop por aí, e você não precisará de tutoriais para experimentar todos eles. ga-analytics#sendElementsClickEvent”>Envato Elements é o lar de estilos de camada premium que você pode aplicar ao seu texto e use para seus projetos. Aqui está uma pequena amostra do que você pode encontrar no serviço de ativos criativos:

1. ga-analytics#sendElementsClickEvent”>Efeito de texto graffiti de rua (PSD)

ga-analytics#sendElementsClickEvent”>Efeito de Texto de Grafite de RuaEfeito de Texto de Grafite de RuaEfeito de Texto de Grafite de Rua

Estamos saltando de um efeito de texto de esboço para Photoshop para arte de rua. O grafite mostrado neste download é realista e funciona com todo o seu texto. Você pode até usá-lo para logotipos. Se você é fã desse estilo de arte, então vai querer ter essa opção ao seu lado.

2. ga-analytics#sendElementsClickEvent”>Super Luxury Glitter Editable Text Effect (PSD)

ga-analytics#sendElementsClickEvent”>Efeito de texto editável com brilho superluxuosoEfeito de texto editável com brilho superluxuosoEfeito de texto editável com brilho superluxuoso

Vamos enfrentá-lo: glitter está em toda parte. Felizmente, este efeito de texto legal para o Photoshop é um bom compromisso. Tem todos os traços brilhantes das minúsculas partículas, sem nenhuma bagunça. Use a estética deste efeito de texto do Photoshop para convites, pôsteres e muito mais.

3. ga-analytics#sendElementsClickEvent”>Efeito de texto vidro quebrado para Photoshop (PSD)

ga-analytics#sendElementsClickEvent”>Efeito de texto de vidro quebradoEfeito de texto de vidro quebradoEfeito de texto de vidro quebrado

Você quase pode sentir o impacto do efeito de texto Shattered Glass Photoshop. Ao adicionar seu texto à camada Objeto Inteligente, você será saudado com fragmentos de letras lascadas tão realistas que saltarão da tela. Se você está procurando efeitos de texto legais para o Photoshop, baixe este.

4. ga-analytics#sendElementsClickEvent”>Efeito de texto espelhado 3D para Photoshop (PSD)

ga-analytics#sendElementsClickEvent”>Espelho efeito de textoEspelho efeito de textoEspelho efeito de texto

Olhar para o espelho é quase como olhar para uma ilusão de ótica. As dobras e dobras bem posicionadas criam um efeito de texto 3D para o Photoshop do qual é difícil se afastar. É de alta resolução e totalmente editável, então você pode realmente tentar criar algo criativo.

5. ga-analytics#sendElementsClickEvent”>Efeito de texto Burning Steel (PSD)

ga-analytics#sendElementsClickEvent”>Efeito de texto de aço ardenteEfeito de texto de aço ardenteEfeito de texto de aço ardente

Burning Steel é a entrada final em nossa lista de efeitos de texto interessantes para o Photoshop. A textura e as letras em negrito mostradas aqui me lembram um filme de ação de alta octanagem, por isso é perfeito para pôsteres e projetos de fãs. É diferente do efeito de texto de esboço em nosso tutorial do Photoshop, mas o Burning Steel é um ótimo complemento para o seu kit de ferramentas criativas.

Experimente mais tutoriais de efeitos de texto do Photoshop no Envato Tuts+

Aprenda a criar e adicionar mais efeitos ao texto no Photoshop com a ajuda de nossos instrutores. Eles criaram alguns dos melhores tutoriais online que você pode experimentar. Aqui estão alguns em que você pode começar:

Deixe uma resposta