Después de una larga ausencia en postear algún tuto, por fin les traigo con mucho gusto y esfuerzo algo bastante interesante, es una serie de tutoriales únicos y exclusivos sobre botones creados en Flash. (Todos los links se encuentran al final del artículo).
Les presento la primera entrega de seis tutoriales sobre botones, en la cual explico paso a paso y con detalle lo siguiente:
INTERFACE FLASH
Uso Básico de Herramientas – herramienta de selección, transformación, línea, cubeta, entre otras.
Uso Básico de los Paneles – Colores, Mezcla de colores, Efectos, Filtros, Biblioteca, entre otros.
Uso Básico de los Menús – Donde se encuentran los elementos y shorcuts.
ANIMACIÓN
Cuadro x Cuadro – La mayoría del botón es una animación cuadro por cuadro, desde mi punto de vista le ayudará a familiarizarse con las herramientas de Flash.
Interpolación Clásica de Movimiento – es la animación que le designa el nuevo Flash a la antes conocida Interpolación de Movimiento. Es la Interpolación entre dos Fotogramas Clave. Con este se animan filtros y efectos del botón.
CLIPS DE PELÍCULAS (movie clips)
Clips de Película
Anidar Clips de de película dentro de otro Clip de Película.
Concepto de Duplicación de Clip de Película
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.
DURACIÓN
Es un tutorial con una duración de 1 hora ya que como lo mencioné al principio explico de manera paciente y detallada cada paso que doy para que se familiaricen con Flash y tengan un mejor resultado con el ejercicio.
Además de que existe una “introducción” explicando la mecánica de la serie de tutorialesm al final del mismo les doy un concejo y fuentes alternas sobre más tutoriales de Flash en español.
En los siguiente tutoriales la duración es de 15 a 30 min ya que asumo que vieron este tutorial, es decir, ya no me detengo tanto a explicar y me enfoco en otros detalles.
¿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.
Gente que tenga un nivel avanzado y quiera ver simplemente otros diseños.
Aunque en mi experiencia, la mayoría de los tutoriales te dejan algo nuevo, no hay que subestimar el nivel.
Link al resultado Final del Tutorial
Link al resultado final de los 5 botones en Flash CS3
Link al resultado final de 2 botones en Flash CS4
Links Tutorial:
Parte 1
Parte 2
Parte 3
Archivos
Links A los tutoriales existentes de la Serie:
Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 2 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 4de 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
Link al Promo que hice de la SERIE DE TUTORIALES en AE
Hice un Promo en After Effects sobre esta serie de tutoriales, no me quedo nada mal, se los dejo para que le den una revisada.
Archivado bajo: Flash, Flash tutoriales, Video Tutoriales Flash, batatastudio, diseño, programación | Etiquetado: adobe, batatastudio, botones en Flash CS3 y CS4, Botones Flash, Como crear un botone en Flash, CS3, CS4, diseño web, 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, tutoria del botones en Flash CS3, Tutorial Botones en Flash, tutorial flash basico, tutorial flash CS3, tutoriales, tutoriales flash español, tutoriales gratis, video tutoriales, video tutoriales español, video tutoriales gratis, web, webdesign
[...] Más Vistos Video Tutorial Flash CS3 & CS4 en Español: Botones en Flash 1 de 6Flash CS3 tutorial: Animación simple de LogotiposFlash tutorial: Efecto de 3dFlash Facilito: Video [...]
Luis Maria webon sube mas videos carajo que necesito aprender mas puta madre!!
tengo tres tutos cortos ahí, en una o dos semanas caco otro en el blog y la semana que entra subiré otro en el youTube
http://www.youtube.com/user/BATATAstudio
Saludos!!!
buenisimo, a mi que de flash se muy poco me viene joya , gracias seguí asi
Gracias por los turoriales.
podrias decirme cual es el as para que un boton mande de un frame a otro, en el cs4, ya que la ultima vez que hice algo con flash fue cuando estaba la versión mx2004 y pues creo que ya me dejo muy atras todo esto, de antemano gracias.
Hola!!! gracias por comentar, la siguiente semana voy a sacar un tutorial sobre navegación básica, en el cuál respondo a tu pregunta… Saludos!
[...] Flash CS3: Crear un botón 1 de 6 [...]
hey entonces si me haceis el favor me informa o si alcaso me escribe en youtube si si o si no
Hola, muchas gracias por tus tutoriales, es un trabajo magnífico, felicidades.
Un saludo desde España.
Gracias por tu generosidad por darte el tiempo de compartir tus conocimientos desinteresadamente. Con gente como tu el mundo sería distinto. Felicitaciones!!!!!!!
Santiago de Chile
Hola Luis María recibe antes que nada un caluroso saludo desde Guadalajara , México y un agradecimiento enorme, realmente yo desconocía totalmente el manejo de flash pero gracias a ti y obligado por las circunstancias he ido aprendiendo un poco,felicitarte por este aporte que nos das creo que es lo mínimo que puedo hacer, realmente estoy esperando los videotutoriales que faltan sobre botones y proximamente aplicare lo que he aprendido en los que nos has otorgado en la pagina del lugar en el que trabajo,no me queda más que desearte salud y esperar los proximos tutoriales .Gracias
Gabriel Vega
Hola Gaby, espero que estés bien, gracias por tus palabras de aliento, sobre los tutoriales de botones que faltan, solo tengo que corregir algunos detalles y listo, pero en sí ya están terminados desde hace meses, poco a poco terminaré de sacara esa serie de tutoriales. Que bueno que puedas aplicarlo que aprendes aquí en tu trabajo, vi la página que, es ahí donde trabajas? la hiciste tu? Te dejo Saludos y estamos en contacto! =)
Estimado amigo
Esla primera ves que llego a este foro, soy nuevito en flash, y estoy tratando de hacer un boton link a mi pagina web.Lo que no consigo es que funcione el link.Pregunta: el boton tendria que estar en una pagina web o desde mi computadora podria funcionar? Espero haber sido explicito.
Muchas gracias!!!
Fernando: Hola, espero que estés bien. Te doy bienvenida a este espacio dedicado a Flash. Te dejo el link a otro tutorial que hice sobre links en Flash: http://www.youtube.com/watch?v=dVEKmY1tezw
Espero que sea lo que estás buscando. Saludos!
es usted un maestro de animacion flash quisiera aprender mucho mas le puedo hacer una pregunta como aplicar el java script en una escena sin q afecta las de mas capas estoy hace 2 anos enamorado de flash lo mas dificil es la parte de la acciones pero es un programa unico gracias q personas como usted y a sitios como estos dispuesto a brindar siempre una mano escribeme me sentiria orgulloso de q lo hiciera para debatir ….att:yadiel
yadiel: Hola!! aaaa no es java jaja es action script. No entendí tu pregunta. Saludos!
Hola Luis MA.
me podrias decir de donde puedo bajar las partes 2 y 3 del boton 1 ya que cuando lo pongo a descargar solo baja 1y 2 mb respectivamente y no puedo continuar con mi ejemplo. Gracias.
Saludos mexico D.F.
Zukoclobster: Hola, que raro, acabo de probar los links y funcionan perfectamente, te dejo las ligas directas:
http://www.batatastudio.com/tutoriales/serieBotones/boton1/Boton1_parte2.mov
http://www.batatastudio.com/tutoriales/serieBotones/boton1/boton1_Parte3.mov
PD: meparece que eres el primer mexicano que me deja un mensaje! =)
Gracias Luis Ma.
descargando …..
que bueno ser el primero………
sigue asi….. gracias por seguir con este proyecto.
[...] Flash CS3: Crear un botón 1 de 6 [...]
[...] Flash CS3: Crear un botón 1 de 6 [...]
[...] Flash CS3: Crear un botón 1 de 6 [...]
luis maria tus tutoriales son muy buenos y a personas como yo que nos da curiosidad todo esto de el diseño de paginas web nos ayuda mucho gracias a por cierto tambien soy mexicano
joshua domingal: Hola!!! que bueno que encuentras útil este contenido!!! Saludos y feliz aprendizaje!!!
Saludos, por gente como tu es que podemos siempre aprender un poco mas, gracias por tu tiempo y por seguir enseñando saludos y exitos
Efrain Brito: Hola!!!! Muchas gracias por tus palabras!!!! me da gusto que te sirva y le saques provecho al contenido humildemente presenentado en este blog!!! Saludos!!
Primero que nada felicitarte por estos estupendos videotutos, me han sido de gran ayuda.
Segundo y lo mas importante me gustaria que nos eseñaras como hacer el intro que hiciste en AE para la promo de esta serie de tutos…
Gracias por tu buena onda
Dark Romeo: Hola!!! Espero que estés bien! Sobre lo que me solicitas… por el momento puro flash. Saludos!!!
=)
Hola luis, sabes eres muy bueno en esto de creacion de paginas web, y gracias por publicar tus tutoriales.
sabes quisiera que hagas un tutorial donde me muestres como hacer que los botones se trasladen de un lugar a otro, es decir a la pagina a donde yo quiero q vaya porque hasta ahora no me sale y estoy q reviento por ello o si ya lo publicaste mostrarme dode lo encuentro porfavor.
Queria especificar sobre el tema q te mensiono, lo que quiero es programar a mis botones porfavor.
gracias
Miguel: Hola! Este espacio está lleno de tutoriales sobre botones, pero si quieres saber como navegar entre secciones a través de tu botones ve los último 10 minutos del tutorial Botón 6 de 6 o también puedes ver este tutorial que habla de lo mismo: Sistema de Navegación. Espero que con esto te ayude, por el momento es lo único que tengo de navegación entre contenidos. Saludos!!!! =)
Miguel: Hola Luis Maria, gracias por la respuesta y si que me ayudo mucho en la creacion de mi pagina web, pero tengo un problema a la hora de bajar los videos no los he podido bajar.
Otro favor, me gustaria que dirijas a un tutorial donde me enseñe hacer un FORMULARIO DECONTACTOS sabes estoy que me rompo la cabeza en eso y ademas quisiera que me guies a otro tutorial donde pueda PUBLICAR EN LA WEB mi pagina ya terminada en flash cs4 y aver si me recomiendas de quien debo comprar el HOSTING y DOMINIO (quiero que sea de la siguiente manera http://www.tomasgrass.com).
porfavor, espero que me sigas ayudando, sabes eres muy bueno en esto y he aprendido mucho con tus tutoriales buena man…
Miguel: Hola Luis Maria, gracias por la respuesta y si que me ayudo mucho en la creacion de mi pagina web, pero tengo un problema a la hora de bajar los videos no los he podido bajar.
Otro favor, me gustaria que dirijas a un tutorial donde me enseñe hacer un FORMULARIO DECONTACTOS sabes estoy que me rompo la cabeza en eso y ademas quisiera que me guies a otro tutorial donde pueda PUBLICAR EN LA WEB mi pagina ya terminada en flash cs4 y aver si me recomiendas de quien debo comprar el HOSTING y DOMINIO (quiero que sea de la siguiente manera http://www.tomasgrass.com).
porfavor, espero que me sigas ayudando, sabes eres muy bueno en esto y he aprendido mucho con tus tutoriales buena man…
porfavor me darme pautas para terminar mi pagina web…
Miguel: Hola!! Tengo una lista interminable de tutoriales por hacer y la verdad que no he tenido mucho tiempo de realizarlos porque tengo en estos momentos mucho trabajo, pero voy hacer todo lo posible!!
Sobre la publicación te dejo este video, espero que te ayude:
Proveedores de Hosting:
http://www.hostgator.com
http://www.omnis.com
http://www.webcom.com.mx
http://www.godaddy.com
http://www.1and1.com
Saludos!!!
=)
hey man que buenisima pagina la que tenes!! era lo que andaba buscando, solamente habia tenido la oportunidad de ver los videos en youtube. pero nunk entrar a tu pagina, pero wow!, esta exelente, man eres yeah de lo mejor, segui asi, !
carlos: Gracias por tus comentarios!! muchas gracias!! que bueno que te son de utilidad!! Te dejos Saludos!!!! =)
hola amigo te saludo desde perú estoy tratando de aprender adobe cs3 y el cs4 gracias por todo y nose si resias algo haci como mi guru por que tus tutoriales son los unicos k entiendo de todos lo k e visto gracias y espero respuesta
DjThepanish-peru: Hola! que bueno que te son útiles los recursos!!!! Saludos y feliz aprendizaje! =)
hola tengo una duda realise unos de los botones de tus tutoriales pero el asunto eske, los quiero direccionar a una pagina osea de nosotros a inicio o aproductos etc etc pero no se cual codigo ponerle paraque se le haga el link podrias ayudarme como funciina en cs4 porfavor gracias te lo agradeseria mucho saludos terestres
p3: Hola! Por el momento tengo estos tutoriales repectos a tu duda:
Los últimos 5 o 10 minutos te explico como crear una navegación básica entre contenidos:
http://batatastudio.wordpress.com/2009/09/11/video-tutorial-flash-cs3-cs4-en-espanol-botones-en-flash-6-de-6/
Aquí explico cómo hacer un sistema de navegación desde 0, bastante rádipo jeje.
http://batatastudio.wordpress.com/2009/06/10/sistema-de-navegacion-en-flash-cs3-cs4/
y aquí a como crear un link:
Saludos!! =)
Son excelentes tus tutoriales, muy bien explicados. Muchas gracias!
José Téllez
José Téllez: Hola!!! Que bueno que te gustaron!!! Saludos!!