Br-Design


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1
 Mazeko

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

[Tutorial] - Efeito 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.

[Tutorial] - Efeito Web 2.0 Imagem2

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

[Tutorial] - Efeito Web 2.0 Imagem3

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

[Tutorial] - Efeito 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.

[Tutorial] - Efeito 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.

[Tutorial] - Efeito 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.

[Tutorial] - Efeito 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.

[Tutorial] - Efeito 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.

[Tutorial] - Efeito 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.

[Tutorial] - Efeito Web 2.0 Imagem10

site de origem: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Tradução: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

http://www.br-design.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]


Permissões neste sub-fórum
Não podes responder a tópicos