ProInf.net

Cuaderno de ejercicios

Enunciados y solución de los ejercicios de Flash en formato OpenDocument:

• cuaderno ejercicios flash.odt - Todos los días en un único archivo de 200 páginas en 5 megabytes.
• dia01.odt, dia02.odt, dia03.odt, dia04.odt, dia05.odt, dia06.odt, dia07.odt, dia08.odt, dia09.odt, dia10.odt, dia11.odt, dia12.odt, dia13.odt, dia14.odt, dia15.odt, dia16.odt, dia17.odt, dia18.odt, dia19.odt, dia20.odt, licencia.odt

Esta obra está bajo una Licencia Creative Commons

Nota: El formato de fichero .odt es utilizado por el programa de software libre OpenOffice.org. Para poder ver y editar el archivo es necesario instalar el OpenOffice. Las distribuciones de GNU-Linux, como Ubuntu, ya lo llevan instalado de serie. Para guardarlo el enlace hay que pulsar el botón secundario del ratón y dar la orden de guardar el enlace o el destino.

Ejercicios de clase

Ver todos los ejercicios de clase mediante un menú XML en Flash

• Primer día
  • Formatos de ficheros, publicación e Internet.
  • Dibujo vectorial, fotograma clave y animación
    • Prueba 1, Prueba 2, Prueba 3, Prueba 4
  • Capas
    • Capas 1, Capas 2, Capas 3, Capas 4
  • Encadenar animaciones
    • Rebote, Vida_circulo
• Segundo día
  • Operaciones con los fotogramas:
    • Banderas animadas: Italia, Catalana, Rayada - Animaciones con tiempos muertos y tiempos vacíos
    • Cuadrados rotantes - Animaciones semejantes encadenadas
    • Rectángulo blanco - Tiempos muertos y tiempos vacíos.
    • Semáforo - Animación sin interpolaciones.
  • Formas y deformaciones
    • Donut - Deformaciones de rectángulos y círculos. Agujeros. Cuentagotas.
    • Cara - Linea.
    • Deformación - Suavizar, curvar y optimizar forma.
    • Consejos - Guiar una animación mediante consejos de forma.
• Tercer día
  • Grupos
    • Cuadraditos 1 - Fotogramas sincronizados
    • Cuadraditos 2 - Fotogramas desfasados
  • Transformación libre
    • Transf._libre 1 - Un cubo 3D
    • Transf._libre 2 - Un coche acelerando y frenando
• Cuarto día
  • Texto
    • Texto 1 y B - Animación con las letras de un texto
    • Texto 2 - Animación con rotación
    • Texto 3 - Animación con colores
    • Texto 4 y B - Otra animación con texto
  • Rellenos
    • Rellenos 1 - Tipos de relleno y transformación de rellenos
    • Rellenos 2 - Colores de relleno
    • Rellenos 3 - Transparencias
• Quinto día
  • Botones y Acciones
    • Botones 1 - Diseño de botones y menú web
    • Botones 2 - Menú web a Wikipedia
    • Botones 3 - Menú de banderas
• Sexto día
  • Menú
    • Menú 1 - Menú con fotos y textos. Queda marcado el último botón pulsado.
    • Variaciones sobre este menú: Blanco y Cristal
• Séptimo día
  • Menú
    • Menú 2 - Agregar un nuevo botón y un nuevo animal
    • Menú_escenas - Menú basado en escenas
    • Menú_escenas 2 - Menú basado en escenas con animaciones
    • Menú_películas - Menú basado en películas SWF
• Octavo día
  • Menú
    • Menú 3 - Un menú de botones de opción. Cambiar la zona activa del botón. Etiquetas de fotograma.
    • Menú 4 - Menú con animaciones en fotogramas. Efecto de aparación de una imagen.
  • Acciones de reproducción
  • Acciones 1 - Parar y poner en marcha una animación.
  • Acciones 2 - Empezar con una película parada.
• Clips de película e instancias
  • Clip 1 - Peatones. Papel cebolla.
• Noveno día
  • Clips de película e instancias
    • Clip 2 - Estrellas que laten y se mueven
    • Pecera - Peces que van de un lado a otro
    • Rotación 1 - Flecha que sube y baja y además rota. Un clip dentro de otro clip.
    • Rotación 2 - Parar y reproducir cada flecha por separado.
    • Rotación 3 - Parar y reproducir cada una de las instancias por separado.
    • Multiclip 1 - Animaciones de clips de película con líneas de tiempo de distintas duraciones.
    • Multiclip 2 - Parar y reproducir cada instancia por separado.
• Décimo día
  • Botones animados
    • Botón animado 1 - Uso combinado de todos los tipos de símbolos
    • Botón animado 2 - Botón con una estrella que gira
    • Botón animado 3 - Botón dos dos bolitas que giran
• Undécimo día
  • Botones animados
    • Botón animado 4 y B - Botones individuales para cada opción. Órdenes duplicar símbolo e intercambiar símbolo.
  • Desfase temporal
    • Ondas 1 - Desfase mediante gráficos
    • Ondas 2 - Desfase mediante clips de película
    • Ondas 3 - Ejercicio libre.
• Duodécimo día
  • Programación del clip de película
    • Maniquí 1 - Cambiar las prendas de un maniquí.
    • Maniquí 2 - Mejora en el código para que no pare en el primero ni en el último fotograma.
• Decimotercer día
  • Programación del clip de película
    • Viaje espacial - Cambiar las propiedades de clip con botones y teclado: mover, tamaño, giro, etc.
  • Cargador
  • Cargador 1 - Cargador de película con porcentaje de carga y barra de progreso.
  • Cargador 2 - Cargador con una animación al final de la carga
  • Cargador 3 - La imagen ha sido troceado para que se vaya cargando progresivamente
• Decimocuarto día
  • Curvas
    • Curvas 1 - Uso de la herramienta pluma. Líneas onduladas
    • Curvas 2 - Combinar rectas y curvas.
    • Curvas 3 - Corazón, trebol y pera. Uso de las herramienta convertir punto de ancha y subselección.
  • Trayectoria
    • Trayectoria 1 - Vuelo de mariposas
    • Trayectoria 2 - Cohete encarando la dirección de la trayectoria
    • Trayectoria 3 - Coche de carreras siguiendo trayectorias que se intersectan
    • Trayectoria 4 - Trayectoria compleja descompuesta en dos
• Decimoquinto día
  • Imágenes y transparencias
    • Mariposas - Trazar un mapa de bits para convertirlo en formas. El fondo es otra forma más que borramos.
    • Camión - Uso de una imagen PNG para la animación. La imagen incorpora transparencias difusas.
    • Enterprise y B - Convertir un mapa de bits en forma y luego los perfilamos para eliminar el fondo.
    • Pingüinos - Transición entre una imagen JPG y la siguiente JPG mediante animaciones con alfa.
    • Recursos::
      • Fotos: mariposa.jpg, enterprise.jpg,
      • Fondos: fondo_estrellas.gif,
      • Iconos: camion.png
• Decimosexto día
  • Menú y transiciones
    • Menú imágenes 1, 2, 3 y 4 - Uso de botones con imágenes. 2) Animación de aparición del nuevo contenido. 3) Animación de desaparición del contenido anterior. 4) Selección del botón actual.
    • Menú imágenes A, B, C y D - Distintos efectos de aparición y desaparición en la transición de un contenido a otro..
    • Menú imágenes - Cargador de cada contenido.
    • Recursos:
      • Iconos: brujula.png, prismaticos.png, corazon.png, pelicula.png y reloj.png. (128×128 píxeles)
      • Fotos: flores1.jpg, flores2.jpg, flores3.jpg, flores4.jpg y flores5.jpg (400×400 píxeles)
• Decimoséptimo día
  • Máscaras
    • Máscara 1 - Animación de forma en la capa máscara. Hay dos fotos: una enmascarada y otra de fondo.
    • Máscara 2 - Efecto de persianas venecianas. La máscara es un clip que agrupa clips animados
    • Máscara 3 - Máscara compuesta de una serie de clips dispuestos en matriz.
    • Máscara 4 - La máscara es un texto no animado. La capa enmascarada es un rectángulo con degradado que se mueve.
    • Fotos utilizadas: Pirámides, Momia, Colibrí y Albatros
• Decimoctavo día
  • Máscaras
    • Máscara 5 - Cambio multicolor de la letra. Efecto de brillo de cristal.
    • Máscara 6 - Descubrir una imagen destapando las baldosas al mover el ratón.
    • Máscara 7 - Modificación de la forma de la baldosa y de la animación.
    • Recursos utilizados: Ardilla coreana.jpg, Gills Sans Ultra Bold.ttf
• Decimonoveno día
  • Máscaras
    • Máscara 8 - Escritura de un texto fotograma a fotograma. Fuente: Mistral.ttf
  • Arrastrar, soltar y ratón
    • Arrastrar 1 - Arrastrar y soltar estrellas animadas
    • Arrastrar 2 - Cambiar el ratón
    • Arrastrar 3 y B - Lupa y máscara movidos con el ratón
    • Imágenes utilizadas: gorrion.jpg, gorrión desenfocado.jpg, ratón.jpg, queso.gif y lupa.jpg
• Vigésimo día
  • Sonidos
    • Sonidos 1 - Botones con sonidos. Sonidos wav.
    • Sonidos 2 y B - Eventos de sonido. Pelotas botadoras.
    • Sonidos 3 - Sonido de fondo. Silenciar el sonido. Sonido de fondo.
    • Enlaces relacionados:
      • Wavs... - Sonidos
      • Flashkit.com... - Música de fondo (loops)
  • Vídeos
    • Video 1 - Reproducción de vídeo mediante un reproductor y un fichero FLV externo
    • Video 2 - Reproducción en la línea de tiempo. Incorporación del FLV dentro del SWF.
    • Enlaces relacionados:
      • Magic's Video... - Complemento de Firefox para descargar vídeos FLV de webs como youtube.com
• Extra
  • Especial:
    • 9 divisiones - Clips de película de 9 divisiones para transformación libre elástica
    • Aceleración - Edición de la curva de la aceleración para clips. Separación entre movimiento y color.
    • Texto color y girar - Un texto que cambia de color y se transforma a la vez mediante clips.
  • 2º día:
    • Cara expresión - De triste a contento
  • 4º día:
    • Día y noche - Degradados animados
  • 7º día:
    • Menú 5 y Menú 6 son menús cuyos contenidos son ficheros SWF separados. Sirven como modelos para una web.
  • 8º día:
    • Acciones 3 - Parar y continuar la animación de un clip
  • 9º día:
    • Pecera - Peces en el mar
    • Rotación 3 - Control mediante ActionScript de la animación de los clips
  • 10º día:
    • Botón animado 1, Botón animado 2 y Botón animado 4 - Botones con animaciones de clip de película.
  • 11º día:
    • Ondas 1 - Clips desfasados en el tiempo
  • 12º día:
    • Maniquí - Vístelo a tu gusto
  • 13º día:
    • Viaje espacial - Propiedades y control por teclado
  • 20º día:
    • Pelota que bota - Efecto de sonido
    • Vídeo YouTube - Incorporar un vídeo directamente de YouTube.com

Nota: Los enlaces de color verde negrita enlazan al código fuente en Flash comprimidos en formato .7z gracias al programa de software libre 7.zip. Para guardar este archivo hay que pulsar con el botón derecho y seleccionar guardar enlace como.

Calendario del curso de la mañana

Calendario del curso de la tarde

Documentación

1. Animació i disseny amb Flash - XTEC
2. Manual de Flash MX.7z (2 MiB)*
3. Banco de sonidos del Ministerio de Educación y Ciencia

Nota: Algunos archivos están comprimidos con 7-Zip