Tutorial Composição Tipografica

Postado por R.9 quarta-feira, 31 de março de 2010
Tutorial Composição TipograficaComo havia prometido em alguns posts anteriores, hoje venho trazer mais uma novidade aqui no blog: a inauguração da seção Tutoriais. Onde irei postar os mais diversos tutoriais sobre photoshop.
E para começar em grande estilo o primeiro tutorial que venho apresentar, trata-se de uma composição tipografia muito interessante.

 

 

 

 

Passo 1:Início:

Abra o photoshop e crie um documento com o tamanho desejado, no meu caso usei 1280x1024px.
Preencha o fundo do projeto de preto (#000000).

Passo 2: Definindo o Limite do Texto

Agora vamos definir o limite que nos auxiliará na composição da nossa montagem tipografica.
Selecione a ferramenta texto (t), digite a letra ou numero que você usará em sua composição (Nesse tutorial utilizei a letra “p” fonte: harabara, tamanho:1200px).
Defina a cor do elemento como #6dcff6 e sua opacidade como 20%, pois ela servira como nossa guia para inserir as demais palavras na composição.
inserindo limite do texto

Passo 3: Inserindo as Palavras

Agora que já temos a guia vamos inserir as palavras seguindo estes limites. Pense nas palavras que você irá inserir, como a minha composição tem como tema o blog usei palavras que tivesse a ´ver com photoshop e também com o blog.
Uma coisa importante nessa etapa é usar tamanhos diferenciados para algumas palavras, observe por exemplo, como queria destacar a palavra “photoshop” ela aparece com um tamanho maior , com letras maiúsculas e em negrito.
Usei nas palavras a fonte “Century Gothic” em tamanhos e formatações difenrentes como você pode observar abaixo.
inserindo palavras
inserindo palavras

Passo 4: Colorindo o texto

Agora que completamos o preenchimento do nosso elemento vamos reduzir a opacidade do “p” (elemento usado como guia) para 2% para que ele sirva como uma borda não muito perceptível e aplicar alguns efeitos para tornar essa composição mais atrativa.
Antes, mova todas as camadas de textos com exceção do “p” para um único grupo com o intuito de facilitar seu mauseio (Layer > New > Group). Logo após duplique o grupo clicando com o botão direito sobre ele e depis em “Duplicate Goup”, clique em ok quando aparecer uma caixa de diálogo. Duplicamos esse grupo para podermos juntar todas as suas camadas em uma única e deixar uma copia caso precise alterar algo.
Clique em Merge Goup para mesclar suas camadas em uma única. Logo após oculte o grupo que contém todas as palavras pois ele servira apenas com um backup.
Altere as cores para: foregroud color: #3bb2f7 e background color: # 48a248. Logo após clique na camada que acabamos de mesclar com o botão direito, depois blending options e na caixa que se abre clique na ferramenta Gradient Overlay como mostra a imagem abaixo.
colorindo o texto
colorindo o texto

Passo 5: Recolorizando

Nas etapas seguintes aplicaremos alguns efeitos para que o projeto fique mais vibrante.
Crie uma nova camanda e defina seu primeiro plano (Foreground) para: #6dcff6 e seu plano  de fundo (background) para: #000000.
Agora vá em Filter > Render > Clouds, assim sua camada será preenchida com uma nuvem nas cores preto e azul defina o modo dessa camada como overlay com opacidade 25%.
Crie uma nova camada e defina o plano de fundo (backround) como branco. Mais uma vez vá em Filter > Render > Clouds para preenche a camada dessa vez com uma nuvem branca e azul. Em seguida defina o modo da camada também como Overlay  com opacidade 70%
recolorindo

Passo 6: Efeito de Movimento

Agora iremos aplicar um efeito de movimento à nossa composição para finalizarmos.
Para isso criamos uma nova camada, depois clique em Image> Apply Image. Depois aplicamos um filtro, vá em Filter > Blur > Motion Blur teste e escolha o sentido do efeito como desejar e clique em ok. Logo após definimos o modo da camada para Lighten e opacidade de 35%.
Depois disso criamos uma camada de ajuste Gradient Map (Layer > New Adjust Layer > Gradient Map) com as seguintes cores #ec008c e #e77418, clique em ok e finalmente defina o modo dessa camada para Vivid Light.

Resultado

 resultado
Pronto terminamos, bastante interessante não é mesmo?
Fonte: www.tutorial9.net

6 comentários

  1. Gabriel Says:
  2. maraviwanderfull
    nuss ta mechendo muito em

     
  3. Ficou excelente amigo. Parabéns pelo tutorial.

    abraços

     
  4. R.9 Says:
  5. opa.
    Espero que seja o primeiro de muitos =D

     
  6. Anônimo Says:
  7. Nossa,muito bonito mesmo. VlW!

     
  8. Anônimo Says:
  9. valeuuuuuuu !!! muito bom tutorial parabens

     
  10. Anônimo Says:
  11. valeu ae gente, to muito feliz, é a realizaçao de um sonho

     

Postar um comentário

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.

Facebook

Twitter

Seguidores