6 excelentes truques para fontes no Photoshop

24 26 out 2008 Sob categoria: Efeito de Texto

Temos certeza que este tutorial ou melhor coleo de tutoriais se tornar bem popular: 6 truques para fontes no Photoshop que so imprescindveis para o seu repertrio, seja voc um amador, entusiasta ou profissional! Nesta pequena coleo de tutoriais voc aprender a criar fontes feitas de ouro em poucos minutos, criar um texto metlico tridimensional, combinar uma fonte com estilos com outra sem de uma maneira harmoniosa, usar gradient overlay com seu texto, criar um fino texto metlico e tambm criar um texto de plstico. Tudo isso da maneira mais fcil possvel, o que ideal para principiantes no Photoshop. Mas o que nos chamou mais ateno nestes tutoriais o fato de que todos eles usam apenas estilos de camadas (layer styles) para chegar ao resultado final. Isto significa que os efeitos no so destrutivos e podem ser ajustados a qualquer momento. Quando digo no destrutivo me refiro ao fato de que vrias ferramentas e filtros no Photoshop distorcem a imagem de uma maneira irreversvel, destruindo a informao sobre os pxeis originais da imagem. Isso nos trs a trs regras importantssimas quando se trabalha com o Photoshop:

Sempre faa um backup da sua imagem original antes de trabalhar com o Photoshop Na medida do possvel, use ferramentas ou filtros no-destrutivos (ex.: layer masks, layer styles e alguns filtros disponveis no CS3 e CS4). Durante o trabalho no Photoshop, faa backups de camadas que j obtiveram efeitos definitivos mas que ainda recebero mais tratamento destrutivo, para que voc possa voltar quela(s) camada(s) mesmo depois de ter fechado o documento.

Dito isto, vamos aos tutoriais

Tutorial nr. 1: Texto dourado ou banhado a ouro

Existem vrias maneiras de fazer um texto de ouro / dourado. Este mtodo utiliza duas camadas com exatamente o mesmo texto em cada camada (layer). Essas camadas esto sobrepostas com a camada de baixo alguns pxeis mais abaixo para que parea que temos um texto em 3D. A fonte que usei aqui se chama Trajan, uma fonte muito elegante que perfeita para um texto dourado.

Primeiramente a camada de cima, que feita com os estilos usuais um Bevel and Emboss, um Gradient Overlay e pora vai. Note o sutil Drop Shadow que aplicado camada de cima, que por sua vez cai na camada de baixo (a camada de baixo tambm tem seu prprio drop shadow).

Esta a camada que d a profundidade s nossas letras. Note que o interior no importante j que ele ser coberto pela camada de cima, que banhada a ouro. Esta camada usa um Outer Bevel em cima de um grosso Stroke para criar os destaques. Assim que quando colocamos a outra camada por cima teremos um timo efeito de texto banhado a ouro.

Existem vrias maneiras de fazer um texto dourado. Este mtodo utiliza duas camadas.
Tutorial nr. 2: Texto metlico em 3D

Na verdade este efeito somente uma variao do texto dourado. Como voc pode ver abaixo, utilizei novamente as duas cpias do mesmo texto, cada camada com seus prprios estilos aplicados. Aqui usei um diferente Gloss Contour no texto de baixo, e claro que em todos os lugares que usei uma nuance amarelada no tutorial anterior, usei nuances cinzentas aqui.

Para tentar algo levemente diferente, tambm apliquei um text warp com o Warp Tool. Voc poder faz-lo clicando na camada do texto, selecionando a ferramenta Horizontal Type Tool (T) e ento um cone aparecer no topo (como mostrado abaixo), no qual voc dever clicar. Isso lhe dar o dilogo do Warp Text. Agora voc poder aplicar um efeito Bulge em somente uma das camadas, e voc obter um efeito bem sutil que incrementar o resultado.

Tutorial nr. 3: Dupla tipografia

Este efeito muito mais simples e se baseia em duas verses do texto, um com estilos e outro no. Usei Futura como fonte aqui. Acredito ter visto este efeito num poster cinematogrfico uma vez da que usei o vermelho da mesma maneira que eles o fizeram, mas isso funciona muito bem com outras combinaes de cores.

Tudo que h a fazer aplicar dois truques em estilos de camadas: 1. Adicione 1px Outer Stroke usando um gradiente ao invs de uma cor. Eu usei um dos gradientes metlicos do Photoshop (veja os estilos do Fino metal mais abaixo para maiores detalhes). Isso d uma qualidade brilhante s bordas, que legal. 2. Da a gente aplica um Gradient Overlay do negro ao branco ao texto, que por sua vez a gente coloca como Overlay 50%. Isso significa que quando voc muda a cor do texto isso se ajustar automaticamente, proporcionando uma sombra no topo.

Tutorial nr. 4: Gradient Overlay

Este efeito realmente muito simples, voc usa um texto (neste caso com a fonte Din) e lhe d o efeito Gradient Overlay. Photoshop tem vrios gradientes pr-definidos Color Harmony que voc pode adicionar clicando naquela setinha que aponta pra direita no dilogo do Gradient Editor [edio: na imagem abaixo, na mesma linha do "Presets" direita, perto do boto "OK"]. Os gradientes adicionados aparecero no final da lista de gradientes. Se voc escolhe um deles e o coloca a 59% num texto branco, use um fundo escuro.

Tutorial nr. 5: Metal fino

Esta a maneira mais simples de fazer um efeito metlico. Ela se baseia no fato de que quando voc v um metal na vida real, geralmente o metal ter vrias partes com reflexos, brilhos e sombras, especialmente no caso de metais brilhantes com uma textura parecida ao cromo. Usando duas cpias do mesmo gradiente em diferentes ngulos voc poder recriar este efeito de uma maneira bem fcil e dar ao seu texto um efeito metlico. Este efeito ideal para fontes finas (literalmente), pois de outra maneira o interior da fonte no ter uma boa aparncia (a no ser que usemos outros estilos, mas se o fizssemos este tutorial no seria super rpido!).

Decidi fazer com que o meu texto realmente ficasse de p neste exemplo. Para fazlo, crie uma camada logo abaixo do texto e crie bolinhas negras nos ps de cada letra. Da faa com que eles fiquem embaados usando o Filters > Blur > Gaussian Blur e o defina a aproximadamente 2px. Ento clique Ctrl+T e os amasse verticalmente. Finalmente os d 30% Opacity para que eles fiquem mais sutis. Para letras como o a e o e h uma rea maior da letra tocando o cho, por isso dupliquei uma delas e a estiquei com a ferramenta Free Transform (Ctrl+T) para que ela ocupasse mais espao debaixo da letra. Finalmente dupliquei dupliquei outra bolinha e a estiquei para dar uma sobra ao longo de todo o texto. Experimente e voc poder criar vrias variaes de sombra abaixo das letras.

Agora o texto s uma combinao de um Gradient Overlay e um Stroke de 1px que usa o mesmo gradiente. O gradiente que usamos (o mesmo do quarto tutorial acima) um gradiente metlico que j vem com o Photoshop. Voc poder adicion-lo pallete de gradientes, usando aquela setinha [edio: a mesma que mencionamos no tutorial anterior] no Gradient Editor, da escolha Metals e voc a ver aparecer. O ponto chave aqui se assegurar que o Angle (ngulo) do Gradient Overlay e do Stroke so diferentes. Isso o que criar os brilhos no texto assim como voc pode ver na imagem acima. Tambm regulei o Gradient Overlay principal para apenas 14% Opacity no topo de um texto cinza para que ele aparecesse mais sutil, mas isso opcional.

Tutorial nr. 6: Plstico Fantstico

Eu adoro estes estilos tipo gel, apesar de que eu devo admitir que no creio ter usado para nenhum projeto profissional. Mas quem se importa, eles so bem divertidos de fazer. Este aqui usa duas cpias do texto e dois estilos de camadas (layer styles) diferentes (similares aos dois primeiros tutoriais desta lista). Abaixo voc pode ver as duas camadas. O estilo principal feito na camada inferior, j o segundo na camada superior aquele que d o efeito de brilho..

Na camada de baixo usei um bocado de efeitos Glow, Drop Shadows e Gradient Overlay. Voc poder ver os parmetros na imagem abaixo.

Nesta camada eu alterei drasticamente um estilo Bevel and Emboss para criar aquele brilho com bordas bem definidas. Voc poder ver os parmetros exatos logo abaixo, incluindo o contorno do gradiente.