Los mejores Tutoriales de Adobe Flash

Aunque los evangelistas de la usabilidad consideran que Flash es una pesadilla, bien usado Flash puede ofrecer a los usuarios una interfaz rica e interactiva que de otro modo sería imposble. Hoy Flash es de hecho la norma para los elementos interactivos de la Web, ya que la mayoría de los usuarios instalan el plug-in Flash por defecto. Y en realidad, hay muchos caminos que los diseñadores creativos pueden tomar para crear una interfaz más interactiva y amistosa con el usuario.

Buscar “tutoriales de flash” vía Google & Co. no te dará los resultados que esperas. No porque no encuentres resultados relevantes, al contrario, te remitirá a una gran cantidad de repositorios de Flash que ofrecen de todo: a veces útiles, pero en su mayoría no. Además, recorrer todos esos repositorios no es tan divertido, ya que a veces tendrás que calcular si el link que ves es un bloque AdSense oculto o es el verdadero tutorial. Y realmente es difícil hallar algo interesante y nuevo con sólo usar algunas palabras clave standard.

Este artículo ofrece tutoriales de Flash cosechados a mano, que pueden enriquecer tus habilidades de diseñador y mejorar la calidad de tus trabajos. Hemos tratado de seleccionar los tutoriales más interesantes y útiles. La mayoría de las fuentes pueden servir como punto de entrada para otros tutoriales.

Animación y efectos

El Tutorial de Flash crea el efecto de animación de ondas de agua usando la técnica de enmascaramiento.
Vamos a hacer en flash un efecto de animación que muestre ondas de agua, y avanzaremos paso a paso para darte una explicación clara acerca de cómo obtener este efecto en flash usando la ténica de enmascaramiento.

watereffect

Animación de coches
Esta lección te enseñará a crear de una manera sencilla una animación muy atractiva usando la imagen de un BMW serie 3.

caranim

Animación de figuras
En esta lección verás en detalle cómo crear de una manera sencilla animación de imágenes usando la herramienta Pincel y máscara.

lemon2

Animación de ciudades de alta tecnología

Esta detallada lección hecha para Flash 8 te enseñará a crear una animación realmente atractiva y avanzada de una ciudad.   Más tutoriales…

high_tech_city_animation

Animar un logo en Flash
En diseños con web y multimedia hay oportunidad de añadir un poco de fantasía y creatividad a tu logo creando un simple efecto de animación. Por supuesto, este proceso no se limita solamente a tu logo; la animación es un elemento que puede ayudar a atraer la atención a un objeto en particular o a una zona de la página web o presentación digital.

spooner

Niebla en el río
Lee este tutorial y verás cómo crear una animación de niebla en el río. También aprenderás a usar los filtros de flash y más.

misty_river

Rotación hipnótica de un engranaje
No estoy seguro qué me inspiró esta loca animación de engranajes en movimiento, pero por alguna razón empecé haciendo un simple engranaje en flash, luego me dije ¿qué hace un engranaje? ¡Pues girar!

gear

Ejecutar escrituras de Lightbox en Flash: Parte Dos
Aquí te mostraré cómo iniciar una Lightbox conteniendo una película de Flash desde una película de Flash, y cómo iniciar grupos de Lightbox conteniendo tanto imágenes como películas de Flash.

lightbox

Animación de formas simples
En este tutorial verás cómo transformar una imagen en muchas formas. Para crear este tutorial, no tienes que usar ActionScript. Lo único que necesitas es flash.  Más tutoriales…

shape

Efecto de granulados (como en la TV antigua) en Flash
En este tutorial vamos a imitar en Flash un efecto de granulados similar a lo que veíamos en los viejos televisores. Este efecto se utiliza mucho en escenas de cine para indicar que un hecho ha ocurrido hace mucho.  Más tutoriales… Tiene también una colección de video-tutoriales

oldgrain

Animación en Flash con zoom in y zoom out, con efecto de fundido
Este tutorial te enseñará a crear una simple animación de zoom in y zoom out, con efecto de fundido, en Flash. Puedes utilizar este efecto de zoom en cualquier imagen o texto.

zoom_in_zoom_out

Creación de un efecto de túnel en 3D en Flash
Aprende a crear este efecto realmente atractivo de túnel 3D en Flash usando algunas sencillas técnicas de animación en 2D.

tunnel

Crear fuegos artificiales realistas en Flash
Crea una vista de fuegos artificiales basada en partículas en Flash.

fireworks-flash

Efecto de rotación de letras en un texto
Observa este tutorial y aprende a hacer rotar las letras de una serie utilizando algunos trucos especiales de flash. No tienes que usar el código de ActionScript para hacer esta lección.  Más tutoriales…

rotatingletter

Efecto eye-catching con Flash
Es un efecto que no podría ser creado muy fácilmente sin ActionScript. Flash te permite crear muchos efectos atractivos usando solamente (o casi) ActionScript. Espero que puedas lograr un buen efecto.

effect

Imágenes y videos

Cómo hacer un video panorámico desde los video clips de tu cámara digital
Probablemente tu cámara digital muestra también video-clips, y uniendo es clips puedes hacer un video panorámico con movimiento.
Paisajes, escenas callejeras, vistas de interiores, fiestas de cumpleaños, todos ellos cobran vida en videoramas chispeantes, de gran angular.  Sigue leyendo para ver un ejemplo y aprender cómo se hace.

panoramas

Vista en 360 grados
Crea una vista panorámica de la imagen con Flash.

360

Crear clips de películas con reflejos en ActionScript 3.0
Probablemente estés al tanto de estos bonitos reflejos que aparecen en algunos de los más recientes websites, avisos publicitarios online e incluso software. Es un efecto común a los diseños “Web 2.0”, en los cuales algo similar a una tapa de álbum o reproductor de video aparece reflejado en una especie de suelo virtual debajo de él. Este tutorial te lleva paso a paso a la creación de Reflejos.

fig02

Tutorial de Flash – Película de Flash a pantalla completa sin deformaciones ni estiramientos.
Las películas de Flash tienen un alto y ancho predeterminados que les son propios, definidos por el tamaño de la plataforma en la herramienta corrrespondiente de Flash. Generalmente, cuando se modifica el tamaño de una película de Flash en el browser de la web, sus contenidos se deforman y se estiran. Esto a veces no es un problema con los gráficos de vectores, pero con los gráficos de bitmaps es un desastre. Sin embargo, hay algunas técnicas de ActionScript bien pensadas, que te pueden permitir cambiar el tamaño de una película de Flash sin distorsión alguna de sus contenidos. 5 páginas.

Imágenes con infinitos enfoques
La imagen contiene un marco que la reproduce infinitamente.

infinitely_zooming_image

Galería de imágenes tipo vista de diapositivas, en Flash.
Este tutorial te mostrará cómo hacer una simple, pero efectiva, galería de imágenes tipo vista de diapositivas usando Flash, con mínima ayuda de ActionScript.

show

Usar Flash para poner en foco
Un indicio visual ayudará a hacer que la gente adquiera tus imágenes. Para que los visitantes del website exploren tus figuras haz que la imagen se ponga en foco a medida que avanza.  Más tutoriales…

focus

Nuevos clips de películas
En Flash CS3 tienes ayuda para crear proyectos de ActionScript 3.0 (AS3). Además de permitirte escribir el código en el nuevo lenguaje AS3, hay algunas sutiles diferencias que pueden pasar inadvertidas a menos que estés buscando activamente cosas nuevas. Una de esas diferencias se presenta cuando creas o conviertes algo en un nuevo clip de película. 5 páginas. Más tutoriales…

kirupa

Space Shooter – Clip de película y movimiento
Una serie de tutoriales Space Shooter en 5 partes. Los textos son fáciles de leer y el autor provee todos los códigos necesarios.

space

Los más populares videos del día de You Tube en Actionscript 3
Este tutorial es una introducción básica al AS3, para dar el puntapié inicial antes de la emisión final de Flash CS3. Si estás familiarizado con AS3, es probable que esto no sea ningún problema para ti, pero si has hecho algunas cosas en AS1 y 2, puede que tengas que dar una mirada al 3.

youtube-pop

Efecto de transición de imágenes dentada
Un tutorial de Flash para crear una galería de imágenes con transición dentada.

jagged

Galería de fotos avanzada
En el tutorial listado más abajo te explicaré cómo hacer una galería de fotos avanzada en flash 8 usando el ActionScript.

advanced_picture_gallery

Elementos avanzados de Flash

Crear un sitio basado en Flash
Un extenso tutorial sobre cómo puedes crear un website completo basado en Flash a partir de una improvisación.

monica

Guía telefónica
Este tutorial te mostrará cómo crear una aplicación de búsqueda (Phonebook) usando el ActionScript en Flash. Aprenderás también a crear campos de input, cómo crear y usar nombre de instancia y más cosas.

phonebook

Tutorial de Pong en Flash MX, 8 o 9
Estamos por hacer un juego de Pong en Flash MX, 8 o 9. Es un juego muy sencillo pero te mostrará algunas de las más importantes funciones de juego en Flash, tales como la función hiTest y cómo mover un jugador en base del input del teclado.

pong-game

La mejor estructura para tu sitio Flash.
Un extenso artículo acerca de cómo construir el sitio basado en Flash a partir de una improvisación y seleccionar la mejor estructura para el sitio.

Examen fácil de Flash
Tutorial sobre cómo hacer un examen con un contador de respuestas correctas.

simpsonsquiz

Juego de Flash con tirada de dados
En este tutorial te mostraré cómo hacer un juego simple pero interesante con tiradas de dados. Este tutorial cubrirá muchos temas de programación simples, el uso de botones, hacer tus propias funciones, utilizar las propiedades de un clip de cine mediante actionscript, utilizar funciones matemáticas y estadísticas sencillas y mucho más. Espero que te guste. Más tutoriales…

dice

Entrenamiento en videos simples: Introducción al desarrollo de juegos en Flash.
Jiro Ietaka para Adobe. Los siguientes videos son extractos del curso online Train Simple’s Flash 8 Game Development, también en DVD, realizado por Jiro Ietaka. Jiro te lleva a través de los pasos necesarios para construir un juego basado en Flash con uso extensivo de Flash ActionScript 2.0. 3 páginas. Más tutoriales…

fig06

Tutorial de Arte Vectorial
La clave para el gran arte vector es la paciencia, virtud que he perdido hace largo tiempo. Puedes pasar días en hacerlo, pero al final verás que valía la pena. Para dar un ejemplo, voy a hacer una pieza de arte vector de un ojo, teniendo en cuenta que mi habilidad está un poco derrumbrada ya que no lo he hecho en 6 meses pero finalmente saldrá.

vektorart

El secreto del tweening
Uno de los mayores problemas con la animación en Flash es que es tan fácil hacer trampas. Tienes tweens de movimiento y de forma y efectos de línea del tiempo y vaya a saber qué más, y todos los libros sobre Flash demuestran “cómo hacer animación con Flash”.

monster

Tutorial para crear un website Flash.
Un tutorial que te muestra cómo crear un sitio web en flash.  Más tutoriales…

funky

Cómo diseñar una buena interfaz futurista para tu web
Es una lección profesional fácil para Flash 8, donde explico cómo diseñar un buena interfaz para tu website Flash. Aprenderás a hacer lo siguiente:

maras

Reloj analógico Flash con ActionScript
En este tutorial te mostraré cómo crear un magnífico reloj analógico flash usando ActionScript. Para probar este tutorial necesitas tener conocimientos básicos de Flash y ActionScript. El resultado será el siguiente reloj analógico flash.  Más tutoriales…

clock-analog

Programa de pintura en Flash.
Crear un sencillo y dinámico programa de pintura en Adobe Flash. Usa tu mouse para pintar en un lienzo simulado.  Más tutoriales…

painting-program

Menú de Flash 3D
Esta detallada lección te enseñará a crear un menú flash 3D avanzado en Flash 8 usando el ActionScript. También aprenderás cómo diseñar un menú, cómo crear botones de animación y cómo dibujar un cubo 3D usando la herramienta de líneas.

3d_flash_menu

Actionscript: dibujando con el mouse
En este tutorial de Flash Macromedia aprenderás cómo codificar en actionscript un programa sencillo de pintura en flash con sólo unas pocas líneas de código.

Elementos básicos

Relleno clásico pre-carga
Aprende cómo crear un relleno pre-carga para tus películas de Flash.

preloader3

Título simple en flash
Esta lección te mostrará cómo hacer un título simple en flash usando algunos trucos especiales de flash. Puedes aplicar este simple y al mismo tiempo muy útil titulador de flash en cualquier sitio web.

flashvault

Caja de contenidos interactiva de flash
Con este detallado tutorial aprenderás a crear en flash una caja de contenido interactiva usando el action script. Esta caja de contenido la podrás usar para cualquier website.

interactive

Nueve recursos para dibujar en Flash
Nunca tuve talento para dibujar, y trataba de disimularlo, pero de vez en cuando se presenta un proyecto que me exige enfrentar a mis demonios. Usar el mouse para dibujar es una experiencia nueva y si tú no estás familiarizado con programas como Illustrator y no posees un Wacom, Flash es un lugar muy fácil para comenzar a aprender.

emo

Los ciclos de la marcha: la manera correcta
Este tutorial no trata de la teoría de los ciclos de la marcha, supongo que tú ya conoces esta parte. Si no, puedes comprar el Animator’s Survival Kit, de Richard Williams. Mi objetivo es mostrarte maneras de usar Flash que te harán más fácil crear un buen ciclo, en cuanto a la firme ubicación del pie y la velocidad constante; dos cosas que he visto que faltaban en muchos ciclos de la marcha animados en Flash.

walk
ActionScript 3.0 para desarrolladores y diseñadores
Adobe Flash es único en cuanto a que el contenido que creas con él es en esencia artístico y programático. Aunque trabajes para ti mismo, el diseño y el desarrollo deben funcionar en armonía a fin de que la pieza obtenida alcance todo su potencial. Con ActionScript 3.0, Flash es una herramienta mucho más poderosa; y, de alguna manera, mucho más intimidatoria. 4 páginas.

Objeto de apariencia atractiva con sonido
Con esta lección, vas a aprender a hacer más atractiva la apariencia de un objeto con sonido en flash 8 sin ActionScript. Este efecto es muy útil y puedes usarlo en todo encabezado de flash….

attractive_object_appearance

Crear un sistema de precarga para tu sitio Flash usando la imagen de una botella y una máscara rectangular
En este detallado tutorial hecho para Flash 8, verás qué fácil es crear un sistema de precarga que va desplegando gradualmente una imagen a medida que el sitio se carga.  Más tutoriales…

preloader2

Menú de etiquetas de Flash
Este tutorial muestra paso a paso cómo se puede desarrollar un magnífico menú de flash con etiquetas. Usaremos clips de cine, máscaras, botones invisibles y algunas cosas de ActionScript.

menu

Sonido en Flash con un click
En esta fácil lección de flash, verás cómo importar un sonido en flash y cómo dispararlo con un click usando el botón play. Para crear esta lección, no tienes que usar códigos de action script ni necesitas mayor experiencia en Flash.

Precargador azul cielo
Este detallado tutorial muestra cómo crear un precargador azulado del color del cielo usando el código de action script. También aprenderás cómo usar la opción máscara en flash, cómo crear porcentajes para precargador y mucho más.  Más tutoriales…

2007112329_img14

Botones

Crear un botón glaseado en Flash
Flash ha inaugurado una era de técnicas de diseño web eminentemente interactivas y capaces de atrapar la mirada. Desde luego, el diseño del website también desempeña un importante papel en su promoción. En este caso vamos a crear en flash un botón redondo glaseado.

glossy8

Hacer un botón con aspecto de agua gel
¿Alguna vez quisiste hacer esos botones brillosos, con bonito aspecto de agua? Sí, pero ¿en Flash? Puedes hacerlos en Photoshop o Fireworks. Pero crearlos directamente en Flash hace que el tamaño de tu archivo sea mucho menor.

cagb_013

Más recursos y referencias
Hay muchas otras fuentes de donde puedes aprender. He aquí una lista de las que podrías tener en cuenta para más referencias.

GoToAndLearn Video Tutorials
Amplia colección de tutoriales de ActionScript.

gotolearn

Una variedad de tutoriales Flash que incluye tutoriales 3D, uso de actionscript, animación, audio, efectos especiales, interactividad, optimización, video y sonido en Flash.

Con Flash CS3 viene ayuda para ActionScript 3.0 – el más nuevo lenguaje de programación para películas y aplicaciones en Adobe Flash (SWF). Te puede parecer difícil, más que en otro tiempo, iniciarte en ActionScript 3.0, en comparación con versiones anteriores de ActionScript. Este artículo incluye una breve historia de ActionScript in Flash. 5 páginas.

Este conjunto incluye varios tutoriales para principiantes, para formar efectos de tween, jugar con el texto, animación cuadro por cuadro, et.

Una creciente colección de tutoriales de texto y video para dibujar, obtener efectos especiales, ActionScript, Server Side y Flash, isometría y desarrollo de juegos..

93 tutoriales de Flash, simples y avanzados.

Fuente: Smashing Magazine

Share This Post

Related Articles

10 Comentarios en “Los mejores Tutoriales de Adobe Flash”

  1. Bodyc dice:

    Hi there,
    http://www.pixeros.com – da best. Keep it going!
    Bodyc

  2. Luciano dice:

    Hola les queria preguntar si alguien sabe como hacer un juego Como el Pet Society del facebook para q yo lo haga si alguien sabe xfavor mandarme las explicaciones a este e-mail :
    elguapicimo_soyelmejor@hotmail.com

    Graxias XD

  3. SANTI dice:

    q pregunta mas pendeja la tuya… buenos tutos

  4. Alex dice:

    Muy buenos tus posts, felicidades.. contenido de valor para los diseñadores, no cabe duda que hay mediar entre la usabilidad y el diseño y a esto agregar contenidos de alto impacto, en hora buena…

    http://www.lechugadesign.com

  5. interactivo dice:

    excelente pàgina , soy desarrollador de aplicaciones flash.
    muy util para los desarrolladores que tienen dudas en el desarrollo de susproyectos, suerte a esta pagina,
    Saludos.

  6. Miguel dice:

    El link de “Crear fuegos artificiales realistas en Flash” es el mismo que el de “Creación de un efecto de túnel en 3D en Flash”.

    Me interesa el de los fuegos artificiales, no se si puedas decirme cual es la URL de esta..

    De antemano gracias =D

  7. Karto dice:

    Hola Miguel!
    Ya está corregido. Gracias por avisar. ;)

  8. Juan dice:

    Hola, no soy un experto en flash pero quisiera saber como crear un juego para colorear, solamente los aspectos básicos para un juego sencillo y sin complique…

    Agradecería la colaboración (Y)

  9. Viryz dice:

    Hola que tal!, necesito checar el tutorial de Examen fácil de Flash, pero el enlace me lleva a un buscador y no sale el ejemplo pueden ayudarme y subir el link correcto por favor, gracias

  10. kevin dice:

    t.t los tutos stan en ingles =( !!!pero me imagino q deben tar rebuenos =) !!!

Dejar un Comentario

© 2014 Blog de diseño grafico y desarrollo web – Pixeros.com. Todos los derechos reservados.