Efeitos de Luz em Texto Caligrafico no Photoshop | Abduzeedo Design Inspiration & Tutorials
Efeitos de Luz em Texto Caligrafico no Photoshop
abduzeedo seg, 08/31/2009 - 11:43 Na semana passada postei alguns artigos sobre tipografia e recebi vários e-mails pedindo para criar um tutorial para efeitos em textos. Decidi então brincar um pouco no Photoshop para criar um efeito legal meio 3D usando caligrafia e muitas Layer Styles. O efeito é bastante simples e vamos dar uma olhada em como criar patterns e efeitos de luz com Blend Modes.
Abra o Photoshop e crie um documento novo, eu usei 1920x1200 pixels para o Size(tamanho). Preencha o background com uma cor escura, #1f1e1e.
Selecione a Background layer e vá até Layer>Layer Style>Gradient Overlay. Escolha cinza (#707070) e branco para as cores. Troque o Blend Mode para Multiply e a Opacity para 60%. O Style será Radial. Garanta que o branco fique no meio. O que vai acontecer é que como estamos usando multiply, as bordas da imagem ficarão mais escuras. Estou aplicando esse gradiente via layer styles pois quero adicionar um filter (filtro) na layer mais tarde para tentar cores diferentes.
Agora vá até Filter>Noise>Add Noise. Use 2%, Gaussian e selecione a opção Monochromatic. Adicionar noise a gradientes é sempre bom pois assim o gradiente fica mais sutil.
Vamos adicionar o texto. Vamos precisar de uma fonte com estilo de caligrafia. Estou usando a Champignon, que você pode encontrar em: http://dafont.com. Digite Abducted primeiro.
Agora, logo abaixo de "Abducted" digite "by". Usei outra fonte para isso, "Champignon Alt S...", que você pode encontrar também em: http://dafont.com. Use a imagem abaixo como referência de posicionamento e tente conectar as palavras o caso dos "Bs".
Digite a palavra "Design". Tente usar o final do "y" para conectar o "D", é muito importante que as palavras se conectem ou o efeito não ficará tão legal.
Para deixar o efeito mais bonito, vamos adicionar alguns swirls. Essa parte é mais ou menos a mesma coisa que fiz em outro tutorial, Swirl Type in Photoshop. Mas basicamente, vamos importar um elemento swirl e posicioná-lo antes do "A". O que estou usando é uma cortesia do Shutterstock, que você encontra aqui
Coloque outro elemento no final da palavra "Design" usando o "n". Usei o mesmo elemento do passo anterior, apenas um pouco menor.
Agora adicione outro swirl no "Y". Passo 10
Agora que você tem o texto com os swirls, converta para Smart Objects. Dessa maneira podemos editá-lo a qualquer momento. Vá até Layer>Layer Styles>Gradient Overlay. Use Pink e Azul para as cores, Linear para Style, e 90º para angle.
Depois do Gradient Overlay selecione Drop Shadow. Use Multiply para Blend Mode, 120º para Angle, 5 pixels para Distance e 20 pixels para Size.
Depois da Drop Shadow selecione Bevel and Emboss. Use Inner Bevel para Style, Smooth para Technique, 190% para Depth. Para Direction use Up, para Size use 6 pixels e 8 pixels para Soften. Agora para a parte do Shading (sombreamento) use 120º para Angle, 30º para Altitude. Para Highlight Mode use Color Dodge e branco na cor com 75% Opacity. Para Shadow Mode use Multiply e preto para a cor com 45% Opacity. Selecione também Contour.
Duplique a layer do texto e a primeira coisa a fazer é trocar o Fill para 0%. Dessa maneira não terá cor nenhuma, mas o Layer Style ainda vai funcionar sobre uma layer transparente. Desabilite o Gradient Overlay. Para o Bevel and Emboss troque a Direction para Down. Aumente também a Depth para 370%. Para Size use 2 pixels e 8 pixels para Soften. Agora para o Shading, troque o Angle para 145º, Altitude para 25º. O Highlight Mode será Screen com branco para a cor e 100% Opacity, enquanto o Shadow Mode será 0%.
Duplique novamente a layer para deixar o efeito mais forte.
Duplique novamente a layer, mas dessa vez vamos editar o Bevel and Emboss. Troque Soften para 1 pixel. Para o Highlight Mode use Color Dodge com 70%. Desabilite o Drop Shadow.
Passo 16 Agora vamos criar uma Pattern para usar no nosso design. Crie um novo documento com 40 pixels de width e 200 pixels de height.
Redimensione a background layer para que ela fique com 20 pixels de width. Então preencha a Layer com um Lienar Gradient usando branco para a cor mas com diferentes opacidades. Use 100% a 40% para as Opacities do Gradient. Use a imagem abaixo como referência.
Vá até Edit>Defin Pattern. Nomeie de Stripe e você já tem uma Pattern legal.
De volta ao nosso design, adicione uma nova layer e coloque nela o Pattern que criamos.
Gire a layer com a pattern e troque o Blend Mode para Soft Light.
Pressionando Command no MAC ou Control no PC, clique no thumb na layer do texto no Layer Panel. Dessa maneira você vai criar uma marquee selection na text layer. É bastante simples e muito útil. Depois disso vá até Layer>Layer Mask>Reveal Selection. A pattern será aplicada apenas sobre o texto.
Selecione todas as layers usadas para criar o efeito do texto e as duplique. Vá até Layer>Merge Layers. Depois disso vá até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius e pressione OK. Troque o Blend Mode para Screen, assim teremos um brilho legal.
Agora vamos adicionar alguns efeitos de luz. Estou usando uma stock photo para criar o lens flare, você pode usar brushes ou até mesmo o Lens Flare filter. A imagem que usei pode ser encontrada aqui. Posicione apenas o lens flare no design e troque o Blend Mode para Screen. Depois disso vá até Image>Adjustments>Hue and Saturation. Selecione Colorize e altere o Hue até ter uma cor que combine com a cor do texto em que o efeito de luz será aplicado.
Duplique o Efeito de Luz e o mova para outra letra.
Duplique o lens flare novamente e o mova para outra parte do design. Mais uma vez vá até Image>Adjustments>Hue and Saturation e selecione colorize e tente combinar a cor do lens flare com o design. Passo 26
Importe uma textura de papel e a posicione acima das outras layers. A imagem que usei foi cortesia do Shutterstock e você pode encontrá-la aqui. Depois disso troque o Blend Mode para Multiply.
Você pode adicionar uma cena espacial abaixo de tudo ou apenas deixá-lo no noise background. Caso você queira colocar mais brilho na imagem, duplique todas as layers e faça um merge delas em uma, ou simplesmente pressione Command(MAC)/Control(PC)+Alt+Shift+E. Aplique então Gaussian Blur com 20 pixels para Radius e troque o Blend Mode para Screen.
A idéia desse efeito era brincar com as Layer Styles para criar um um efeito legal em um texto com fonte caligráfica. Nós também fizemos o processo de criar um pattern de listras. A idéia desses tutoriais é mostrar algumas técnicas que podem ser aplicadas aos seus projetos, não apenas para criar o design, acredito que o design é apenas para mostrar a vocês um exemplo. Agora é com vocês.