Unidad 4  Símbolos y Librerías Trabajo con símbolos e instancias
Símbolos, instancias y elementos de bibliotecas <ul><li>Símbolos e instancias </li></ul><ul><li>Tipos de comportamiento de...
Símbolos e instancias <ul><li>Un &quot; símbolo &quot; es una imagen( gráfico ), una  animación o un botón reutilizable . ...
Símbolos e instancias Un símbolo de la biblioteca y dos instancias en el escenario, con efectos aplicados a la instancia d...
Símbolos e instancias <ul><li>Los símbolos creados forman parte automáticamente de la  biblioteca del documento activo .  ...
Tipos de comportamiento de los símbolos <ul><li>Existen 3 tipos de símbolos: </li></ul><ul><ul><li>Símbolos gráficos </li>...
Tipos de comportamiento de los símbolos <ul><li>Símbolos gráficos </li></ul><ul><li>Utilice  símbolos gráficos  para las i...
Símbolos gráficos <ul><li>Demostración   </li></ul>Simbolos   graficos.fla
Tipos de comportamiento de los símbolos <ul><li>Símbolos de botón </li></ul><ul><li>Utilice  símbolos de botón  para crear...
Símbolos de botón <ul><li>Demostración   </li></ul>Simbolos   boton.fla
Tipos de comportamiento de los símbolos <ul><li>Símbolos clip de películas </li></ul><ul><li>Utilice  símbolos de clip de ...
Tipos de comportamiento de los símbolos <ul><li>Símbolos clip de películas </li></ul><ul><li>También pueden colocarse inst...
Símbolos clip de película <ul><li>Demostración   </li></ul>Simbolos  clip de  peliculas.fla
Creación de símbolos <ul><li>Puede crear un símbolo a partir de los objetos seleccionados en el escenario o crear un símbo...
Creación de símbolos <ul><li>Demostración   </li></ul>creacion   simbolos.pdf
Duplicación de símbolos <ul><li>La duplicación de un símbolo  permite utilizar un símbolo existente como punto de partida ...
Duplicación de símbolos Para duplicar un símbolo seleccionando una instancia: 1  Seleccione una instancia del símbolo en e...
Duplicación de símbolos <ul><li>Demostración   </li></ul>duplicacion  de  simbolos.fla
Creación y modificación de instancias <ul><li>Una vez creado un símbolo, puede  utilizar instancias  del mismo en cualquie...
Creación y modificación de instancias <ul><li>También puede cambiar las propiedades de color de cada instancia para ajusta...
Creación y modificación de instancias <ul><li>Demostración   </li></ul>crea_mod   instanc.pdf
Edición de símbolos <ul><li>También puede  editar el símbolo para cambiar todas sus instancias . </li></ul><ul><li>Mientra...
Edición de símbolos A prenderá a utilizar símbolos en la animación para el rehúso de objetos vectoriales.
Edición de símbolos <ul><li>Demostración   </li></ul>edicion  de  simbolos.fla
Asignación de un símbolo distinto a una instancia <ul><li>Puede  asignar un símbolo distinto a una instancia  para visuali...
Asignación de un símbolo distinto a una instancia <ul><li>Demostración   </li></ul>Asig  de un  símb   dist_instancia.pdf
Cambio del tipo de instancia <ul><li>El  tipo de una instancia  puede modificarse para volver a definir su comportamiento ...
Cambio del tipo de instancia <ul><li>Demostración   </li></ul>cambio tipo instancia.  fla
Tips - Restablecimiento de objetos transformados <ul><li>Al escalar, rotar e inclinar instancias, grupos y tipos con el in...
Alineación de objetos 1  Seleccione los elementos que desea alinear. 2  Elija  Windows  >  Alinear . 3  Elija la opción qu...
Alineación de objetos <ul><li>Demostración   </li></ul>Alineación de  objetos.fla
Organizar Grupos o Símbolos Nota : Recordarles el Error cuando no son grupos. (Desabilitado)
Preferencias Flash permite establecer las preferencias para las operaciones generales de la aplicación, las operaciones de...
Importación de Archivos
Trazados de mapas de bits <ul><li>Flash importa los mapas de bits en forma de objetos simples que se comportan   como grup...
Trazados de mapas de bits - Valores Recomendados Ver Demostración. Mucha esquinas Píxeles 1 Píxel 10 Umbral de esquina Aju...
Trazados de mapas de bits <ul><li>Demostración   </li></ul>Traz_map_bits.fla
Pintura con una imagen de mapa de bits <ul><li>Puede utilizar las herramientas  Pincel  y  Cubo  de pintura para pintar co...
Pintura con una imagen de mapa de bits <ul><li>Demostración   </li></ul>Pint_img_mapbits.fla
Librería Dentro de nuestra librería podemos Organizarla en carpetas, y agrupar nuestras imágenes, sonidos y símbolos. Opci...
Propiedades de la Película Click derecho en el escenario. Antes de Animar
Configuración de Publicación Antes de Animar
Configuración de Publicación Antes de Animar
Configuración de Publicación Antes de Animar
Exportar Imagen y Película Antes de Animar
Importar a flash Ver Importar archivos de Flash ya generados Antes de Animar importar.fla
Archivos de flash como bibliotecas (fla) Hacer una prueba Antes de Animar importar.fla
Controles de una Película de flash Antes de Animar movieimport.fla
Menú Ver Antes de Animar movieimport.fla
Símbolos y líbrerías   <ul><li>Laboratorios   </li></ul>
Próxima SlideShare
Cargando en…5
×

Símbolos en Flash CS3

18.508 visualizaciones

Publicado el

Enseña el uso de los diferentes tipos de símbolos que se usan en Flash; además del uso de instancias.

Publicado en: Educación
0 comentarios
3 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
18.508
En SlideShare
0
De insertados
0
Número de insertados
449
Acciones
Compartido
0
Descargas
325
Comentarios
0
Recomendaciones
3
Insertados 0
No insertados

No hay notas en la diapositiva.

Símbolos en Flash CS3

  1. 1. Unidad 4 Símbolos y Librerías Trabajo con símbolos e instancias
  2. 2. Símbolos, instancias y elementos de bibliotecas <ul><li>Símbolos e instancias </li></ul><ul><li>Tipos de comportamiento de los símbolos </li></ul><ul><ul><ul><li>- Símbolos gráficos </li></ul></ul></ul><ul><ul><li>- Símbolos de botón </li></ul></ul><ul><ul><li>- Símbolos clip de película </li></ul></ul><ul><li>Creación de símbolos </li></ul><ul><li>Duplicación de símbolos </li></ul><ul><li>Creación y modificación de instancias </li></ul><ul><li>Edición de símbolos </li></ul><ul><li>Asignación de un símbolo distinto a una instancia </li></ul><ul><li>Cambio del tipo de instancia </li></ul>
  3. 3. Símbolos e instancias <ul><li>Un &quot; símbolo &quot; es una imagen( gráfico ), una animación o un botón reutilizable . </li></ul><ul><li>Cada símbolo que se encuentra en el escenario es una &quot; instancia &quot;. </li></ul><ul><li>Los símbolos ayudan a mantener tamaños de archivo reducidos y a modificar las películas con más facilidad. </li></ul><ul><li>También son necesarios para crear elementos de interactividad complejos. </li></ul>
  4. 4. Símbolos e instancias Un símbolo de la biblioteca y dos instancias en el escenario, con efectos aplicados a la instancia de la derecha
  5. 5. Símbolos e instancias <ul><li>Los símbolos creados forman parte automáticamente de la biblioteca del documento activo . </li></ul><ul><li>Una instancia puede ser muy diferente a su </li></ul><ul><li>símbolo en color, tamaño y función . </li></ul><ul><li>Al editar el símbolo, se actualizan todas </li></ul><ul><li>sus instancias, pero al aplicar efectos </li></ul><ul><li>a una instancia de un símbolo, sólo </li></ul><ul><li>se aplica la instancia en cuestión </li></ul>
  6. 6. Tipos de comportamiento de los símbolos <ul><li>Existen 3 tipos de símbolos: </li></ul><ul><ul><li>Símbolos gráficos </li></ul></ul><ul><ul><li>Símbolos de botón </li></ul></ul><ul><ul><li>Símbolos clip de película </li></ul></ul>
  7. 7. Tipos de comportamiento de los símbolos <ul><li>Símbolos gráficos </li></ul><ul><li>Utilice símbolos gráficos para las imágenes estáticas y para crear animaciones reutilizables ligadas a la línea de tiempo de la película principal. </li></ul><ul><li>Los símbolos de gráficos funcionan de </li></ul><ul><li>manera sincronizada con la línea de tiempo de la película. </li></ul><ul><li>Los controles y sonidos interactivos </li></ul><ul><li>no funcionan en la secuencia de animación de un símbolo gráfico. </li></ul>Gráfico
  8. 8. Símbolos gráficos <ul><li>Demostración </li></ul>Simbolos graficos.fla
  9. 9. Tipos de comportamiento de los símbolos <ul><li>Símbolos de botón </li></ul><ul><li>Utilice símbolos de botón para crear botones interactivos en la película que respondan a las pulsaciones y desplazamientos del ratón, o a otras acciones. </li></ul><ul><li>Defina los gráficos asociados con varios estados del botón y, a continuación, asigne acciones a una instancia del botón. </li></ul>Botón
  10. 10. Símbolos de botón <ul><li>Demostración </li></ul>Simbolos boton.fla
  11. 11. Tipos de comportamiento de los símbolos <ul><li>Símbolos clip de películas </li></ul><ul><li>Utilice símbolos de clip de película para crear piezas de animación reutilizables . </li></ul><ul><li>Los clips de película tienen sus propias líneas de tiempo de varios fotogramas que se reproducen independientemente de la línea de tiempo de la película principal; piense en ellos como en minipelículas dentro de una película principal que pueden contener controles. </li></ul>Clip de películas
  12. 12. Tipos de comportamiento de los símbolos <ul><li>Símbolos clip de películas </li></ul><ul><li>También pueden colocarse instancias de </li></ul><ul><li>clip de película dentro de la línea de tiempo de un símbolo de botón para crear botones </li></ul><ul><li>animados. </li></ul>Clip de películas
  13. 13. Símbolos clip de película <ul><li>Demostración </li></ul>Simbolos clip de peliculas.fla
  14. 14. Creación de símbolos <ul><li>Puede crear un símbolo a partir de los objetos seleccionados en el escenario o crear un símbolo vacío y crear o importar el contenido en modo de edición de símbolos. </li></ul><ul><li>Los símbolos pueden tener toda la </li></ul><ul><li>funcionalidad disponible en Flash, incluida la animación. </li></ul>El fantasma del área de trabajo es ahora una instancia del símbolo.
  15. 15. Creación de símbolos <ul><li>Demostración </li></ul>creacion simbolos.pdf
  16. 16. Duplicación de símbolos <ul><li>La duplicación de un símbolo permite utilizar un símbolo existente como punto de partida para la </li></ul><ul><li>creación de un nuevo símbolo. </li></ul><ul><li>También puede utilizar instancias para crear versiones del símbolo con distintos aspectos. </li></ul><ul><li>Para duplicar un símbolo utilizando el panel Biblioteca: </li></ul><ul><li>1 Seleccione un símbolo en el panel Biblioteca. </li></ul><ul><li>2 Realice uno de los siguientes pasos para duplicar el símbolo: </li></ul><ul><ul><li>• Haga clic en el botón derecho del ratón (Windows) y elija Duplicar en el menú contextual. </li></ul></ul><ul><ul><li>• Seleccione Duplicar en el menú de opciones de la biblioteca. </li></ul></ul>
  17. 17. Duplicación de símbolos Para duplicar un símbolo seleccionando una instancia: 1 Seleccione una instancia del símbolo en el escenario. 2 Elija Modificar > Duplicar Símbolo . El símbolo se duplica y la instancia se sustituye por una instancia del símbolo duplicado.
  18. 18. Duplicación de símbolos <ul><li>Demostración </li></ul>duplicacion de simbolos.fla
  19. 19. Creación y modificación de instancias <ul><li>Una vez creado un símbolo, puede utilizar instancias del mismo en cualquier parte de la película. </li></ul><ul><li>Las instancias de un símbolo pueden cambiarse sin que ello afecte a las demás ni al símbolo original . </li></ul><ul><li>Utilice los modificadores de escala y rotación de la herramienta Flecha para cambiar las instancias que haya creado. </li></ul>
  20. 20. Creación y modificación de instancias <ul><li>También puede cambiar las propiedades de color de cada instancia para ajustar su brillo, aplicar tintas o hacerlas transparentes. </li></ul>
  21. 21. Creación y modificación de instancias <ul><li>Demostración </li></ul>crea_mod instanc.pdf
  22. 22. Edición de símbolos <ul><li>También puede editar el símbolo para cambiar todas sus instancias . </li></ul><ul><li>Mientras se edita un símbolo, el resto de la película desaparece y sólo se muestra el símbolo. Todas las funciones y herramientas están disponibles. </li></ul><ul><li>Observe que todas las instancias del símbolo se modifican, pero no pierden sus particularidades. </li></ul>
  23. 23. Edición de símbolos A prenderá a utilizar símbolos en la animación para el rehúso de objetos vectoriales.
  24. 24. Edición de símbolos <ul><li>Demostración </li></ul>edicion de simbolos.fla
  25. 25. Asignación de un símbolo distinto a una instancia <ul><li>Puede asignar un símbolo distinto a una instancia para visualizar una instancia diferente en el escenario y conservar todas las propiedades de la instancia original, como los efectos de color o las acciones de los botones. </li></ul><ul><li>Por ejemplo, digamos que está creando un dibujo animado con un símbolo Ratón como uno de los personajes , pero decide cambiar el personaje a Gato . Puede intercambiar el símbolo Gato por el de Ratón y el personaje aparecerá actualizado aproximadamente en la misma ubicación en todos los fotogramas . </li></ul>
  26. 26. Asignación de un símbolo distinto a una instancia <ul><li>Demostración </li></ul>Asig de un símb dist_instancia.pdf
  27. 27. Cambio del tipo de instancia <ul><li>El tipo de una instancia puede modificarse para volver a definir su comportamiento en una película. </li></ul><ul><li>Por ejemplo, si una instancia gráfica contiene una animación que desea reproducir de forma independiente de la línea de tiempo de la película principal, puede volver a definirla como una instancia de clip de película . </li></ul>1 Seleccione la instancia en el escenario y elija Ventana > Propiedades . Botón Duplicar 2 Elija Gráfico , Botón o Clip de película en el menú emergente situado en la esquina inferior izquierda del inspector de propiedades .
  28. 28. Cambio del tipo de instancia <ul><li>Demostración </li></ul>cambio tipo instancia. fla
  29. 29. Tips - Restablecimiento de objetos transformados <ul><li>Al escalar, rotar e inclinar instancias, grupos y tipos con el inspector de transformaciones, Flash guarda los valores del tamaño y la rotación originales con el objeto. </li></ul><ul><li>Por tanto, para restablecer los valores originales, elimine cualquier transformación. </li></ul>Para restablecer un objeto transformado a su estado original: Restablecer
  30. 30. Alineación de objetos 1 Seleccione los elementos que desea alinear. 2 Elija Windows > Alinear . 3 Elija la opción que desee en el cuadro de diálogo Alinear y haga clic en Aceptar.
  31. 31. Alineación de objetos <ul><li>Demostración </li></ul>Alineación de objetos.fla
  32. 32. Organizar Grupos o Símbolos Nota : Recordarles el Error cuando no son grupos. (Desabilitado)
  33. 33. Preferencias Flash permite establecer las preferencias para las operaciones generales de la aplicación, las operaciones de edición y las operaciones con el Portapapeles. 1 Seleccione Edición > Preferencias . 2 Haga clic en la ficha General , Edición , Portapapeles , Advertencias o Editor ActionScript y elija las opciones respectivas.
  34. 34. Importación de Archivos
  35. 35. Trazados de mapas de bits <ul><li>Flash importa los mapas de bits en forma de objetos simples que se comportan como grupos de formas. </li></ul><ul><li>Utilice Trazar mapa de bits si desea reducir el tamaño del archivo o manipular la imagen. </li></ul><ul><li>Este comando convierte los mapas de bits en </li></ul><ul><li>Imágenes de vectores con áreas de color discretas que pueden editarse. </li></ul><ul><li>Para editar el color de un mapa de bits separado utilice la herramienta Varita mágica. </li></ul>Ver ejemplo.
  36. 36. Trazados de mapas de bits - Valores Recomendados Ver Demostración. Mucha esquinas Píxeles 1 Píxel 10 Umbral de esquina Ajustar a curva Área mínima Umbral
  37. 37. Trazados de mapas de bits <ul><li>Demostración </li></ul>Traz_map_bits.fla
  38. 38. Pintura con una imagen de mapa de bits <ul><li>Puede utilizar las herramientas Pincel y Cubo de pintura para pintar con una imagen en un mapa de bits y crear patrones. </li></ul><ul><li>En primer lugar, debe separar el mapa de bits en áreas discretas de color y, a continuación, tomarlo como patrón con la herramienta Cuentagotas . </li></ul><ul><li>Una vez pintada un área o forma con una imagen de mapa de bits puede utilizar la herramienta Cubo de pintura para rotarla , inclinarla o ajustar su tamaño. </li></ul>
  39. 39. Pintura con una imagen de mapa de bits <ul><li>Demostración </li></ul>Pint_img_mapbits.fla
  40. 40. Librería Dentro de nuestra librería podemos Organizarla en carpetas, y agrupar nuestras imágenes, sonidos y símbolos. Opciones de la Librería
  41. 41. Propiedades de la Película Click derecho en el escenario. Antes de Animar
  42. 42. Configuración de Publicación Antes de Animar
  43. 43. Configuración de Publicación Antes de Animar
  44. 44. Configuración de Publicación Antes de Animar
  45. 45. Exportar Imagen y Película Antes de Animar
  46. 46. Importar a flash Ver Importar archivos de Flash ya generados Antes de Animar importar.fla
  47. 47. Archivos de flash como bibliotecas (fla) Hacer una prueba Antes de Animar importar.fla
  48. 48. Controles de una Película de flash Antes de Animar movieimport.fla
  49. 49. Menú Ver Antes de Animar movieimport.fla
  50. 50. Símbolos y líbrerías <ul><li>Laboratorios </li></ul>

×