IMAGEM REFLECTIDA NA ÁGUA
Introdução
Vamos criar a imagem de um carro reflectida na água.
Quando uma imagem é reflectida na água com ondulação o reflexo não é nítido, varia com as ondas.
Aqui a variação é conseguida através de desfasamentos de posição de imagens, conseguidas com uma Mask Layer animada, cuja Mask simula as ondas a partir de um epicentro.
Influenciadas por esta Mask Layer estão três Layers, uma com a imagem do carro espelhada e duas com gradientes de transparente para branco que tornam a imagem do carro menos nítida.
Abaixo de todo o conjunto das layers influenciadas pela mask estão mais três, uma com o carro e mais duas com gradientes, também de transparente para branco, com desfasamentos, em relação ás três acima, de alguns pixeis.
Na progressão da animação, a Mask vai exibindo as imagens que estão sob a sua influência e onde não está a Mask, são exibidas as imagens que estão abaixo deste conjunto.
Características Básicas Frame Rate: 12 fps
Stage Dimensions: 550px X 400px Background Color: branco (#FFFFFF)
Tutorial
Abrir o Flash 5 e criar novo documento, para isso seleccionar File > New (Ctrl+N). Necessitamos agora de configurar o nosso Movie para isso fazer Modify > Movie (ou Ctrl+M) e será exibida uma janela com as propriedades do Movie. Aqui colocar as dimensões Movie para, largura (width) 550px, altura (height) 400px e frame rate 12 e a cor do background em branco (#FFFFFF).
Após isto podemos começar a criar a animação.
Começar por importar a imagem que queremos ver reflectida na água, para isso fazer File > Import e escolher a imagem carro.png. (que se encontra no Cd) A imagem vai directamente para a área de trabalho e para a Libraria, mas neste momento ainda não é necessária, por isso podemos apagar a imagem.
Criar um novo symbol, fazer Insert >New Symbol (Ctrl + F8), no nome colocar "conjunto final" e escolher MovieClip para beahvior.
Dentro do MovieClip "conjunto final" clicar duas vezes em cima do nome da única layer que existe e dar o nome "carro". A seguir arrastar a partir da Library (Ctrl+L) o symbol "carro.png" para a área de trabalho, fazer Window > Panels > Info (Ctrl + Alt +I) e alterar os valores de x e y para -134.3 e -105.9 respectivamente.
Seleccionar a frame 25 e pressionar F5.
Para criarmos o efeito de ondulação vamos abrir no Cd o Fla "agua.fla", seleccionar todas as frames e com o botão direito do rato escolher "Copy Frames".
Voltamos para o nosso Movie e dentro do symbol "conjunto final" criar uma nova layer por baixo da existente com o nome de ondulação.
Seleccionar as frames de 1 a 25 e fazer "Paste Frames".
Criar nova layer a baixo da "ondulação" e dar o nome "gradiente radial".
Seleccionar a primeira frame desta layer e criar um rectângulo sem linha exterior. Na janela Info (Ctrl + Alt +I) alterar os valores da largura (W) para 360px, da altura (H) para 200px e das posições X e Y para -191 e -13 respectivamente.
Fazer Window > Panels > Fill, novamente Window > Panels > Mixer. Na janela Fill escolher Radial Gradient, depois disto escolher as cores do gradiente, a primeira cor será branco(#FFFFFF) com alpha 0% e a segunda branco (#FFFFFF) com o alpha a 100%, as cores escolhem-se na janela Mixer.
Depois do gradiente preparado aplicar no rectângulo, seleccionando a ferramenta Paint Bucket Tool (K) e picando na coordenada x= -14.9, y= -248.8, o gradiente aplicado nesta coordenada é essencial para o sucesso final. Comparar o resultado da aplicação do
gradiente com a imagem seguinte, para isso mude a cor do Movie de branco para azul (#0000FF).
Criar uma nova layer e dar-lhe o nome "gradiente radial B" em baixo de todas as layers..
Seleccionar todas as frames da layer "gradiente radial" clicar com o botão direito do rato em cima delas e escolher Copy Frames.
Na layer "gradiente radial B" seleccionar o mesmo numero de frames copiadas anteriormente, clicar com o botão direito do rato em cima delas e escolher Paste
Frames. Seleccionar a primeira frame e na janela Info (Ctrl + Alt + I) alterar o valor de x de -191 para -188.
Inserir nova layer abaixo da "gradiente radial", dar-lhe o nome "gradiente linear" e desenhar um rectângulo sem contorno e preenchido com o mesmo gradiente.
Medidas: largura (W) 374, altura(H) 200 e posicionar em X = -200 e Y = -18.
Inserir uma nova layer acima da "gradiente radial B" dar-lhe o nome "gradiente linear B", seleccionar 25 frames e colar as frames copiadas anteriormente.
Criar uma nova layer abaixo da "gradiente linear" e chamar "carro espelho". Arrastar da janela Library o Symbol "carro.png", fazer Window " Panels ""Transform e espelhar 180º vertical.
Posicionar a imagem em X= -132.5 e Y= -11.1. Copiar todas as frames desta layer.
Criar nova layer abaixo de todas e dar-lhe o nome "carro espelho B". Seleccionar até á frame 25 e colar as frames copiadas anteriormente. Seleccionar a primeira frame e na janela Info alterar os valores de X e Y para -133 e -11.6 respectivamente.
Clicar com o botão direito do rato em cima da layer "ondulação" e escolher Mask.
Imediatamente esta layer fica com uma seta para baixo e a layer abaixo com uma para a direita. Mantendo a actual ordem passar as layers "gradiente linear" e "carro espelho" para dentro da layer Mask.
No fim as layers deverão ter este aspecto.
Agora voltar á scene1 e na Library arrastar o Symbol "conjunto final" para a área de trabalho e devará ter algo como isto.
