Kitabı oku: «Manual de Flash CS5»
Manual de
Manual de
Manual de Flash CS5
© MEDIAactive
Primera edición, enero 2011
© 2011 MARCOMBO, S.A.
Gran Via de les Corts Catalanes, 594
08007 Barcelona (España)
en coedición con:
© 2011 ALFAOMEGA GRUPO EDITOR, S.A. de C.V.
C/ Pitágoras 1139 – Colonia del Valle
03100 – México D.F. (México)
Diseño de la cubierta: NDNU DISSENY GRÀFIC
Con la colaboración de:
«Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita fotocopiar o escanear algún fragmento de esta obra».
ISBN por Marcombo: 978-842-671-869-3
ISBN por Alfaomega: 978-607-707-136-5
ISBN (obra completa): 978-84-267-1674-3
D.L.:
Printed in Spain
Índice
La nueva interfaz del programa
Introducción
Lección 1. La interfaz del nuevo Flash CS5
Lección 2. Manipular paneles y paletas
Lección 3. Personalizar el área de trabajo
Lección 4. Preferencias y atajos de teclado
Lección 5. La Línea de tiempo
Lección 6. Adobe Bridge: el explorador de archivos
Películas y plantillas
Introducción
Lección 7. Formato vectorial y formato de mapa de bits
Lección 8. Propiedades de las películas
Lección 9. Visualizar varios archivos simultáneamente
Lección 10. Guardar documentos en Flash CS5
Lección 11. Plantillas
Herramientas de dibujo
Introducción
Lección 12. El panel Herramientas
Lección 13. El relleno de una forma
Lección 14. Ubicación y solapamiento de formas
Lección 15. Líneas y trazos
Lección 16. Rectángulos y óvalos
Lección 17. Rectángulo simple y óvalo simple
Lección 18. Polígonos y estrellas
Lección 19. Lápiz y Pincel
Lección 20. Rectas y curvas
Edición de imágenes
Introducción
Lección 21. Importar mapas de bits
Lección 22. Conversión de imágenes en formas de Flash
Lección 23. Suavizar y optimizar gráficos
Lección 24. Importar archivos de Photoshop Importar
Lección 25. Importar archivos de Illustrator
Los textos estáticos en Flash
Introducción
Lección 26. Atributos de texto
Lección 27. Bloques de texto: dimensiones y orientación
Lección 28. Espaciado entre caracteres y atributos de párrafo
Lección 29. Revisión ortográfica
Lección 30. Contornos de texto y fuentes de dispositivo
El color en Flash
Introducción
Lección 31. Borrar trazos y rellenos
Lección 32. Los trazos y el Bote de tinta
Lección 33. Los rellenos y el Cubo de pintura
Lección 34. Los colores personalizados y la paleta Color
Lección 35. Degradados y color vinculado a mapas de bits
Lección 36. Las paletas y las muestras de color
Lección 37. Transformación de rellenos
Trabajar con objetos
Introducción
Lección 38. Seleccionar y agrupar formas
Lección 39. Desagrupar y separar
Lección 40. Transformación libre de objetos
Lección 41. El panel Transformar
Lección 42. Supresión, copia y pegado de objetos
Lección 43. Organizar objetos
Lección 44. Reglas, guías y cuadrícula
Lección 45. Opciones de ajuste
Lección 46. Alineación de objetos
Las capas y la Línea de tiempo
Introducción
Lección 47. Capas y carpetas de capa
Lección 48. Eliminar y visualizar capas
Lección 49. Bloqueo y propiedades de capa
Lección 50. Visualización de la Línea de tiempo
Símbolos gráficos
Introducción
Lección 51. Creación de símbolos gráficos
Lección 52. Símbolos e instancias
Lección 53. Edición de símbolos e instancias
Lección 54. La Biblioteca y los símbolos gráficos
Lección 55. Convertir símbolos en herramientas de diseño
Lección 56. Aplicar efectos con la herramienta Deco
Fotogramas, animación y movimiento
Introducción
Lección 57. Animación fotograma a fotograma
Lección 58. Velocidad de fotogramas y duración de animaciones
Lección 59. Interpolación de movimiento
Lección 60. Recurrir a las interpolaciones clásicas
Lección 61. Modificar manualmente la aceleración
Lección 62. Editar curvas con el Editor de movimiento
Lección 63. Configurar movimientos predefinidos
Lección 64. Movimiento y color en textos
Lección 65. Trayectoria del movimiento
Lección 66. Movimiento a lo largo de un trazado
Lección 67. Uso de capas de máscara
Lección 68. Copiar y pegar interpolaciones
Lección 69. Animar con la herramienta Hueso
Lección 70. Animar con la herramienta Hueso
Lección 71. Animar en 3D
Forma
Introducción
Lección 72. Interpolación de forma
Lección 73. Trazos, rellenos e interpolaciones
Lección 74. Consejos de forma
Lección 75. Formas, texto y mapas de bits
Escenas, símbolos animados y botones
Introducción
Lección 76. Insertar escenas
Lección 77. El orden y el nombre de las escenas
Lección 78. Reproducción de escenas y películas
Lección 79. Control de instancias de símbolos gráficos
Lección 80. Animación de símbolos gráficos
Lección 81. Los símbolos gráficos y el Papel cebolla
Lección 82. Símbolos gráficos y clips de película
Lección 83. Clips anidados
Lección 84. Bibliotecas comunes: Botones
Lección 85. Creación de botones
Lección 86. Prueba de botones
Lección 87. Botones animados
Programación y control de la reproducción
Introducción
Lección 88. ActionScript 3.0 y las acciones
Lección 89. El panel Acciones y la introducción de código
Lección 90. Eventos e interacciones
Lección 91. Etiquetas de fotogramas
Lección 92. Anclajes
Lección 93. Copia, pegado, exportación e importación de scripts
Lección 94. La ventana Script integrada
Lección 95.Vincular un botón a una página web
Sonido y vídeo
Introducción
Lección 96. Importación y compresión de archivos de audio
Lección 97. Edición y personalización de sonidos
Lección 98. El importador de vídeo a Flash
Exportación y publicación
Introducción
Lección 99. El Explorador de películas
Lección 100. Exportación de imágenes y películas
Lección 101. Rendimiento de descarga y opciones de impresión
Lección 102. Publicación de documentos
Lección 103. Exportación avanzada de Quicktime
Lección 104. La ayuda de Flash CS5
La nueva interfaz del programa
Introducción
El software Adobe Flash CS5 Professional es la evolución de un programa que nació como un simple editor de animación vectorial. Presentaba la ventaja de crear vistosas películas de poco tamaño y, por tanto, fácilmente publicables en Internet. Esto hizo que rápidamente se popularizara su uso entre los animadores de todo el mundo. El crecimiento y la evolución de Flash han sido vertiginosos. Ha incorporado funciones de programas de dibujo vectorial y editores de imagen, procesadores de texto y páginas web, gestores de sedes y hasta un lenguaje de programación propio, renovado y ampliado en esta nueva versión de la aplicación con la aparición de ActionScript 3.0, para convertirse en un completo programa de autor capaz de generar contenido interactivo de alta calidad para plataformas móviles, digitales y web.
El La complejidad de Adobe Flash CS5 Professional hace que sea recomendable fijar sólidamente ciertos conceptos antes de empezar a trabajar con los documentos. Flash es un programa que requiere ir paso a paso para conseguir sacar el máximo partido a todas sus prestaciones.
Gracias a las múltiples herramientas de creación y edición, es posible crear elaborados y profesionales sitios web interactivos, anuncios con todo tipo de contenido multimedia (sonido, imágenes, vídeo...), presentaciones, juegos, sistemas didácticos, etc.
En las primeras lecciones de este manual, el usuario tomará contacto con el programa y, sobre todo, con los elementos de su interfaz. En el resto de lecciones, el usuario empezará a trabajar con el diseño, utilizando las múltiples, variadas y renovadas herramientas de dibujo, editando imágenes, manipulando textos y gestionando objetos, acciones éstas básicas para un posterior manejo del programa sin dificultades.
Lección 1. La interfaz del nuevo Flash CS5
Al acceder por primera vez a Adobe Flash CS5 llama la atención la nueva disposición de las paletas, mucho más elegante y flexible que en versiones anteriores de la aplicación. En la nueva interfaz, las paletas se organizan en grupos y éstos, a su vez, en paneles verticales que se expanden horizontalmente al pulsar sobre su borde superior. En la parte superior, como en la gran mayoría de los programas, está situada la Barra de menús, que contiene los menús desplegables con todas las funciones del programa: abrir, guardar, copiar, administrar comandos... La Barra de título original ha desaparecido, dando lugar así a un nuevo espacio en el que tiene cabida el menu de elección del espacio de trabajo (Conceptos básicos, por defecto) y un cuadro de búsqueda.En la parte derecha del área de trabajo se encuentran, en este orden, las paletas Propiedades y Biblioteca que podrán estar visibles siempre que usted lo crea oportuno, distribuyéndolas por el área de trabajo o modificando su posición y tamaño dependiendo de sus necesidades. La parte inferior de la interfaz está ocupada por la Línea de tiempo, destinada a la gestión de las animaciones, y el nuevo Editor de movimiento.
1 En la primera parte de esta lección, va a aprender a ejecutar Flash desde el botón Iniciar. La lección comienza en el Escritorio de Windows. Dirija el puntero del ratón hacia la parte inferior de la pantalla y haga clic en el botón Iniciar de la Barra de tareas.
2 Haga clic en la opción Todos los programas.
En la ventana de inicio encontrará las distintas opciones y posibilidades sobre la creación y abertura de documentos.
3 En principio, la práctica totalidad de los programas que instala en su equipo quedan reflejados en el menú que se despliega. Haga clic en el grupo de programas de Adobe y pulse en la subopción Adobe Flash CS5 Professional para que se ejecute el programa. (1)
4 Se abre la aplicación mostrando en su parte central una pantalla de bienvenida (2) cuyas opciones se agrupan en cuatro bloques. El primero, Abrir un elemento reciente, posibilita la apertura de los archivos con los que se ha trabajado anteriormente. Crear nuevo ofrece una lista de tipos de documento que puede seleccionar para abrir un nuevo archivo rápidamente. Crear con plantilla expone las plantillas utilizadas con mayor frecuencia para crear nuevos documentos y posibilita la selección de las plantillas agrupadas en categorías. Por último, Ampliar enlaza con Flash Exchange para la descarga de aplicaciones e información complementarias. Haga clic en la casilla de verificación de la opción No volver a mostrarlo.
5 El programa muestra un cuadro que informa del método que debemos seguir para recuperar la pantalla de bienvenida. Pulse el botón Aceptar.
Debajo del escenario se encuentra la Línea de tiempo, que permite organizar y controlar el contenido de un documento.
6 Para generar un documento en blanco y abandonar definitivamente la pantalla de bienvenida, pulse sobre el enlace ActionScript 3.0. (3)
7 Éste es el aspecto que presenta Flash CS5 al crear un documento en blanco. (4) La interfaz de usuario se ha actualizado y presenta un aspecto similar al de otras aplicaciones de Adobe, lo que facilitará el trabajo a sus usuarios. La Barra de título original ha desaparecido, dando lugar así a un nuevo espacio, denominado Barra de aplicación, en el que tiene cabida el menu de elección del espacio de trabajo (Conceptos básicos, por defecto) y un cuadro de búsqueda.También en esta barra, en la parte derecha, encontramos los habituales iconos Minimizar, Restaurar-Maximizar y Cerrar. Pulse sobre el icono del programa, situado en el extremo izquierdo de la Barra de título.
8 Este icono nos conduce al menú de control, también accesible mediante la pulsación del botón derecho del ratón sobre una zona libre de la Barra de título. Sus opciones se corresponden con las del grupo de botones anteriormente comentado y afectan a la totalidad de la aplicación. Pulse sobre la opción Minimizar.
9 El programa queda reducido a un botón en la Barra de tareas de Windows. Dirija el puntero del ratón hacia la parte inferior de la pantalla y pulse sobre el botón expandido de Flash CS5.
10 Bajo la Barra de aplicación, se encuentra la Barra de menús, que contiene las diferentes opciones que componen el programa. En el centro de la pantalla se muestra el denominado Escenario, área rectangular donde se verá el archivo con el que se trabaja. Por encima del área de trabajo se encuentra la denominada Barra de edición, que se ubica justo debajo de la pestaña que identifica al documento. Este sistema de organización de los documentos abiertos en pestañas fue una noveda de la versión CS5 de Flash. Bajo el escenario se encuentran la Línea de tiempo, que permite organizar y controlar el contenido de un documento y el nuevo Editor de movimiento. El resto de elementos del área de trabajo por defecto de Flash CS5 son los paneles Propiedades y Biblioteca, y la paleta Herramientas, dispuestos en la parte derecha. Como se verá en estos primeros capítulos del libro, todos estos componentes pueden cerrarse o reubicarse en otras zonas de la interfaz según convenga al usuario. El menú Ventana ofrece acceso a otras paletas del programa y proporciona además opciones de configuración del entorno de trabajo. Despliegue ese menú y pulse sobre la opción Barras de herramientas (5).
11 Flash incorpora tres barras de herramientas, de las cuales sólo una, la Barra de edición, se muestra por defecto, tal y como indica el signo de verificación. Seleccione la opción Principal (6) con un clic de ratón.
12 Automáticamente, se muestra en pantalla una barra con diversos iconos. Comunes en las aplicaciones del entorno Windows (7), los cinco primeros representan los comandos principales del menú Archivo y el resto se corresponde con opciones de los menús Edición, Ver y Modificar. Despliegue de nuevo el menú Ventana.
13 Pulse en la opción Barras de herramientas y, después, en Controlador.
14 La barra de herramientas Controlador (8) funciona como la botonera de cualquier reproductor; sus comandos permiten el control de la reproducción de las películas dentro del programa. En estos momentos los botones del Controlador se encuentran desactivados, puesto que el documento creado sólo contiene el fotograma inicial. Existen dos métodos para ocultar una barra de herramientas; el más sencillo consiste en pulsar el botón Cerrar de su Barra de título. Hágalo con la paleta Controlador.
15 Otro método consiste en desactivar la barra en el menú Ventana. Despliegue una vez más el menú Ventana, haga clic en la opción Barras de herramientas y pulse en Principal para ocultarla y dejar así el área de trabajo tal y como aparece por defecto.
Lección 2. Manipular paneles y paletas
Todos los paneles y las paletas que ofrece Flash CS5 se encuentran en el menú Ventana, desde el cual pueden mostrarse u ocultarse. Los paneles de Flash CS5 pueden distribuirse manualmente por el área de trabajo mediante la técnica de arrastre para convertirse en paletas flotantes independientes y su ubicación original puede recuperarse de forma automática gracias al comando Predeterminado, incluido en la opción Espacio de trabajo del menú Ventana. Todos los paneles activos en el área de trabajo aparecen en el menú desplegable Ventana con un signo de verificación. Si desea ocultarlos todos a la vez de forma transitoria, deberá pulsar la tecla F4 o seleccionar la opción Ocultar paneles del menú Ventana. Por último, cabe destacar la posibilidad de conservar una configuración concreta de los paneles en el área de trabajo, tanto en cuanto a su ubicación como a las características de configuración para cada uno de ellos.
RECUERDE
De manera predeterminada, en Windows 7 las plantillas de Microsoft Office se encuentran en el siguiente directorio: Equipo/Disco Local/ Archivos de programa/ Microsoft Office/Templates/3082.
1 Las paletas y los paneles que componen la interfaz de Flash CS5 pueden mostrarse y ocultarse siguiendo distintos procedimientos. Para empezar, haga clic en la doble punta de flecha de los paneles Propiedades y Biblioteca. (1)
2 Los dos paneles han quedado contraídos a la derecha del área de trabajo. (2) Para volver a mostrarlos podemos utilizar de nuevo la doble punta de flecha o bien dirigirnos al menú Ventana. Despliegue este menú y seleccione la opción Biblioteca.
3 Se muestra un nuevo panel mostrando el contenido del panel Biblioteca. (3) Compruebe que este panel comparte espacio también desplegado con el panel Propiedades. Haga clic sobre la pestaña Propiedades para activar ese panel.
Todas las barras y ventanas pueden cerrarse o reubicarse en otras zonas de la interfaz según convenga al usuario.
4 Para volver a mostrar el contenido del panel Biblioteca, haga clic en la pestaña con ese nombre.
5 Estos paneles, igual que sucede con la paleta Herramientas, situada a la derecha de la pantalla, no son elementos fijos, sino que pueden distribuirse por el área de trabajo de modo que queden situados en el lugar que a usted más le convenga. Para ello, deberá utilizar la técnica de arrastre con el ratón. Pulse sobre la pestaña de la paleta Propiedades y, sin soltar el botón del ratón, arrastre este elemento hasta el centro del área de trabajo. (4)
6 Para colocar el panel Propiedades en su ubicación original, arrástrelo pulsando en su pestaña hasta situarlo por encima del panel Biblioteca.
7 Tenga en cuenta que, también mediante el arrastre, es posible cambiar el orden de las fichas en un panel. Pero no sólo la ubicación de los paneles puede ser modificada, sino también el tamaño de algunas de ellas. Para ello, también se utiliza la sencilla técnica del arrastre. Haga clic sobre el nombre del panel Propiedades, ahora contraído.
8 Para modificar el tamaño de un panel, se debe arrastrar hacia arriba (5) o hacia abajo (6) la línea situada en su margen inferior. Haga clic en el margen inferior de este panel y arrástrelo aproximadamente dos centímetros hacia arriba.
9 Es posible ocultar todos los paneles (7) pulsando la tecla F4 o bien seleccionando la opción adecuada del menú Ventana. Despliegue dicho menú y pulse sobre la opción Ocultar paneles.
10 Para volver a mostrar los paneles predeterminados y dar así por acabado este ejercicio, despliegue una vez más el menú Ventana y pulse sobre la opción Mostrar paneles (8) o bien pulse la tecla F4.
