3 de jun de 2012

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:




*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

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.
Pin It now!

2 Comentários:

Anônimo disse...

Coloca os creditos desse tutorial do autor verdadeiro.

Jean Carlo disse...

Olá Anônimo, se você observar no final do post, tem o link para o autor original.

Postar um comentário

- Todos os comentários passam pelo sistema de moderação antes de serem exibidos.
- Comente com o OpenID ou com o nome/url do Blog, assim, poderei retribuir a visita.
- Se você escreveu ou encontrou um artigo interessante e que seja relacionado ao post, o link para esse artigo no comentário é bem vindo.
- Pedidos de parcerias, somente por e-mail.
- Dúvidas que não forem relacionadas ao post, somente por e-mail.
- Comentários que não tenham nada a ver com o post e com links definidos como SPAM serão rejeitados IMEDIATAMENTE.
- Se você deseja divulgar seu site ou blog, entre em contato por e-mail solicitando um orçamento.


Agradecemos a visita e o seu comentário no Canal Adobe Photoshop

  ©Canal Adobe Photoshop - 2008 - 2016 - Todos os direitos reservados.

Template by Dicas Blogger | Topo