Efeito de texto simples para banners no Photoshop

Veja nesse tutorial como criar um efeito de texto decorativo, usando recursos básicos do Photoshop, mas com um resultado bem agradável e suave. Não é preciso prática em uso de ferramentas avançadas como pincel ou caneta, por exemplo. Indicado para quem tem menos prática no Photoshop.

O banner será simples: além do texto estilizado, alguns elementos externos como árvores, pássaros e um cenário, com o tema “natureza”. Embora o assunto do tutorial seja o efeito no texto, veremos como desenvolver o banner todo, com adição das imagens e uso de alguns filtros.

Vamos precisar de dois arquivos:

• Árvores, de Linzee 777 (arquivo)
• Pássaro, de pixievamp

Crie um novo documento no Photoshop; 1000 x 450 pixels está de ótimo tamanho tanto para nossa prática, quanto para a maior parte dos usos, caso queira empregar seu banner para ilustrar sites e blogs.

Preencha a camada única com a cor #8dc63f.

Com uma fonte decorativa, crie seu texto. Eu usei a “Bello Script”, mas você pode usar outras se preferir ou não tiver essa (a “Mistral” é uma boa alternativa nesse exemplo). A cor usada no texto foi a #c6f685.

Faça o texto razoavelmente grande, mas não pegando o papel todo, pois vamos colocar uns ingredientes extras e precisaremos de espaço.

Ao pé da janela de camadas, você encontra o botão com os estilos de camada. Clique nele e (estando a camada de texto ativa) escolha Traçado.

Aplique um traçado de 12 pixels, cor branca.

Clique com o botão direito sobre a miniatura do efeito, na janela de camada, e selecione Criar Camadas. Será criada uma camada à parte, com o contorno branco do texto.

Sobre a camada gerada, aplique dois estilos de camada: Sombra projetada e Chanfro e Entalhe. Configurações:

Agora ative a camada do texto (clique sobre sua miniatura) e aplique os estilos de camada Sobreposição de Padrão e Chanfro e Entalhe. Veja os ajustes:

Nota: para encontrar o padrão “Tela Carregada Extra”, procure no grupo de padrões chamado “Superfícies Artísticas”. Acompanhe o caminho de onde clicar para achar os padrões:

Na camada do fundo (aquela preenchida de verde), aplique o filtro Ruído (menu Filtro > Ruído > Adicionar Ruído), de Intensidade 2, monocromático.

Estamos prontos com o texto, vamos aos adornos.

Abra o arquivo com as imagens de árvore, copie a escolhida para o documento do texto, redimensione pelo comando Transformar (Ctrl + T) e posicione-o melhor.

Depois, duplique a camada da árvore e coloque a cópia no modo de mesclagem Divisão, para clarear um pouco. Reduza sua opacidade para uns 40%.

Insira a imagem do passarinho no documento. Redimensione-o e posicione-o corretamente. Deve ser bem pequeno, é uma ave, não vá fazer um monstro voador! =D

Para dar um “charme”, coloque-o à frente do texto, posicionando sua camada acima de todas.

Para o “solo” marrom: com a ferramenta de seleção que tiver mais intimidade (caneta, laço poligonal, etc), crie uma forma pegando o canto inferior direito da imagem, similar ao visto abaixo.

Logo acima da camada verde do fundo, crie outra camada, e nela preencha a seleção com a cor #4f3814 (um tom de marrom que obtive a partir da imagem da árvore). Remova a seleção com o comando Ctrl + D.

Para criar o efeito em linhas no solo: duplique a camada do solo marrom. Mova a camada duplicada para cima, segurando a tecla Shift e apertando a tecla direcional para cima três vezes (a camada duplicada deve se mover 30 pixels para cima).

Então, ainda com a camada duplicada ativa, segure Ctrl e clique sobre a miniatura da camada do solo original, criando uma seleção ao redor de seu conteúdo (o solo na posição original). Clique Delete para excluir aquela área na camada duplicada, pressione V para voltar à ferramenta Mover, e pressione a seta para cima para mover a camada 1 pixel para cima. Parece complicado, mas não é.

Veja:

Para a segunda linha, repita o processo, mas agora começando na cópia anterior, e movendo-a apenas 20 pixels acima (ou seja, duplique a camada duplicada do solo que acabou de editar, mova a nova cópia 20 pixels acima, crie a seleção ao redor da cópia anterior, Delete na nova cópia, e mova mais 1 pixel acima).

A cada nova linha, vá tornando as novas mais finas, até terminar.

Quando terminar, mescle todas as camadas com linhas e a camada do solo original em uma única (vá selecionando todas clicando sobre cada miniatura enquanto segura Ctrl, então pressione Ctrl + E).

Por fim, aplique o filtro Ruído (igual ao que aplicou no fundo verde, lá no começo) ao solo marrom. Como foi o último filtro usado, é só usar o atalho Ctrl + F para repeti-lo.

Para esse tutorial, já é o bastante. Veja como ficou:

Você pode continuar, adicionando mais detalhes e ajustes. Que tal caprichar mais na árvore, com efeitos de sombra e iluminação, ou mais um texto?

O arquivo fonte do tutorial está disponível para download grátis. Clique no botão abaixo.

Se tiver alguma dúvida, comente!