English

Para comemorar os 30 anos do Pac Man, eu fiz um efeito de texto com uma fonte de game antiga porém bem atualizada. Para quem não conhece é um jogo que teve muito sucesso no anos 80 e é conhecido até hoje e ele foi um grande marco para a popularização dos games.

1. Primeiramente para este tutorial baixe a fonte que se encontra neste link, clique aqui. depois de baixado e instalado, abra o Photoshop e faça um documento de 700x400, deixe o plano de fundo preto e escreva START com o tamanho de 14pt.

2. Feito isto, vamos para a parte de aplicar os estilos. Antes de partimos para esta parte duplique a layer (CTRL+J) em que você escreveu. Coloque o nome de uma de dentro e a outra de fora, e deixe como abaixo.

3. Agora use a layer dentro e aplique os estilos abaixo (Clique duas vezes na layer para abrir o painel de estilos),

4. Na foto de que está abaixo está uma legenda do que você terá que fazer para aplicar o efeito de gradiente.

1. Cor:  #183246 Location: 0%.
2. Cor:  # 347da1 Location: 50%.
3. Cor:  # 215b78 Location: 50%.
4. Cor:  # 33ffff Location: 100%.

5. Você chegará a algo semelhante a isto.

O que tínhamos que fazer com layer “dentro” foi isto, agora partiremos a layer “fora”; Selecione a layer e aplique o estilo abaixo.

6. Depois de aplicado e estilo clique com o botão direito na layer e transforme em Smart Object.

7. E aplique mais filtros;

Você chegará a este resultado.

8. Agora vamos aplicar um brilho, segure a tecla CTRL e clique na layer fora, automaticamente o Photoshop irá fazer uma seleção.

9. Deixe selecionado e vá em Select > Modify > Contract e deixe a opção em 1px e de ok.

10. Depois disto crie um gradiente do branco para o transparente, como na imagem abaixo.

11. Aplique o gradiente na seleção como abaixo.

12. Deixe a layer do brilho com o blending mode em overlay.

13. na mesma layer, crie uma seleção oval como abaixo;

14. Inverta a seleção (CTRL+SHIFT+I) e apague,

15. Na parte final vamos fazer o fundo, crie uma layer abaixo do efeito de texto de cor preta.

16. No painel de estilos clique em Pattern Overlay, e carregue a biblioteca abaixo.

17. Escolha o Pattern selecionado e deixe a opacidade em 30% como na imagem abaixo;

18. E por fim crie uma nova layer acima desta que acabamos de usar o patern, preencha a de preto e vá apagando com a borracha até chegar a um resultado satisfatório.

19. E abaixo o resultado final do tutorial! Espero que tenham gostado!

Siga Bons Tutoriais

Sobre o Autor

Victor Tiago, fundador Bons Tutoriais. Acredito que para que um resultado de design satisfatório sai de uma boa equipe e depois de muito trabalho duro. A partir disto criei este site para que desenvolvedores designers e programadores tenham uma fonte de inspiração antes de criar seus trabalhos. Caso queira estar conectado sempre para receber novidades e noticias, siga nos no Twitter, Google+, Facebook ou então pelo nosso Feed.

Oferecido por

Compartilhe!