Flash Tutorials Cool Effect!

Resumo

Neste tutorial, vostede aprender a crear un reflexo de auga para aplicar nun Movieclip movemento.

Aquí o resultado final:

Requisitos

Flash 8, Flash CS3 ou Flash CS4.

Nota: As imaxes nese tutorial fanse en Flash CS3. Funciona exactamente da mesma en Flash 8. Este tutorial é ActionScript 2 (ActionScript Aínda que non sexa obrigatorio).

compoñente Paso 1 - Instala o efecto

Baixo o efecto da auga Reflexión aquí . Por favor, siga as instrucións de instalación e arrastra o compoñente do panel de compoñentes para a biblioteca do seu arquivo. fla.

Paso 2 - Crear un pato Movieclip

Importar o pato [imaxe preme Ctrl-R] ou "File" -> "Importar" -> "Importar" no escenario ... ". Asegúrese de que a imaxe é un pato. PNG con fondo transparente.

Seleccione a imaxe e convertela en un [Movieclip] presionar F8 ou prema co botón dereito sobre o MovieClip -> "Converter en símbolo ...". Deixa o Movieclip o nome "Pato".

Paso 3 - Crear un Movieclip Animación

Crear un novo Movieclip con [preme Ctrl-F8] ou Inserir -> "Novo símbolo ...". Nome este Movieclip animación ".

Arrastra o Movieclip Pato da súa biblioteca para o primeiro cadro na liña do tempo. Agora prema na recadro 60 e cree un novo keyframe preme [F6] ou co botón dereito e "Insert Keyframe".

Prema no marco clave recén criada e selecciona a Movieclip Pato na pantalla. Agora, move este Movieclip coas teclas do cursor á dereita (digamos 100px). Podes consultar a nova posición no taboleiro de información.

Voltar para o primeiro cadro clave do programa. No panel de propiedade tween selecciona: "Motion". Se fai clic en algún lugar na liña do tempo agora, podes ver que o pato Movieclip está movendo de esquerda a dereita.

Paso 4 - Inserta Movieclip animación na Timeline principal

Agora prema en "Scene 1" para voltar á Timeline principal. Se o Movieclip Pato aínda está alí, eliminar-lo.

Move o movieclip da animación da súa biblioteca para o primeiro marco da Timeline.

Establece o nome da instancia do MovieClip para "animation_mc" (pode escoller un nome diferente, se o desexa. Asegúrese de que o nome da instancia é única). Sen un nome de instancia, o compoñente é capaz de detectar o MovieClip.

Paso 5 - Aplique o efecto de compoñentes

Crea unha nova capa, selecciona o primeiro marco e arrastra o compoñente a partir da súa biblioteca para o Movieclip animación. O compoñente ha axustar automaticamente.

Define o parámetro do compoñente dentro do panel inspector compoñentes como na imaxe. Movieclips Todos con nomes de instancia neste cadro se listan na sección "target Movieclip lista selecciona". Desde que ten só un Movieclip, o compoñente asume que quere aplicar o efecto sobre o Movieclip "animation_mc".

Nota: Estas opcións son aplicadas soamente a esa instancia dun compoñente de efecto. Se chamar o compoñente noutro movieclip (noutro lugar dentro do fla. Ou nun novo proxecto) ten que definir as opcións de novo.

Agora exportación (preme [Ctrl-ENTER] ou ...). Vai ver que a cabeza do Pato é cortado de algunha maneira. Isto porque o compoñente ten exactamente o tamaño do Movieclip Pato. Pero dende que a onda de reflexión pode aumentar o tamaño non vai caber máis nada.

Paso 6 - Axuste de animación Movieclip

Para corrixir iso, vostede pode introducir unha forma invisible no fondo do Pato Movieclip, que o tamaño por riba do Movieclip un pouco.

Voltar para o MovieClip Pato premendo dúas veces na súa biblioteca.

Crea unha nova capa de abaixo da capa de interpolación.

Seleccione a ferramenta rectángulo e deseñou unha forma con o ancho do Pato. A altura debe ser un pixel pouco maior que o pato (preto de 10 píxeles). Pode axudar a definir o contorno icona na liña do tempo, para ver só as dimensións da imaxe Pato.

Coa forma seleccionada abra o panel de cores e define o alpha a 0.

Cando probar o seu filme agora, podes ver que o reflexo é aplicado sobre o pato burato.

Paso 6 - Engadir imaxes de fondo

Crea unha nova capa de abaixo da capa coa animación ea compoñente. Importar unha imaxe que corresponden. Agora podes cambiar a posición do movieclip animación para axusta-la co fondo.

Descargar

Prema aquí para baixar o arquivo FLA dese tutorial. Nota: A. Fla inclúe a versión de proba do compoñente de efecto, que só funcionan no IDE de Flash (Flash 8, Flash CS3 ou Flash CS4), pero non dentro do navegador.

Tamén pode descargar o efecto da auga Reflexión aquí .