Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


FORUM - Índice
 
InícioInício  PortalPortal  Últimas imagensÚltimas imagens  ProcurarProcurar  RegistarRegistar  Entrar  

 

 Efeito de texto web 2.0

Ir para baixo 
AutorMensagem
vtXis
Administrator
Administrator
vtXis


Número de Mensagens : 491
Data de inscrição : 14/05/2008

Efeito de texto web 2.0 Empty
MensagemAssunto: Efeito de texto web 2.0   Efeito de texto web 2.0 EmptySex Mar 06, 2009 5:38 am

Descrição: Efeito glossy com reflexo muito usado em logos web 2.0.

01. Pressione Ctrl+N para criar um novo documento e defina os valores abaixo.

Efeito de texto web 2.0 Imagem1

02. Escolha a cor #c7d9ff e pressione a Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Efeito de texto web 2.0 Imagem2

03. Agora vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

Efeito de texto web 2.0 Imagem3

04. Sua palavra já deve estar como a da foto abaixo.

Efeito de texto web 2.0 Imagem4

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto na paleta de layers para ativar a selecção ao redor do texto criado, agora vá em Select> Modify> Contract, defina o valor de 1 pixel e pressione Ok, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e com a tecla Alt pressionada crie uma seleção da metade para baixo das letras afim de retirar a seleção nesta área, ficaremos apenas com a seleção da parte superior das letras.

Efeito de texto web 2.0 Imagem5

06. pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, pressione a letra G do teclado para selecionar a Gradient Tool e clique no gradiente de amostra que existe na barra de opções da ferramenta, escolha o segundo gradiente que vai do branco para o transparente e pressione Ok.

Efeito de texto web 2.0 Imagem6

07. Clique na layer que criamos e com a tecla Shift pressionada clique no topo e arraste até a base da seleção para criar um gradiente como na foto abaixo, pressione Ctrl+D para retirar a seleção.

Efeito de texto web 2.0 Imagem7

08. Agora clique na layer Background e vá em Layer> Hide Layers, clique na layer que estiver no topo da paleta de layers e pressione Ctrl+Shift+Alt+E para mesclar todas as layers em uma nova layer, vá em Edit> Transform> Flip Vertical e mova a cópia da layer para a parte de baixo do texto, clique novamente na layer Background e vá em Layer> Show Layers.

Efeito de texto web 2.0 Imagem8

09. Clique na layer copiada e defina a opacidade em 30%, pressione a letra E do teclado para selecionar a Eraser Tool e defina os valores abaixo.

Efeito de texto web 2.0 Imagem9

10. Passe na parte de baixo do efeito para criar o reflexo da palavra, ao final seu efeito estará como o da imagem abaixo.

Efeito de texto web 2.0 Imagem10
Ir para o topo Ir para baixo
https://internetativa.forumeiros.com
 
Efeito de texto web 2.0
Ir para o topo 
Página 1 de 1
 Tópicos semelhantes
-
» Efeito de texto web 2.0
» Efeito de texto God Of War.
» Efeito de texto do jogo Diablo III.
» Texto Cromado.
» Texto em Chamas.

Permissões neste sub-fórumNão podes responder a tópicos
 :: Design , Tutoriais e Video Aula-
Ir para: