Sombra e água fresca
Quarta, 8 de Agosto de 2007Depois de um looongo tempo sem escrever nesse blog, vou soprar a poeira e postar algo novo.
E, mudando de assunto, algo sobre o Fireworks!
Esse efeito de sombra fica muito legal em web sites e pode ser criado como o fundo das fotos (com CSS), evitando ter que ficar aplicando em imagem por imagem.
Para o efeito são necessários três objetos:
1 - A foto (por cima de tudo)
2 - Um retângulo branco - a borda da foto
3 - um retângulo cinza - a sombra “transada”

Vamos aos passos:
1 - Criar um novo documento, no exemplo com 500x350
2 - Importar uma foto qualquer (nesse caso uma em formato horizontal)
3 - Desenhar um retângulo branco, sem contorno e aproximadamente 30px maior do que a foto (em ambas as direções)
4 - Mover o retângulo para baixo da foto.
5 - Copiar e colar o retângulo branco.
6 - Trocar sua cor para cinza.
7 - Clicar com a seta branca (seleção direta) num dos pontos das arestas do retângulo cinza. Responda que concorda em desagrupar.

8 - Com a ferramenta de caneta, insira um novo ponto na parte de baixo da sombra, criando uma curva (como na figura).

Faça o mesmo na parte de cima.
9 - Modifique a borda do retângulo cinza para “enevoar”. Em inglês é Feather.

10 - Prontinho!

Agora é fácil aproveitar essa borda, mudando apenas a imagem do topo.
Fica legal montar várias fotos, como no exemplo abaixo.

Boa sorte!