Seis ótimos efeitos de texto no Photoshop 7 - Parte 1

Primeiros dois efeito: Gel e Texto Desgastado !

12/06/03h

Diminuir o tamanho das letras Aumentar o tamanho das letras

Olá de novo! Vamos supor que você tenha um trabalho, um site, um folheto ou qualquer coisa que precise de um título. e todos os efeitos de texto que você conhece para fazer a capa não funcionam ou não ficam bons. Está salvo agora! Nesse tutorial eu vou ensinar como criar os primeiros dois de uma coleção de cinco efeitos de texto que talvez você até já tenha visto mas nunca soube como eles são feitos? Essa é a sua chance! Vamos lá:
 



Se você já viu a campanha publicitária do Mac OS X, vai saber agora como é feito o belíssimo X da propaganda: não é um efeito difícil (na realidade é até bem básico), mas você tem que pensar que ele terá um resultado perfeito somente em 72ppi. Mas e se você quiser usar o efeito num documento de 300ppi, para impressão?! Sem problemas - mas você terá de fazer alguns cáculos e trabalhar com a imagem bem maior para não perder resolução.

Vamos a ele:

1. Você precisa saber quanto o seu título vai ocupar e você não precisa fazer isto às cegas: crie um retângulo ou qualquer outro objeto que possa servir como placeholder para você saber o quanto ele vai ocupar. Simplesmente anote seu tamanho. Sugestão: para descobrir o tamanho, crie o objeto em um layer separado, selecione o layer segurando Control e clicando nele. Agora olhe na paleta info o tamanho da seleção. ;-)
 
2. Multiplique esse tamanho por 4,1. O produto será o tamanho do documento que você deve criar, com resolução de 72ppi.
 
3. Isso criará o documento de tamanho perfeito. Depois que você criar o efeito, oculte a camada Background e dê um merge visible (clique no triângulo virado acima da camada layers e escolha merge visible). Agora abra seu documento em 300ppi. Volte ao de 72, sem fechar o de 300. Clique com o botão direito na camada que não é a de background, acione Duplicate layer, e escolha o nome do documento de 300 ppi. Ele terá o tamanho perfeito. Interessante, não? :)...

OK, agora vamos ao efeito em si:


 1. Crie o documento
Crie seu documento em 72 ppi e modo de cor RGB: não se preocupe muito com o tamanho, apenas se lembre que quanto mais espaço para trabalhar, melhor. Aqui usarei um documento 800x600. OBS: No final do tutorial, você verá o documento criado por completo.


 2. Configure as cores
Para começar, configure sua cor de foreground para um azul escuro. Estou usando R=0 G=0 B=200.


 3. Configure o texto
Configure seu texto com um tamanho de pelo menos 200pt. Você deve escolher a fonte - mas não use fontes muito finas nem muito grossas. Aqui usei Garamond Regular, com Anti-aliasing Smooth, 600pt. Eu estou usando o X para que você veja, no final do tutorial, os detalhes do efeito (e como eles são bonitos). Se eu usasse muitas letras, ia ficar bonito ainda - porém você iria ver menos o efeito.

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

Se quiser, sinta-se à vontade para criar o efeito com outras letras, mas assim que possível, faça com uma letra só para ver como é. OBS: Deixe uma borda na imagem. Depois use trim para cortar. ;-)


 4. Configure as cores - de novo
Agora configure a cor de foreground para um azul mais claro. Definirei aqui como "azul bebê". Nesse exemplo estou usando R=0 G=200 B=255


 5. Rotina de ajuste

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

Nesse passo você criará alguns ajustes na imagem. Depois você fará os efeitos...

1. Crie uma nova camada clicando no ícone New Layer.
2. Mantenha a tecla CTRL pressionada e clique na camada do texto. Solte-a e clique nele.
3. Vá ao menu Select > Modify > Contract e escolha 2 como valor. Clique OK.
4. Selecione o layer criado anteriormente.
5. Pinte a parte interna selecionada com a ferramenta Paint Bucket Tool.
6. Vá ao menu Filter > Blur > Gaussian Blur e escolha 5 como valor.
7. Aperte Ctrl + D para retirar a seleção.

ATENÇÃO: Estes valores são relativos. Quanto maior o tamanho do texto, maior deve ser o valor. Como a finalidade do efeito é se combinar ao seu trabalho, sinta-se à vontade para fazer os valores como quiser.

A imagem deverá ficar como a imagem acima: não se assuste com a aparência de entalhe que ela terá ...


 6. "Gelização"
Agora sim vem a parte legal. Na realidade, o que faz o efeito gel é um conjunto de Layer Effects em cima da camada desfocada. Simples, não? Mas com um belíssimo resultado.

Vamos lá:

1. Acesse o menu Layer > Layer Styles > Bevel and Emboss.
2. Mude o style para Emboss, e Depth para 300.
3. Aumente size para 12.
4. Na seção Shading, aumente Highlight Opacity para 100% e diminua Shadow Opacity para 40%.
5. Altere Shadow Mode (no menu onde está escrito Multiply) para Color Dodge e deixe Highlight Mode como está.
6. Ao lado de Highlight Mode e de Shadow Mode há dois retângulos (o de cima é branco e o de baixo é preto): altere a cor do preto para branco.
7. Prepare-se para o impacto e clique OK. =)


 7. Complementação - passo opcional

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

Essa parte é somente finalização. Definitivamente não é obrigatória, mas você gostará de ver o resultado. =)



1. Selecione a camada de cima (o topo da lista de camadas).
2.
Rasterize a camada de texto.
3. Pressione Ctrl+E para transformar tudo em uma camada só e o plano de fundo.
4. Vá ao menu Layer > Layer Styles > Drop Shadow: você pode usar as configurações padrão ou alterar para o modo que quiser.

Assim termina este efeito. Você pode usá-lo onde quiser, mas dou umas dicas:

1. Use este efeito quando for usar impressão em papel Couchée (brilhante) ou para tela (web).
2. O efeito tem um impacto melhor quando usado sobre fundo preto ou branco. Em síntese: cores sólidas ou muito claras ou muito escuras. Eu particularmente prefiro em preto...






Esse efeito é realmente legal: não só pela sua simplicidade, mas pela limpeza e design, assim como impacto visual que possui. Você pode optar por usá-lo com sombra ou preferencialmente sem sombra (para deixar que somente o efeito do "desgaste" chame a atenção). Esse é mais um dos efeitos que vai funcionar perfeitamente só em 72ppi. Mas você pode usar a mesma regra citada no início do tutorial, no efeito gel. Mais uma coisa: você deve usar letras grossas. Quando mais grossas, melhor.

Vamos ao efeito:


 1. Crie seu documento
Essa etapa é lógica. A única coisa que você deve observar aqui é a resolução (72ppi) e o modo de cor (RBG Color). Fora isso, simplesmente escolha o tamanho desejado. Mais uma vez: quanto mais espaço você tem para trabalhar, melhor. Depois você pode sempre usar Trim ou Crop. =) Aqui, mais uma vez, o tamanho é 800x600


 2. Configure seu texto
Configure seu texto: use tipos de faces grandes e grossas. Aqui uso Verdana, 50 pt, tracking -100, faux bold ligado, estilo da fonte bold. O texto usado é "BABOO". Adivinhe por quê? :-)  PS: Sim, é 50 pontos mesmo! Duvida?! O truque é simples. Depois de criar o texto, ative a camada do mesmo e pressione CTRL+T. Agora aumente à vontade! Sim, como o texto é baseado em vetores (antes de ser rasterizado), você não terá perda de qualidade ao aumentar. Você não esperava por essa, esperava? =)

PPS: Quando acabar de redimensionar, pressione ENTER.

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

 3. Crie a base do desgaste

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

Esta é - devo admitir - a parte mais chata do efeito: você terá que criar as linhas que servirão como base do desgaste. Oculte a camada de texto e crie uma nova camada e pressione SHIFT+U até que a ferramenta Line (o ícone é, naturalmente, uma linha) esteja selecionada. Digite "2 px" no campo Weight e crie um padrão de linhas aleatório. Só se lembre de manter pressionada a tecla SHIFT ao desenhar pois as linhas têm que ser retas.

Ah, sim: elas devem ocupar toda a altura da tela.

Em seguida aumente o weight para "4 px" e comece a desenhar linhas mais grossas ao lado das mais finas. (lembre-se que aqui só aparecem as linhas e não o texto porque a camada de texto está oculta, OK?)


 4. Passo intermediário de desgaste
Sim, o nome é meio estranho, mas o que você vai ter que fazer é bem fácil:

1. Mantenha pressionada a tecla CTRL e clique na camada Layer 1 (a das linhas)
2. Acesse o menu Select > Save Selection
3. Clique OK
4. Arraste a camada "Layer 1" para a lixeira, apagando-a
5.
Vá à paleta channels e clique no canal Alpha 1
6. Pressione CTRL+I para inverter  e suas linhas voltarão a ser preto sobre branco. 

 
 5. Desgastando...

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

Nada complicado: você só vai ter que aplicar uma seqüência de Filtros e alterá-los um pouco.

1. Acesse o menu Filter > Pixelate > Mezzotint...
2. No menu, escolha Coarse Dots e clique OK.
3. Pressione SHIFT+CTRL+F e na janela que aparecerá escolha Screen no menu e clique OK.
4. Acesse novamente o menu Filter > Pixelate > Mezzotint...
5. Escolha Medium Strokes no menu e clique OK.
6. Na janela que aparece, diminua Opacity para 40% e clique OK.


 6. Desgastando... (o texto)

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.

Agora você vai aplicar o desgaste criado ao texto. Isto é realmente fácil:

1. Clique na sua camada de texto a fim de ativá-la novamente.
2. Acesse o menu Select > Load Selection e escolha "Alpha 1" no menu.
3. Acesse o menu Layer > Add Layer Mask > Reveal Selection.

Pronto ! Se quiser mais alguma coisa, pode desvincular a camada de texto da máscara e usar a ferramenta Move para reposicionar o desgaste. Como passo opcional, você ainda pode aplicar uma sombra: isso dependerá somente do objetivo e da mensagem que o texto tem a função de passar. Se for de limpeza, não a use. Se for de requinte, use-a.

Bem, pessoal. Estes são os dois primeiros efeitos. No próximo tutorial você aprenderá a criar dois efeitos bem legais: Texto Divertido e Texto Cromado Brilhante Entalhado (belo nome, não?). Até lá e divirtam-se! :) ...

 

Autor original:  Rafael Almeida (com pequena correção de Spectro®)
Direitos Autorais:  BABOO

 



Mais Notícias desta Área

Últimas Notícias
 
 Software  |  Hardware  |  Segurança  |  Tecnologia  |  Tutoriais  |  Download  |  Web  | Desenvolvimento  |  Fórum 
 Mundo Corporativo  |  Carreira  |  Mercado  |  Telecom  |  Servidores  |  Tecnologia 
    BABOO é um site brasileiro de TI focado em informática, tecnologia, software,hardware, tutoriais e downloads, e soluções de dúvidas através do nosso fórum.