Máscara de animación de transición
10 Comentario 29 de diciembre 2008
Resumen
En este tutorial aprenderemos a crear un efecto, cuando las partes del MovieClip se están desvaneciendo in diferentes partes del MovieClip será enmascarado y aparecen de manera diferente. Además, puede controlar el tamaño de las partes y la velocidad de la decoloración.
Ver el efecto a continuación:
Requisitos
Flash 8, Flash CS3 o Flash CS4.
2 imágenes (en este caso 550 × 400, las imágenes disponibles en el tutorial de archivo zip)
Nota: La captura de pantalla en este tutorial está hecho en Flash CS3. Funciona exactamente de la misma en Flash 8 y Flash CS4. Este tutorial es ActionScript 2 (aunque no de ActionScript es necesario).
Paso 1 - Instalar el componente de efecto
Descargue el efecto de la transición máscara de aquí. Por favor, siga las instrucciones de instalación y arrastre el componente desde el panel de componentes en la biblioteca de su archivo. FLA.
Paso 2 - Importación de imágenes
Importar una imagen [Ctrl-R] o "File" -> "Importar" -> "Importar en el escenario ...".
Seleccione la imagen y convertirla en F8 un [MovieClip prensa] o haga clic derecho sobre el movieclip -> "Convertir en símbolo ...". Dar el movieclip el nombre de "imagen".
Paso 3 - Colocar MovieClip imagen y el componente efecto en el escenario
Cambie el nombre de la capa donde la imagen de MovieClip se coloca a la "imagen". Crear una nueva capa, el nombre "efecto" y seleccionar el primer cuadro (el nombramiento de las capas es sólo para mantener las cosas en orden, usted puede salir de la capa de nombres por defecto o elegir otro nombre).
Dar el movieclip el nombre de instancia "my_image" (Usted puede elegir un nombre diferente si lo desea. Asegúrese de que el nombre de la instancia es única). Sin un nombre de instancia, el componente no es capaz de detectar el movieclip.
Seleccione el primer fotograma de la capa de "efecto". Arrastre el efecto de transición máscara de su biblioteca en el movieclip imagen en el escenario. El componente se ajustará automáticamente a la esquina superior izquierda de la imagen de MovieClip.
Paso 4 - Ajustar la configuración
Haga clic en el componente y abra el panel inspector de componentes [presione SHIFT-F7] o "Ventana" -> "Inspector de componentes". En la lista de "Objetivo movieclip", seleccione "my_image" debe ser seleccionado. Todos los clips de película con los nombres de instancia en este marco se enumeran en la lista de "Objetivo movieclip" seleccionar. Dado que sólo tiene un MovieClip, el componente se supone que desea aplicar el efecto sobre el my_image "MovieClip". Por el momento abandonar el escenario como este. Exportar la película de destello [pulse Ctrl-Enter] o "comando" -> "Probar película" y verá que aparece la imagen.
Paso 5 - Agregar imagen de fondo
Si usted quiere tener una transición de una imagen a la otra, tiene que poner una imagen en el fondo. Repita el paso 2 para crear otra imagen de MovieClip, crear una nueva capa, el nombre "fondo" y poner el clip de película que acaba de crear. Exportar la película de destello [pulse Ctrl-Enter] o "comando" -> "Probar película" y la primera vista es la imagen de fondo y luego la imagen se desvanece MovieClip in
Paso 6 - Configuración de variantes
El parámetro son principalmente muy describir, pero tienen una mirada más cercana a la lista de "Animación Mode" seleccione. Ver todos los modos de animación aquí. Utilice la configuración de la siguiente captura de pantalla y prueba de la película.
Juega un poco con los ajustes. Encontrar una parte, que se adapte a sus exigencias.
Descargar
Haga clic aquí para descargar el archivo. Fla de este tutorial. Nota: El archivo. Fla incluye la versión de prueba del componente de efecto, que sólo funcionan en el IDE de Flash (Flash 8, Flash CS3 o Flash CS4), pero no dentro del navegador.
También puede descargar el efecto de la transición máscara de aquí.
Aquí usted puede encontrar un vídeo tutorial de cómo aplicar un efecto diferente.













10 Comentarios
Buen trabajo
BUEN TRABAJO Wallah ... ... ... ... THANKS YOU
Éstos son sólo 2 imágenes, pero funciona este efecto con varias imágenes en una fila, i cant hacer que funcione ... ..
Hola Ronny,
Por favor, descargue la versión de prueba del efecto aquí.
http://www.flash-filter.net/mask-transition-effect-download.phtml
Dentro de la download a encontrar un timline_demo.fla. De acuerdo con esa estructura se puede aplicar como imágenes de todo lo que quieras.
Hey, muchas gracias
Hola
ya que es bueno
thx mucho
Me encanta el efecto, sin embargo, tengo un proyecto que requiere una forma de la máscara. Dentro de la forma de la máscara que necesito tener un pase de diapositivas con transiciones de, digamos, unos 8 o 10 imágenes. Sus componentes pueden hacer esto? O lo que sería el mejor escenario?
Gracias,
Monte
Hola Monte,
Por favor, consulte la siguiente: # http://www.flash-filter.net/effect-component-faq.phtml cpid599
saludos cordiales
Aron
hola. sus obras tutorial. pero cuando traté de ejecutar el archivo swf, había un mensaje le pide ans dijo:
"Que el archivo SWF está tratando de comunicarse con esta habilitado para Internet Ubicación: http://www.flash-filter.net"
¿Qué debo hacer para que el archivo swf se ejecutará?
gracias.
¿Cuáles son los ejemplos de cinta de animación? gracias!
Escriba un comentario
3 trackbacks y pingbacks
[...] Leer completo tutorial [...]
[...] Vielleicht hilft dir das weiter: animación de transición Mask - Cool Tutoriales Efecto Flash! [...]
[...] Http://flash-effects.com/tutorial-mask-transition-animation/ [...]