Share/Bookmark

Tutorial #12 - Criação Tipografica

No comment yet


Tava preparando um tutorial tipografico para o blog, mas o resultado não vinha me agradando enquanto procurava imagens para fazer o post de tipografia da semana me deparei com essa imagem (outro exemplo do que se pode ser feito com esse tutorial na propria galeria do autor) e então resolvi fazer em poucas imagens algo fácil para explicar como criar-lá.
Então deixei o tutorial que já estava em andamento e comecei esse outro, espero que gostem (: e concerteza é uma fácil criação se bem explorada pode-se sair ótimas soluções.




Comecei criando um backround com a cor #4d2828 um vermelho meio dark.



E logo depois apliquei um Gradient Radial (G) com a cor #2f0606 e na barra de ferramenta marque a opção Reverse.



Com o background criado vamos criar a nossa parte tipografica.
Usei uma font comum Gill Sans Ultra Bold, mas se preferir podem usar fontes de uma de nossas sessões.

Eu usei como texto principal o nome INSPIRATION, mas não se prendam a isso, tentem ir mais além...



Vejam as diferenças nos tamanhos das letras, no IN eu usei o tamanho: 170%, R 150% e nas demais 130%
Para o próximo passo baixe essa imagem e com a Pen Tool (P) va contornando (Eu indico e uso essa ferramenta sempre, mas se você é mais familiarizado a outra, pode usa-lá) e depois de criado o contorno com o botão direito do mouse selecione a opção Make a Selection. Radius 0 e dê OK




Dê um Ctrl+J e crie um recorte só desta parte e mova para o arquivo com o texto INSPIRATION transforme e redimensione até ficar como no exemplo. Eu usei o Free Transform (Ctrl+T) e com a Eraser (E) e flow: 20% fui apagando algumas partes até deixar a imagem assim:




Sigua os mesmos passos: Pen Tools (P), Make a Selection e colar no texto, Eraser (E) com as outras imagens.
Aqui as imagens que usei nos recortes:

Milk 01
Milk 02
Milk 03
Milk 04




Depois de recortar as imagens e apagar algumas partes tente da esse resultado a elas:



Junte todos os recortes em um Grupo... (usaremos isso depois)
Rasterize a camada de texto, no Blending Options aplique o Inner Shadow



Até ai eu não sabia mais o que fazer, quando comecei a procurar inspiração em outros sites, então como um bom leitor do Abduzeedo lembrei do Tutorial de Natal e criei um "algo a mais" no background.
Com os brushes vamos criar o "algo a mais" no nosso background... Então aperte F5 e siga:



Crie uma camada (Shift+N) e coloque abaixo da camada de texto e passe o brush de um lado a outro do projeto assim:



Duplique a camada e em seguida junte-as (Ctrl+E) aplique um Filter>Blur>Gaussian Blur com 8pixel em radius e no Blending Mode: Linear Dodge (Add)



Legal, com o botão direito do mouse aumente toda a Hardness do brush e com a cor #cd9b9b daremos mais efeito ao background.
Duplique a camada e em seguida junte-as (Ctrl+E) e aplique Filter>Blur>Gaussian Blur com 1pixel em radius e no Blending Mode: Color Dodge com Opacity: 70%



Abaixo das outras duas camadas já criadas adcione mais uma no mesmo padrão só mude a cor para #380000 e diminua toda a Hardness para 0%. Aplique no Blending Mode: Overlay com Opacity: 65%



Criamos nosso "algo a mais" no background.
Voltando a camada de texto para finalizar o tutorial... Duplique a camada e aplique 2pixel de Radius no Gaussian Blur e no Blending Mode: Color Burn



Duplique a camada de texto principal mais uma vez e junte com o grupo dos recortes (lembra depois dos recortes?) e adicione no Blending Options um Drop Shadow



Depois adicionei o texto "Enjoy the Moments" e adcionei ao texto Drop Shadow e Inner Shadow





Crie um grupo e siga nosso Tutorial de Natal e crie os feixos de luz...
A cor que usei para as luzes foi o branco #000000 depois de criado os feixos de luz, no Blending Mode do grupo mude para Color Dodge.





Esse já é o resultado final, mas ainda você pode optar por alterar as Curves, Levels e Brigthness/Contrast


(exemplo com Adjustment)

Postar um comentário

HOME | ABOUT

Copyright © 2011 Teste e Aplicações | Powered by BLOGGER | Template by 54BLOGGER