Search

Diseño Web HTML5 CSS3 Javascript

Diseño Web – Amit Kvint

Category

Flash

Flash – abrimos archivo

Espacio de trabajo :

Abrimos archivo nuevo o desde la pantalla de bienvenidos (con todas sus opciones) o desde el menú arriba Archivo — Nuevo, aquí tenemos que elegir que tipo de archivo vamos a crear – ActionScript 2 (para nintendo)  / 3  (para la web – ultima versión) o para Móviles

En la pantalla tenemos nuestro espacio de trabajo –

A la izquierda las diferentes herramientas:

  1. Primera sección – diferentes herramientas de selección & transformación
  2. Segunda sección – para dibujar & crear arte en Flash
  3. Tercera sección – para modificar trazos & relleno
  4. Ultima sección – opciones de herramienta

A la derecha los paneles :

Podemos añadir & quitar paneles según lo que nos interesa (como en Photoshop) podemos tambien guardar el espacio de trabajo como En Photoshop o DW en Ventana—Espacio de trabajo—Guardar

Arriba en el centro  – nuestro linea de tiempo (timeline) – muestra la animación & el tiempo con Marcos Interpolaciones & Fotogramas (Tweening, Frames & Keyframes) & nuestra cabeza lectora (play head) & tenemos las capas

Abajo tenemos las propiedades (como en DW)

Flujo de Trabajo :

  1. Abrimos nuevo documento
  2. Creamos o insertamos arte en la escena
  3. Añadimos marco/ fotograma / fotograma vacía en la cronograma
  4. creemos la animación entre las dos fotogramas (con Interpolaciones normalmente)
  5. Probamos el resultado con CTRL + INTRO
  6. Guardamos el archivo : Archivo  — guardamos como FLA / para publicar en la web Guardamos como SWF (Flash crea un archivo HTML) Aerchivo — Publicar

Animación –

Marco vs. Fotograma

  1. Fotogramas son marcos que tienen arte (contenido gráfico) que hemos creado o insertado
  2. Marcos representan visualmente la ultima fotograma en su capa
  3. Los dos representan puntos en la animación & en el tiempo

técnicas –

* Cut & Paste / paste en sitio /

* Lock & Unlock layers (lock others)

*

 

Flash – Introduccion

  1. Que es Flash & para que se usa ?
    1. Flah es parte de las soluciones que ofrece Adobe para desarrollo de aplicaciones & presentaciones gráficos & junto con el Adobe Illustrator son los líderes mundiales a la hora de crear gráfica vectorial
    2. Los usos mas populares del Flash son para crear animaciones, aplicaciones para la web, juegos & otros soluciones visuales
    3. Flash funciona con gráfica vectorial lo que permite a crear archivos con un peso bastante ligero aunque creamos gráficas complejas (como animaciones por ejemplo)
    4. Con Flash se puede trabajar también con imágenes de mapas de bit(bitmap – como JPG, GIF etc…)
    5. Con Flash podemos presentar video & audio
    6. El uso avanzado se crea usando un lenguaje de programación propio (parecido al JavaScript)  que se llama ActioScript – la ultima versión de ActionScript es la 3
    7. Podemos producir diferentes tipos de archivos con el Flash los mas importantes para nosotros son :
      1. Fla – son los archivos para trabajar en el Flash Pro – (como PSD del Photoshop)
      2. SWF – los archivos creados para la web (parecido al JPG por ejemplo en Photoshop)
      3. FLV – archivos de video usando el sistema de integración de Flash
    8. El uso futuro del Flash para crear aplicaciones web no esta nada seguro, desde que Apple se ha empeorado la integración de aplicaciones Flah en sus aparatos IPad & IPhone parece que los días del Flash están contados para el uso en la web, entonces por que aprendemos aquí Flash ?
      1. Como muy buena base para otras soluciones que van surgiendo para crear animación & ínter actividad en la Web (Edge)
      2. Para abrir otra puerta de creatividad a quien le interesaría desarrollar conocimientos por ejemplo en el campo de juegos o presentaciones (para empresas & educación por ejemplo)
      3. Porque esta en el programa 🙂
    9. La diferencia entre Imagen Bitmap & Imagen vectorial
      1. Gráfica vectorial usa lineas & formas & no pixeles
      2. Gráfica vectorial usa formulas matemáticas para crear las imágenes & por eso no se cambia cuando la ampliamos

 

Blog at WordPress.com.

Up ↑

%d bloggers like this: