Efeitos em texto: Scrabble Tiles

Olá pessoal. No tutorial de hoje vou mostrar como criar uma montagem simples utilizando camadas de texto, Formas e estilos de camada. Este tutorial foi criado usando a versão CS6 do Photoshop mas pode ser seguido por qualquer versão do aplicativo.
Muitos podem estranhar ao ver as telas do meu Photoshop na cor clara. Particularmente não gostei muito da interface escura e mudei.


+ Claro ou escuro? Você decide


Recursos utilizados neste tutorial:


* Floral Fabric Patterns by ~sofi01.
* texture D by ~Knald.

1- Crie um novo documento em branco.

2- Carregue a Pattern (Padrão) que você fez o download. Em seguida, vá em: Edit/Fill (Editar/Preencher) e escolha Pattern. Escolha a Pattern que você vai aplicar e clique em OK.

+ Como instalar (Carregar) Patterns no Photoshop

3-  Abra a imagem da textura que você fez o download e copie para o documento que você criou.

+ Como copiar camadas entre documentos no Photoshop

Mude o Blend Mode da camada da textura para Multiply
Sua imagem ficará assim:

4- Configure a cor de primeiro plano como #ead89f . Em seguida, selecione a ferramenta Rounded Rectangle Toole na barra de opções da ferramenta, configure o Radius em 5px.

5- Você pode criar uma forma de qualquer tamanho, dependendo do que você planeja. No nosso exemplo, usaremos uma forma para cada letra. Por isso, criamos uma forma como mostrado abaixo.

6- Vá em Layer/Layer Style/Blending Options... ( Ou dê um duplo clique na camada ) e selecione Bevel & Emboss. Configure da seguinte maneira:

Size: 3
Angle: 140 e deixe desmarcado a caixinha Use Global Light
Altitude: 21
Highlight Mode: Screen com a cor #fdf8e8
Shadow Mode: Multily com a cor #dcd5bf

Selecione Contour e escolha o contorno Half Round e marque o box Anti-aliased

Selecione agora Gradient Overlay e configure como mostrado abaixo:

Para finalizar, selecione Drop Shadow e configure da seguinte maneira:
Blend Mode: Multiply com a cor #3f2823
Angle: 147 e desmarque o box Use Global Light
Distance: 13px
Spread:    15px
Size:         13px

Com essas configurações, sua forma ficará assim:

7- Selecione a ferramenta Texto (T) e escreva o texto de sua preferência.

Vá em Layer/Layer Style/Blending Options... ( Ou dê um duplo clique na camada ) e selecione Drop Shadow. Configure da seguinte maneira:

Agrupando as camadas

8- Selecione as camadas de texto e da forma. Em seguida, pressione CTRL+G para agrupá-las. Assim, ficará mais fácil a continuidade do trabalho.

+ Como organizar o painel de Layers (Camadas)

Dê um duplo clique no nome do Grupo e renomeie com a letra ou palavra que você quiser. No nosso exemplo, darei o nome de P.

Agora vem a parte mais rápida do trabalho. Tudo o que você precisa fazer, é duplicar as camadas agrupadas (Grupos) CTRL+J e editar o texto que será exibido.
Observe no meu exemplo. Dupliquei o grupo 10 vezes para que eu pudesse montar a minha frase. É tudo extremamente simples

Caso você queira utilizar algum shape no lugar do texto, basta excluir a camada de texto e usar a ferramenta Shape.

No nosso exemplo, usamos a Shape de coração.
Para aplicar o mesmo estilo de camada do texto na Shape, basta copiar o estilo de camada de texto para a camada da Shape.

+ Como copiar estilos de camadas ( Layer Styles )

9- Clique no ícone Create a New Fill or Adjustment Layer e escolha Gradient Map.

Dê um duplo clique no Gradient para abrir o Editor.
Clique no botão Color Stop e logo abaixo, em Color, configure com a cor #b7a781

No outro lado, faça o mesmo no botão Color Stop e configure a cor como #f9f2ea. 
Clique em OK

Mude o Blend Mode da camada para Multiply e diminua a opacidade para 40%.

10- Pressione as teclas CTRL+ALT+SHIFT+E para criar uma cópia mesclada de todas as camadas.
Em seguida, mude o Blend Mode para Soft Light e diminua a opacidade para 30%.

11- Vá em Filter/Other/High Pass. Configure um valor de 10px. Clique em OK
Isso deixará as bordas mais definidas.

Resultado final:

Faça o download do arquivo PSD deste tutorial

*Tutorial criado a partir deste post

Participe deixando seu comentário, dúvida ou sugestão. Lembre-se: Sua participação é muito importante para o blog e para todos os leitores que acessam o Canal Adobe Photoshop.

Sobre o Autor:

Jean Carlo é técnico e instrutor de informática em Uberlândia-MG. Desde 2007 compartilha seus conhecimentos publicando dicas e tutoriais sobre Photoshop. É o criador do Canal Adobe Photoshop , [Dicas Lightroom] e do Sonífera Ilha. Twitter  |  Portfólio  |  Facebook

Se você deseja fazer uma doação como forma de agradecimento ao conteúdo disponibilizado, utilize o botão abaixo.Todos os rendimentos serão revertidos em manutenção e melhorias deste blog.