Máscara de animación de transición
11 Comentarios 29 de diciembre 2008
Resumen
En este tutorial aprenderás cómo crear un efecto, donde las partes del MovieClip se están desvaneciendo pulg diferentes partes del MovieClip se aparecen enmascarados y diferente. Además, puede controlar el tamaño de las piezas y la velocidad de la decoloración.
Véase el efecto a continuación:
Requerimientos
Flash 8, Flash CS3 o Flash CS4.
2 imágenes (en este caso 550 × 400, las imágenes disponibles en el archivo del tutorial zip )
Nota: La captura de pantalla en este tutorial está hecho en Flash CS3. Funciona exactamente igual en Flash 8 y Flash CS4. Este tutorial es ActionScript 2 (aunque no se requiere de ActionScript).
Paso 1 - Instale el efecto de componentes
Descargue el efecto de transición Máscara aquí . Por favor, siga las instrucciones de instalación y arrastrar el componente desde el panel de componentes en la biblioteca de su archivo. fla.
Paso 2 - Importar imagen
Importar una imagen [pulse Ctrl-R] o "File" -> "Importar" -> "Importar en el escenario ...".
Seleccione esta imagen y convertirla en una] MovieClip [presione F8 o haga clic derecho en el clip de película -> "Convertir en símbolo ...". Dar el movieclip el nombre de "imagen".
Paso 3 - Coloque la imagen y el efecto de componentes MovieClip en el escenario
Cambiar el nombre de la capa donde la imagen se coloca a MovieClip "imagen". Crear una nueva capa, el nombre "efecto" y selecciona el primer cuadro (el nombramiento de las capas es sólo para mantener las cosas en orden, puede dejar el valor por defecto capa de nombres o elegir otros nombres).
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 la biblioteca de la imagen en el clip de película en el escenario. El componente se ajustará automáticamente a la esquina superior izquierda del clip de película de la imagen.
Paso 4 - Ajuste el nivel
Haga clic en el componente y abra el inspector de componentes del panel pulse el botón [SHIFT-F7] o "Window" -> "Inspector de componentes". En el "Target MovieClip" lista de selección "my_image" debe ser seleccionado. Todos Movieclips con nombres de instancia en este marco se enumeran en el "Target MovieClip" lista de selección. Dado que sólo tiene un clip de película, el componente se supone que desea aplicar el efecto sobre el movieclip "my_image". Por ahora deje el valor de esta manera. Exportar la película flash [pulse Ctrl-Enter] o "comando" -> "Test Movie" 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, se necesita poner una imagen en segundo plano. Repita el paso 2 para crear otra imagen MovieClip, crear una nueva capa, el nombre "fondo" y poner el clip de película que acaba de crear allí. Exportar la película flash [pulse Ctrl-Enter] o "comando" -> "Probar película" y lo primero de encontrar la imagen de fondo y luego el clip de película de la imagen se está desvaneciendo pulg
Paso 6 - Configuración de variantes
El parámetro que describe son en su mayoría sí, pero tienen una mirada más cercana a la "Animación modo de" lista de selección. Vea todos los modos de animación aquí . Utilice la configuración de la siguiente captura de pantalla y probar la película.
Juega un poco con los ajustes. Encuentra el que se ajuste a sus demandas.
Descargar
Haga clic aquí para descargar el fla. de este tutorial. Nota: El archivo. Fla incluye la versión de prueba del componente del efecto, que sólo funciona en el IDE de Flash (Flash 8, Flash CS3 o CS4 Flash), pero no dentro del navegador.
También puede descargar el efecto de transición Máscara aquí .
Aquí usted puede encontrar un vídeo tutorial de cómo aplicar un efecto diferente.













11 Comentarios
Buen trabajo
BUEN TRABAJO wallah ... ... ... ... Muchas Gracias
Éstos son sólo 2 imágenes, pero funciona este efecto con varias imágenes en una fila, no puedo 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 del zip de descarga 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 tengo que tener un pase de diapositivas con transiciones de, digamos, unos 8 o 10 imágenes. ¿Pueden los componentes de hacer esto? O lo que sería el mejor escenario?
Gracias,
Monte
Hola Monte,
por favor lee este: # http://www.flash-filter.net/effect-component-faq.phtml cpid599
saludos cordiales
Aron
hola. el tutorial funciona. pero cuando traté de ejecutar el archivo swf, había un mensaje le pide ans dijo:
"Que el archivo SWF está intentando comunicarse con esta habilitada para ubicación de Internet: 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!
Los ejemplos están comprendidas en el zip de descarga: http://www.flash-filter.net/mask-transition-effect-download.phtml
Escriba un comentario
3 Trackbacks y Pingbacks
[...] Leer tutorial completo [...]
[...] Vielleicht hilft dir das weiter: Máscara de Transición Animación - Cool Tutoriales Efecto Flash! [...]
[...] http://flash-effects.com/tutorial-mask-transition-animation/ [...]