Sombra e água fresca

Depois 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”
[img:p1.jpg,full,vazio]

Vamos aos passos:
1 – Criar um novo documento, no exemplo com 500×350
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.
[img:tela_alerta.jpg,full,vazio]
8 – Com a ferramenta de caneta, insira um novo ponto na parte de baixo da sombra, criando uma curva (como na figura).
[img:sombra.jpg,resized,vazio]
Faça o mesmo na parte de cima.
9 – Modifique a borda do retângulo cinza para “enevoar”. Em inglês é Feather.
[img:sombra2.jpg,resized,vazio]
10 – Prontinho!
[img:pronto1.jpg,resized,vazio]

Agora é fácil aproveitar essa borda, mudando apenas a imagem do topo.
Fica legal montar várias fotos, como no exemplo abaixo.
[img:pronto2.jpg,resized,vazio]
Boa sorte!