Tutorial: Criando uma composição com letras estilizadas e texturas

Neste tutorial veremos uma composição que utiliza efeito de texto e de paths com texturas e layer styles.

Preview Descrição: Neste tutorial veremos uma composição que utiliza efeito de texto e de paths com texturas e layer styles.

  • [message]
    • ##check##AVISO: Criando uma composição com letras estilizadas e texturas

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 500x300 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá da cor #c0cfcc para a cor #e2e5de no modo Linear, aplique como na foto abaixo.

Criando uma composição com letras estilizadas e texturas

02. Agora pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Paths esteja marcada na barra de opções da ferramenta, crie alguns paths como na foto abaixo.

Criando uma composição com letras estilizadas e texturas

03. Agora pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas duras e tamanho com 1 pixel, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra A do teclado para selecionar a Direct Selection Tool, clique com o botão direito do mouse sobre o Path e escolha a opção Stroke Path.

Criando uma composição com letras estilizadas e texturas

04. Defina os valores abaixo e pressione Ok.

Criando uma composição com letras estilizadas e texturas

05. Sua imagem deverá ficar como a da foto abaixo.

Criando uma composição com letras estilizadas e texturas

06. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Criando uma composição com letras estilizadas e texturas

07. Sua imagem ficará como a da foto abaixo.

Criando uma composição com letras estilizadas e texturas

08. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer e pressione Enter, a fonte usada neste tutorial foi a AG ForeignerULB (65 pt, Crisp).

Criando uma composição com letras estilizadas e texturas

09. Agora clique aqui e baixe a imagem que usaremos como Pattern, pressione Ctrl+O e abra a imagem no Photoshop, vá em Edit> Define Pattern, dê um nome qualquer e pressione Ok, volte ao documento que estamos trabalhando, vá em Layer> Layer Style> Gradient Overlay e depois em Layer> Layer Style> Stroke e defina os valores abaixo.

Criando uma composição com letras estilizadas e texturas

Criando uma composição com letras estilizadas e texturas

10. Sua imagem deverá ficar como a da foto abaixo.

Criando uma composição com letras estilizadas e texturas

11. Agora pressione a letra U do teclado para selecionar a Custom Shape Tool, na barra de opções da ferramenta clique em Shape e escolha o shape de estrela, como na foto abaixo.

Criando uma composição com letras estilizadas e texturas

12. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, certifique-se de que a opção Shape Layers esteja selecionada e crie algumas estrelas como na foto abaixo.

Criando uma composição com letras estilizadas e texturas

13. Clique com o botão direito do mouse sobre a última layer de estrela que foi criada e escolha a opção Rasterize Layer, faça isto com todas as layers de estrela, e texto, depois clique na primeira layer de estrela (que esteja acima de todas as outras na paleta de layers) e pressione Ctrl+E até mesclar todas as layers que contém os shapes de estrelas e do texto, vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Criando uma composição com letras estilizadas e texturas

14. Sua imagem deverá ficar como a da foto abaixo.

Criando uma composição com letras estilizadas e texturas

15. Agora vá em Layer> Layer Style> Create Layer para criar layers separadas para cada layer style aplicado, vá em Edit> Transform> Distort, distorça a sombra criada como na foto abaixo e pressione Enter.

Criando uma composição com letras estilizadas e texturas

16. (Opcional)Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool, no caso deste tutorial a fonte usada foi a Bickham Script Pro na cor #4f5e70, escreva uma frase qualquer e pressione Enter.

Criando uma composição com letras estilizadas e texturas

15. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, pressione a letra U do teclado para selecionar a Custom Shape Tool, escolha o shape de estrela novamente, crie algumas estrelas sobre os Paths que criamos, como na foto abaixo.

Criando uma composição com letras estilizadas e texturas

16. Clique sobre as layers com as estrelas usando o botão direito do mouse e escolha a opção Rasterize Layer, repita o procedimento em todas as layers que contém estrelas, pressione Ctrl+E para mesclar todas as layers com estrelas, pressione a letra U do teclado novamente para selecionar a Custom Shape Tool, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a preta, crie algumas estrelas e deixe abaixo da layer com as estrelas brancas.

Criando uma composição com letras estilizadas e texturas

17. Clique com o botão direito do mouse sobre as layers com as estrelas pretas e escolha a opção Rasterize Layer, depois pressione Ctrl+E para mesclar todas as layers com as estrelas pretas, defina a opacidade da layer em 10% e ao final sua composição estará como a da foto abaixo.

Criando uma composição com letras estilizadas e texturas

site de origem: http://www.webdesign.org/web/photoshop/text-effects/super-star-logo.17892.html

COMENTÁRIOS

  1. Oi André, como sempre o teu site permanece formidável, parabéns pelo desempenho, só gostaria de dizer que a imagem para baixar do passo 09 não é um pattern e sim a tela da layer style que vem em seguida. É só isso, parabéns cara, muito sucesso pra ti!

    ResponderExcluir
  2. a imagem que usa como pattern nao esta indo :s

    ResponderExcluir

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo