Este tutorial te enseñara a animar un objeto (logo, imagen, texto, etc). de una forma tridimencional.
Podras utilizar este tipo de efectos en un banner o intro para tu web/blog.
Recuerda que solo podras animar este efecto con la version CS4 de flash; versiones anteriores como cs3, flash 8 entre otras no se podran usar.
Sin duda alguna este efecto te encantara. En este tutorial aprenderemos a crear y animar una especie de humo utilizando Photoshop y Flash cs3.
Un aviso. El efecto no se puede hacer con Macromedia flash 8 ni versiones anteriores, ya que con esas versiones no se pueden exportar los archivos *PSD.
Ahora solo disfruta del videoTutorial.
Producto Final
Click aquí para descargar la animación.
En este tutorial veremos como crear y animar un efecto de una gota cayendo en Flash.
Para poder seguir los pasos del tutorial no es necesario tener el ultimo flash(CS4).
Podras hacer el efecto con cualquier version de Flash.
Espero que disfrutes del tutorial dividido en 2 partes:
Posted by PepeX 13:11
Category: efectos , manual-flash , mascaras , tutorial , video
Hoy traigo un nuevo tutorial de como hacer una animación muy llamativa con la Opción " máscara".
Este tutorial ya lo hemos visto, ya que yo he publicado un tutorial de como hacer lo mismo(aquí el enlace),solo que ese tutorial lo hice escrito, y el que les traigo hoy es en video.
Acontinuación el tuto:
Producto Final:
Posted by PepeX 18:16
Category: colores , efectos , manual-flash
El efecto o tip que les traigo Hoy, consiste en animar un texto, dibujo, etc, con el efecto de que aparesca de una forma chica y poco a poco Vaya creciendo.
He aquí les dejo una muestra de lo que me refiero:
Pues para hacer este tipo de Efecto tenemos que crear un nuevo documento de Flash y Escribir un texto o dibujar algo, puedes hacer lo que sea.Luego selecciona por completo el Objeto con el que haremos el efecto y Presiona la Tecla "F8" y te saldra una ventana en la cual habra una lista de opciones tu daras Click a: Movie Clip o Clip de Película y le pondras el Nombre como deseas llamar a el Símbolo que estamos creando.
Luego le daras Click al Fotogramas "10" y presionaremos la tecla "F6".Ahora le Daremos click al Fotograma "1" y con la Herramienta seleccionadora lo Achicaremos lo más que podamos.Luego dale click derecho al fotograma "1" y presiona la opción Crear Interpolación de Moviemiento o si estas en la Ultima versión de Flash(cs4) presiona la opción Crear interpolación clásica.
Ahora agregaremos unos cuantos fotogramas más a la animación, esto se hacer que para cuando llege nuestro Objeto a su tamaño original se quede un rato estático y asi se pueda leer o apreciar su contenido.
Para esto nos Iremos al fotograma 30 y Presionaremos la Tecla "F6".
Pues eso es todo, una vez hecho todos estos pasos lo unico que tenemos que hacer es probar la animación con las Teclas CTRL+ENTER.
Algo que te recomiendo es que le pongas un efecto de transparencia o Alpha en la animación, ya que para que cuando valla creciendo aparesca primero transparente y luego se vea todo del color que siempre fue.
Este color alpha los explique en este Tutorial .Pero para insertarlo en la animación solo hay que irnos al fotograma unos y seleccionar el Objeto con la Herramienta seleccionadora e irnos las propiedades y buscar la opción color.
Dale click a esa opción y te saldra una lista de su contenido,Solo dale click a Alpha y gradualo en "0".
Ahora cuando puedas probar tu Película(CTRL+ENTER) veras este efecto.
Click aquí para descargar el Archivo Editable de este efecto.
Posted by PepeX 13:33
Category: colores , efectos , manual-flash
En este tutorial del Manual Flash Aprenderemos a Ponerle Filtros y Colores a los Símbolos en Flash.
Lo primero que haremos es crear un Objeto al que le pondremos todo esto.
Cuando ya Tengas tu Objeto listo, lo que haremos sera seleccionar con La herramienta Seleccionadora y Presionar la Tecla F8, nos Saldra una ventana.
Esta ventana sirve para convertir a Símbolo nuestro objeto, nosotros le pondremos el Nombre que queramos, luego de aver puesto el nombre le daremos a la Opción Movie Clip o Clip de Película, luego le daremos OK.
Una vez hecho esto lo que haremos sera Ponerle los Filtros que queremos.
Debemos tener en Cuenta que los filtros solo funcionan en los símbolos y que los Filtros son:
- Sombra
- Desenfocar
- Iluminado
- Bisel
- Iluminado Degradado
- Bisel Degradado
- Ajustar Color
Luego le damos click al pequeño Boton de Más(+) y nos saldran una lista de los FIltro que presente arriba.
Sombra:Da un efecto de sombra a la cual tu puedes cambiar el color.
Desenfocar: Da un Efecto borroso el cual tu puedes graduar.
Iluminado: Da un Efecto de Brillo o iluminación.
Bisel: Da un efecto de 3D o sombreado Interior.
Iluminado Degradado: Da un efecto de iluminación con colores de diferentes tonos.
Bisel Degradado: Da un efecto 3D o sombreado interio con colores de diferentes tonos.
Ajustar Color: Es una de las Herramientas que estan en filtros que sirven para graduar el: Brillo, Contraste,Saturación y Matiz.
Posted by PepeX 17:02
Category: animacion , animaciones , efectos , Flash , Hacer , imagen , Interpolaciones , manual-flash , màscaras
Hola.Bueno ,en este Tutorial del Manual Flash aprenderemos a hacer Animaciones en Flash Utilizando ''Máscaras''.
En primer lugar, si no tienes bien en claro que son las Máscaras, te lo explicare.
Las Mascaras es una de las tantas Herramienta que te Brinda Flash.Esta Herramienta consiste en crear cualquier Objeto y ponerlo en un Lugar Específico del Area de Trabajo y convertir dicho Objeto en una Máscara, que lo que hara es solo Mostrar el Lugar donde se Encuentra la Máscara
Si quieres ver un Ejemplo de una Animación hecha con Máscaras Click Aquí.
Bueno Pues ya sabemos en lo que consisten las Máscaras, ahora hagamos una.
Primero tenemos que tener un Documento Flash abierto, Luego dale click al Area de Trabajo y en las Propiedades te saldran unas Opciones, entre esas Opciones Hay una que se llama Stage o Lienzo, depende en que idioma tengas en Programa Flash, dale Click a esa Opción y elige el Color que quieras que tenga el Fondo de la Animación.Yo elegiré el Color Nergro.
Presionamos las Teclas CTRL+R y se nos abrira una Vntana en donde nos permitira elegir una Imagen que queramos(al aver elegido la Imagen recuerda cuadrar la Imagen con el mismo tamaño del Area de Trabajo,para eso selecciona la Herramienta Transformadora).Luego de aver elegido la imagen que quieras, lo que hay que hacer es crear una Nueva Capa o Layer.
Para hacerlo tenemos que dar click a la Opción Nueva Capa o New Layer, que dicha Opción se encuentra al Lado izquierdo de los Fotogramas:
Una ves que hiciste una capa lo que debemos hacer es Seleccionar la Herrameinta del Óvalo y crear un Círculo en la Capa 2.
Ahora lo que haremos será moverlo con Interpolaciónes de Moviemiento(si no sabes que es una Interpolación de Movimientio Click Aquí.), para eso Sombrearemos el Fotograma 10 de Ambas Capas y le presionaremos la Tecla F6, luego mueve el Círculo que creaste en la capa 2(lo puedes mover a donde quieras, siempre y cuando no se salga del area de Trabajo y ojo, el Círculo lo tienes que mover en el Fotograma 10).
Una ves que moviste el Círculo dale click Derecho al Fotograma 1 de la Capa 2 y selecciona la Opción ''Crear Interpolación de Movimiento'' o ''Create Classic Tween'', depende que versión de Flash Tengas.
Así has con los Fotogramas ,20,30,40,50,etc. Como tu quieras.pero recuerda que se recomienda hacerlo de 10 en 10 , ya que es una velocidad excacta para esta Animación, y tambien recuerda poner siempre la Opción de Interpolación de Movimiento cada ves que hagas Fotogramas de 10 en 10 en la Capa 2.
Actualizado:
Para agrandar el círculo en la animación necesitamos crear 20 Fotogramas más,es decir que si el ultimo fotograma de la animación es el Fotograma 50 le damos clik izquierdo al fotograma 70 y presionamos la tecla F6,luego en el Fotograma 70 seleccionamos la Herramienta: Transformador de Objetos y agrandamos en Círculo,ocultando toda la imagen por completo, luego, le damos clik derecho a 20 fotogramas antes del ultimo fotograma(en mi caso yo dare clik derecho al fotograma 50) y pondremos Crear Interpolación de Movimiento pero si tienes el Flash cs4 pondras Create Classic Tween.
Ahora por ultimo le agregaremos unos 30 fotogramas más, para que cuando veamos la animación se quede al final, un rato paralizado todo, y asi podamos apreciar bien la animación.
Una ves que le deas Click a la Opción Máscara te saldrán las Capas de esta manera:
Si es que las Capas te salen de las misma manera que esta en la imagen, significa que ya has hecho una Máscara en tu animación, y para ver el Resultado Presiona las Teclas: CTRL+ENTER.
Para descargar el Archivo Editable de esta animación(*.Fla) dar clik Aquí
Aquí un enlace para ver el mismo tutorial en video
Posted by PepeX 14:11
Category: anuncio , arcoiris , efectos , manual-flash
El día de Hoy aprenderemos a crear un anuncio que cambie del color que tu quieres en Flash.
Lo primero que tenemos que hacer es abrir nuestro Porgrama Flash, que es con el que trabajaremos. Luego abre un nuevo ''Documento Flash'', ya teniendo abierto el nuevo ''Documento Flash'' selecciona la Herramienta de Texto y escribe lo que tu quieras en el Area de Trabajo.
Yo escribire ''Trucos Flash''.
Bueno yo ya lo escribir, ahora lo que haremos es hacer el efecto de Arcoiris usando porsupuesto los FotoGramas. Lo que haremos sera dar clic al Fotograma dos y presionar la Tecla ''F6'', una ves hecho eso veras que se forma otro Fotograma en el numero 2, como ya hicimos ese Fotograma le Daremos Clic al FotoGrama 3 y presionamos de nuevo ''F6''.
Asi lo haremos hasta el Fotograma 7(o tu lo puedes hacer cuantos fotograma que tu quieras, pero se recomiendo que sea de 7 para arriba).
Ya teniendo todo listo empezaremos a cambiar los colores.Nos dirigiremos al Fotograma uno dandole un clic al texto que escribiste y le cambiaremos al color que tu quieras(para cambiar el color(para cambiar el color debes tener abierta la ventana de Propiedades, si no la tienes andate al Menu principal dale clic a Window o ventana y selecciona Propiedades). luego le daremos clic al Fotograma 2, seleccionamos nuestro texto y le cambiaremos de color. Nos iremos al Fotograma 3 y le daremos clic, seleccionamos nuestro texto y le cambiamos de color al que tu quieras.Asi haremos con el resto de Fotogramas que nos quedan.
Ya habiendo completado todos estos pasos, presionaremos las teclas : CTRL+ENTER y saldra el Producto final que sera algo como este:








