Tipografia

Descrição: Nesse tutorial, iremos aprender a fazer uma tipografia bonita e diferente, Apesar de ser um bom tutorial, ele é muito complexo, portanto eu poderia classifica-lo como nível médio para alto
Autor: Fábio Sasso (Administrador do Abduzeedo)
Tradutor: Equipe War Design (http://www.war-design.com)

Este tutorial pertence ao Abduzeedo, não reproduza e nem modifique nada sem a permissão do seu respectivo dono.

1. A primeira coisa a se fazer é encontrar os elementos que você vai usar. Existem muitos sites onde você pode encontrar ótimos vetores, e tem um post do Cameron Moll (no site do Abduzeedo) com uma enorme lista desses sites. Então já é um bom lugar para começar. http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/

Para esse tutorial, usaremos esses shapes/ornamentos: http://www.istockphoto.com/file_closeup/object/5836792_floral_design_elements.php?id=5836792




2. Abra o Photoshop e crie um novo documento. Eu usei as dimensões 1680x1050 pixels. Após isso, escreva Abduzeedo e vá para Layer>Layer Style>Gradient Overlay. Use as cores: Vermelho, Amarelo, Verde, Azul claro. A tipografia usada por mim é a Futura



3. Vamos começar com a mistura dos shapes na tipografia. Primeiramente, encontre o shape/ornamento certo para a letra que você for colocar, então tente colocá-lo de uma forma que segue o formato da referida letra. Na imagem abaixo você pode ver que ele parece estar vindo, ou faz parte da letra "A".



3.1 Depois de alinhar o ornamento com a letra, é hora de acrescentar alguma profundidade. Para isso vamos utilizar a Layer Styles. Vá para Layer>Layer Styles>Drop Shadow. Use o Multiply como blend mode, Preto como cor, 100% Opacidade, -60° Ângulo, Distânica de 5 px e o tamanho 5 px também.



3.2 Aqui vamos criar uma camada a partir da sombra da layer style. Para isso clique com o botão direito do mouse em Drop Shadow. Em seguida, selecione Create Layer no menu. É isso aí, você já tem uma camada com a sombra



4. Agora que você tem a sombra em uma camada, vamos aplicar uma máscara. Vá até Layer>Layer Mask>Reveal All. Em seguida, selecione o Brush Tool(B). A cor tem que ser o preto e o brush vai ser regulado com o diameter em 45 pixels e 0% hardness. Então, basta pintar a máscara para esconder algumas partes da sombra.. A idéia é criar a impressão de que o ornamento está vindo da tipografia, e que passa por cima da letra.



5. Repita a mesma coisa para as outras letras.. No entanto, não é necessário fazer isso em todas elas. Eu só fiz nas letras A, B, D, Z, E, D e O. Depois de selecionar a camada da palavra e o ornamento, junte-os em um grupo e mude o nome para “Logo” Dica: Use sempre a cor exata da parte da letra que o ornamento está vindo, ou saindo.



6. Agora vamos acrescentar algumas textura na imagem, você pode ocultar as outras camadas. Usaremos algumas texturas de um blog chamado DesignReviver, que publicou o artigo 300 + Vintage Style Textures e Photoshop Brushes. Faça o download do pack Vintage II e abra a imagem que está com o nome: "Vintage10.jpg". Pelo fato da imagem ser de 1500 pixels e o documento de 1680 pixels, você terá que duplicar a imagem e preencher a parte que ficou faltando. Depois vá para Image>Adjustments>Hue/Saturation. Use Hue 49, Saturation 19, Lightness +35.



7. Faça o download do "Old_Paper_Textures_by_lailomeiel" e abra o arquivo "DSC02679.JPG" Ele irá ficar por cima das outras texturas, então basta mudar o Blend Mode para Color Burn.Agora, selecione todas as camadas das texturas e crie um grupo para elas. Mude o nome do grupo para “Texturas”.



8. Selecione o grupo "Logo" e vá para Layer> Merge Group.. Isso irá converter todas as camadas e grupos dentro de uma única camada. Em seguida, vá para Layer> Layer Style> Drop Shadow. Use o Color Burn como Blend Mode, 100% Opacity, -60ºÂngulo, Distância e tamanho de 5px.



9. Duplique o grupo " Texturas" e altere o blend mode da camada do“papel" para Overlay. Una o grupo, a fim de criar uma única camada dele. Em seguida, vá para Layer> Create Clipping Mask e altere o Blend Mode para Multiply.Duplique a camada textura novamente tendo a certeza que ele ainda está com o Clipping Mask. Então, basta mudar o Blend Mode para Overlay.



Agrupe a camada "Logo" com as duas texturas que estão com o clipping mask. Duplique o grupo e faça a união dos dois de forma que fique em uma só camada. Em seguida, vá para Filter> Blur> Gaussian Blur. Utilize 4,5 pixels para o Radius e mude o Blend Mode para Screen com 80% de opacidade.



Resultado Final:



Este tutorial pertence ao Abduzeedo, não reproduza e nem modifique nada sem a permissão do seu respectivo dono.