Hola a todos, espero que estén bien, les comento que hoy es mi cumpleaños y con ello les presento la 2 entrega de 6 de la serie de tutoriales sobre botones en Flash. Este tuto se conforma de dos partes:
Boton_2_CS3: Creamos el botón desde flash Cs4 (se puede realizar al 100% en Flash CS3.)
Link Video_CS3
Video: Boton_2_CS4: Damos unos toques finales exclusivos del flash CS4
Link Video_CS4
Para poder ver los video tutoriales necesitas un reproductor de video como:
QuickTime
Real Player
Para poder ver los resultados de los ejercicios que se muestran abajo, requieres del flashPlayer 10 – te dejo el link para que lo descargues.
Resultados:
Boton_2_CS3
Boton_2_CS4
Archivos de Trabajo:
Boton_2_CS3
Boton_2_CS4
Links A los tutoriales existentes de la Serie:
Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 1 de 6
Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 3 de 6
Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 4 de 6
Video Tutorial Flash CS4 en Español: Botones en Flash 5 de 6
Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 6 de 6 NUEVO
Les dejo el Promo Animado que hice en After Effects:
Link al promo
INTERFACE FLASH
En este tutorial no me detengo tanto en explicar esto salvo algunos detalles como los “shortCuts” y algunas herramientas, si eres nuevo en Flash te recomiendo que veas el siguiente Tutorial, donde me detengo con más detalles en las herramientas e interfase del programa:
Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 1 de 6
ANIMACIÓN
Interpolación Clásica de Movimiento
Interpolación de Forma.
CLIPS DE PELÍCULAS
(movie clips)
Clips de Película
Anidar Clips de de película dentro de otro Clip de Película.
Duplicar MC
PROGRAMACIÓN ACTION SCRIPT
3
Es el lenguaje actual de Flash, así que no vale la pena ver el action script 2 si ya existe uno nuevo, además que cambió bastante.
Explico cada concepto lo más lógico y aterrizado posible para una buena compresión de la programación de Botones.
Creamos la programación para que el cuando el cursor este sobre nuestro botón, este reaccione y despliegue animaciones, al igual que cuando el cursor sale del área de nuestro botón. El “click” lo explicaré en el tutorial 6, es decir en el último.
ANIMACIÓN FLASH CS4
Guías de Movimiento: Edición con herramienta de selección y sub selección
Motion Editor (Opacidad, Escala, Efectos de Color)
Animación: Interpolación de Movimiento (Motion Tween)
DURACIÓN
Parte CS3: 33 min
Parte CS4: 16 min
¿A QUIÉN VA DIRIGIDO EL TUTORIAL?
En primer lugar a la gente que le guste Flash o le cause curiosidad.
Gente que tenga cero de experiencia en el uso del Programa.
Gente que tenga un nivel básico – medio y quiera aclarar conocimientos básico, afinar habilidades o aprender algunos tips de Flash.
Diseño de botones.
Archivado bajo: Animación en Flash, Flash, Flash tutoriales, Video Tutoriales Flash, batatastudio, diseño, diseño web, programación | Etiquetado: adobe, batatastudio, botones actionscript en flash cs4, botones en Flash CS3 y CS4, Botones Flash, como crear botones en flash cs4, Como crear un botone en Flash, CS3, CS4, diseño web, en flash cs3 boton, Flash, flash CS3, flash CS3 Video tutorial, Flash tutoriales, flash video tutoriales en español, free tutorial, free video tutorial, gratis, prgramar botones en Flash, programación, Programación AS3, programación AS3 Botones, programacion botones flash cs4, tutoria del botones en Flash CS3, Tutorial Botones en Flash, tutorial crear botones en flash cs4, tutorial flash basico, tutorial flash CS3, tutorial flash cs3 español, tutorial flash cs4, tutoriales, tutoriales flash español, tutoriales gratis, video boton en cs4, video tutorial flash cs4, video tutoriales, video tutoriales botones flash, video tutoriales español, video tutoriales gratis, web, webdesign
Hola, he seguido el tuto pero no me funciona la últimas parte, donde me equivoco?:
boton_btn.BottonMode = true;
boton_btn.addEventListener(MouseEvent.ROLL_OVER,SobreMi);
boton_btn.addEventListener(MouseEvent.ROLL_OUT,FueraMi);
function SobreMi (event:MouseEvent);void
{
boton_btn.gotoAndPlay(“Sobre”);
}
function FueraMi (event:MouseEvent);void
{
boton_btn.gotoAndPlay(“Fuera”);
}
//////////////////
var link:URLRequest = new URLRequest(“http://www.albertoolaya.com”);
boton_btn.addEventListener(MouseEvent.CLICK. Clic);
function Clic(event:MouseEvent):void
{
navigateToURL(link);
}
Al principio el boton no me funcionaba xq cuando lo creas, en el tuto veo que creas símbolo (movi clip, no boton) al darle la opción boton ya me funcionó, pero luego en la 2ª parte en el enlace a web no me va.. qué puede ser?
y una pregunta más, si en vez de un enlace a web es un link a un correo electrónico, sólo hay que poner una dirección en vez de una web?
mil gracias
Hola, es decir, todo el botón lo creaste con un símbolo de “botón” y no de “Movie Clip” ?¿?¿?¿
Tu error es el siguiente:
boton_btn.addEventListener(MouseEvent.CLICK. Clic);
boton_btn.addEventListener(MouseEvent.CLICK, Clic); es una coma en ves de punto.
Listo
[...] Flash CS3: Crear un botón 2 de 6 [...]
[...] Flash CS3: Crear un botón 2 de 6 [...]
eEstimado Batata estoy descargando los videos…me interesa en gran manera aprender Flash ……es de gran ayuda tu aporte, Dios te bendiga mucho……esta es una de mis paginas favoritas…..la encontre por recomendacion de un colega de estudios……posteriormente estare dejando mis dudas o caso contrario mis mas agradecimientos una vez realizado los ejemplos ……..gracias….
Hola, que bueno que te funcionan mis contenidos y me alagan dos cosas, que tu colega me recomiende (envíale saludos de mi parte) y que mi blog sea uno de tus sitios favoritos en estos momentos! Saludos!!!!!
Feliz Cumple!
jaja, mi cuple ya paso, pero gracias de todos modos!
=)
hola, he estado revisando algunos de los tutoriales que has publicado y los encuentro muy buenos, pero me gustaria saber si hay alg{un link que me permita bajarlos.
salu2
Chiny: Hola, todos los posts con tutoriales tienen una liga para ver los videos los cuales los puedes reproducir con quicktime o realplayer, para poder bajarlos necesitas quicktimePro, tienes que dejar que se cargue por compleo el video y después en el reproductor de quicktimePro en sus opciones te aparecerán seleccionables: “guardar en formato original”, le das click y lo guardas en tu computadora. A partir del último tutorial “¿Cómo hacer brillos Animados sobre imágenes en Flash?” al momento de dar click en el link se descargará el zip a tu CPU, lo descomprimes y listo. Saludos!!!
[...] Flash CS3: Crear un botón 2 de 6 [...]
[...] Flash CS3: Crear un botón 2 de 6 [...]
[...] Flash CS3: Crear un botón 2 de 6 [...]
hola…tengo problemas para ver el video en toda la pantalla…me pasa con casi todos los videos pero lo solucionaba poniendo pantalla completa y ahi podia ver la barra de proceso del video y el boton play…pero con este nisikiera poniendo pantalla completa puedo llegar a verlo…noc si es a mi solo que no se me ajusta a pantalla
matias: Hola, pues ve a tus opciones de visualización para reducir el tamaño del video… :p
No me abre el segundo video (el de los toques finales con Cs4) =(