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

Oi de novo, pessoal! No último tutorial você aprendeu a criar dois efeitos de texto em Photoshop: Efeito Gel e Texto Desgastado. Agora, como prometido, você vai aprender a criar outros dois: Texto Divertido e Texto Cromado Brilhante Entalhado (novamente um belo nome, não?) ...

15/08/03h

Diminuir o tamanho das letras Aumentar o tamanho das letras

Oi de novo, pessoal! No último tutorial você aprendeu a criar dois efeitos de texto em Photoshop: Efeito Gel e Texto Desgastado. Agora, como prometido, você vai aprender a criar outros dois: Texto Divertido e Texto Cromado Brilhante Entalhado (novamente, um belo nome, não?). OK, OK. Você quer ir logo ao primeiro. Pois não, o cliente tem sempre razão:
 


Este efeito é ótimo para trabalhos destinados ao público infantil. Na realidade o jogo de efeitos é bem simples, e o que vai dar o ar de diversão ao seu texto serão:

1. A fonte que você escolher
2. As cores que você escolher

Bem, suponho que não seja necessário que eu explique a você o que é uma fonte divertida, mas quanto as cores a dica é só uma, e seguindo-a você achará a chave do sucesso em Photoshop (ok, ok, eu me empolguei, mas eu tinha que fazer você se entusiasmar...). E não é difícil: use sempre cores quentes. Basicamente, elas são os extremos da escala RGB. Cores como 255 0 0 ou 255 255 0 funcionam muito bem.

A minha dica é que você pegue um papel antes de começar e escreva seu texto, definindo (pode ser escrito mesmo, não precisa roubar os lápis de cor do estojo do seu filho) as cores que você vai usar. Quando estiver de fato criando o texto (normalmente um logo), veja como ficou e faça as mudanças necessárias.

Duas dicas de combinação:

- Vermelho, azul e amarelo ficam bem em seqüência.
- Nunca ponha amarelo e laranja em letras adjacentes.

Bem, o resto você vai descobrindo por experiência... Agora vamos ao último aviso: mais uma vez, este efeito tem um resultado perfeito somente em 72 ppi. Na parte 1 desta série eu expus uma técnica para usar imagens 72ppi sem perda de qualidade em documentos de 300ppi. Vale a pena ler.

OK, agora vamos ao efeito:

 1. Crie o documento
Como você já deveria saber, o tamanho vai depender do seu projeto. A resolução é 72 ppi e o modo de cor RGB. Aqui estou usando 800x600x72 em fundo branco.

 2. Configure o texto
A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.Como já foi dito antes, a fonte e a cor darão o ar de diversão ao seu texto. Aqui usei Comic Sans MS. O tamanho é de 50pt, mas usei Free Transform para aumentar até chegar a um tamanho interessante.

Bem, não tem mais nada o que fazer aqui. Lembre-se somente da história fonte x cor.

 

 


 3. De uma única vez
A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.
Neste passo nós vamos aplicar os efeitos. Uma combinação de 4 Layer Effects. Sabendo que eles não são complicados, vamos mandar todos de uma vez só:

Menu Layers>Layer Styles>Drop Shadow.

1. Configure distance como 8 e desmarque Use Global Light. Clique nas palavras Bevel and Emboss, no lado esquerdo da tela.

2. Configure Depth para 160%, size para 9 e soften para 7.

3. Na seção shading, configure Angle para 174º e Altitude para 39º. Aumente opacity de hightlight para 87% e reduza opacity de shadow para 37%. (sim, eu sei. Os números são exatos assim mesmo.)

4. Clique na caixa de marcação (não na palavra) Contour abaixo da palavras "Bevel and Emboss" selecionadas. Isto fará as bordas do entalhe serem mais visíveis.

5. Clique na palavra Satin do lado esquerdo da tela.

6. Configure Opacity para 10%, e angle para 59. Distance:1; Size:250. Abra o menu de contour e escolha o Half Round (deixe o mouse sobre o contorno para ver seu nome). Clique na palavra Stroke (a última da lista).

7. Configure Size para 7 (este valor vai depender do tamanho do documento, quanto maior, maior.) e Opacity para 82%.

8. Na caixa Fill Type, escolha Gradient e clique na miniatura do Gradiente atual para abrir o Gradient Editor. Clique no triângulo virado acima das miniaturas de gradientes da janela Gradient Editor, escolha Metals e então Append. Escolha agora o gradiente Silver (o anti-penúltimo).

9. Clique OK na janela do gradient editor.

10. Por fim ... configure Angle para 35º, escolha a opção Reflected no menu Style, desmarque Algin With Layer e configure Scale para 58%. Clique OK e... divirta-se!

 4. Distorção - passo opcional
Este passo é opcional e nem um pouco necessário para que o efeito funcione. Mas, para dar um ar de divertido ao texto, eu o recomendaria.

1. Aplique Rasterize à camada de texto (clique com o botão direito do mouse na sua camada de texto na paleta layers e escolha Rasterize Layer)

2. Use a ferramenta Rectangular Marquee para selecionar uma letra individualmente. A seleção não precisa ser exata, apenas não pode atingir outra letra.

3. Pressione Ctrl+Shift+J.

4. Pressione CTRL+T para abrir Free Transform, gire a letra à vontade, e pressione ENTER(RETURN).

5. Volte à penúltima camada (a que contém o resto das letras) e repita os passos de 1 a 4.

 5. Conclusão e dicas
A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.Sua imagem deve ficar assim depois de terminados os passos. Você deve ter notado que o padrão do gradiente mudou. E mudou mesmo, pois eu o mudei. Usei um padrão regular Cinza>Branco e repita até o final.

Isto significa que você não precisa ficar preso ao padrão Silver do passo 3. Solte sua imaginação e se quiser, ponha um gradiente colorido! Afinal, cor é diversão, e este é um "Texto Divertido".



 


Este possivelmente será o efeito mais simples da série. Eu disse simples - e não feio! (ok, eu sei que fui muito sucinto, mas todo mundo sabe que quando se croma alguma coisa, se dá a ela uma sensação de modernidade, beleza, sofistificação e tudo mais...). Como não tem nada para falar, vamos ao efeito:

 1. Crie seu documento
O tamanho você escolhe, a resolução é 72ppi, o modo de cor é RGB (estou usando 800x600 como tamanho). Hey! Você já sabia disso, não?

 2. Configure seu texto
A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.
É, eu sei que os nomes estão ficando muito iguais, mas... fazer o quê?!
Estou usando Jokerman LET, 50px, e com Free Transform para aumentar. (Certo, o normal seria usar esta fonte no efeito acima, mas como ela tem mais detalhes, preferi usar neste...)

Lembre-se que para o texto funcionar bem, deve ter um tamanho de pelo menos 200pt. Nos valores que darei no passo seguinte, pressuponho que seu texto esteja entre 200-300pt.



 3. Oficina de cromagem

A sua imagem deve estar assim (ou pelo menos parecida) ao terminar este passo.
Você vai aplicar três estilos de camada que irão cromar o texto. Bem, eu disse que era fácil:

1. Menu Layers>Layer Styles>Satin. Blend mode: screen, cor preta. Distance 14 e Size 7. Angle 19º. Countour "Ring".

2. Clique nas palavras Bevel and Emboss. Depth 271%, size 5. Highlight mode: Normal, branco. Highlight opacity: 100%. Shadow mode: Normal, branco. Shadow opacity: 55%. Gloss Contour: cone.

3. Clique na palavra Drop Shadow. Mude size para 8. Pronto.

Vendo assim você não acha muita graça. Este efeito depende de onde você vai colocá-lo. Se colocar sobre fundo preto, tire a sombra. Se colocar sobre um fundo de imagem, tente clarear a imagem em uns 50%.

Ah, você quer ver a beleza do efeito mais imediatamente? Clique na imagem acima.

Estes são os efeitos "do meio". Devo admitir, os mais fáceis. Mas, se você está lendo esta série como um desafio, na próxima e última parte você terá dois efeitos incríveis e cada um deles será mais complicado que toda a soma destas duas partes antes. São eles: Douragem de letras individuais e o outro ... bem ... este é uma surpresa.

(se você não tem muita experiência em Photoshop, não se preocupe: você conseguirá fazer os efeitos mesmo assim. Mas vai demorar mais poque você terá que pegar um pouco de prática antes de tudo.)

Até mais pessoal! Vejo vocês, ou melhor, vocês lêem o que eu escrevo na próxima parte ou em algum outro tutorial meu no site!

 

 
Autor original:
 Rafael Almeida
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.