Páginas Web Animadas, "Flash 1" Cursos on line FADU UBA. clase. Cómo se trabaja con color?

Transcripción

1 Cómo se trabaja con color? Módulo clase Selección de los atributos de trazo y relleno Uso de los controles "Trazo" y "Relleno" de la caja de herramientas Especificación de color, estilo y peso del trazo en el panel Trazo. Trabajo con rellenos sólidos, de degradados y de mapas de bits en el panel Relleno Uso de la herramienta "Cubo de pintura" Uso de la herramienta "Bote de tinta" Uso de la herramienta "Cuentagotas" Creación y edición de colores sólidos con el mezclador ficha 5 página 1 página 1 punto 2 página 1 punto 3 página 2 punto 4 página 2 punto 5 página 4 punto 6 página 4 punto 7 página 4 punto 8 página 4 Cómo pueden utilizarse ilustraciones importadas? ficha 6 página 5 Introducción de ilustraciones en Flash página 5 página 5 Configuración de propiedades de mapas de bits Cuáles son los procedimientos para adicionar sonidos? ficha 7 página 5 Importación de sonidos punto 2 página 5 docente: Hugo Falivene pedagoga: Verónica Perossi

2 Flash ofrece numerosas funciones para crear, aplicar y modificar colores. Utilizando ya sea la paleta predeterminada o una definida por el usuario, es posible seleccionar los colores que se van a aplicar al trazo o al relleno de un objeto. Para aplicar un color de trazo a una forma, se puede seleccionar cualquier color sólido, así como el estilo y el peso del trazo. Para el relleno de una forma, se puede aplicar un color sólido, un degradado o un mapa de bits. Para aplicar un relleno de mapa de bits, es necesario importar un mapa de archivos al archivo actual. También se puede aplicar un relleno o un trazo transparente. Otra posibilidad es aplicar un relleno de color sólido a un tipo. Además: el panel "Mezclador" permite crear y editar colores sólidos. el panel "Relleno" permite crear y editar rellenos con degradados. el panel "Muestras" permite importar, exportar, eliminar, así como modificar de otras maneras la paleta de color de un archivo. Flash le permite realizar las siguientes funciones: selección de los atributos de trazo y relleno. uso de los controles Trazo y Relleno de la caja de herramientas. trabajo con rellenos sólidos, de degradados y de mapas de bits en el panel Relleno. uso de la herramienta Cubo de pintura. - uso de la herramienta Bote de tinta. - uso de la herramienta Cuentagotas. - creación y edición de colores sólidos con el mezclador. Selección de los atributos de trazo y relleno Para especificar el color de relleno o de trazo, se utilizan los controles Trazo y Relleno de la caja de herramientas, las herramientas "Bote de tinta" y "Cubo de pintura" o los paneles "Trazo" y "Relleno". Para modificar el estilo de trazo o el peso de las líneas, se utiliza el panel "Trazo". Para crear o editar rellenos con degradados, así como para aplicar rellenos de mapa de bits, se utiliza el panel "Relleno". Al crear nuevos objetos con las herramientas de dibujo y pintura, los objetos se pintan con los atributos especificados en los modificadores de las herramientas "Trazo" y "Relleno". Puede copiar los atributos de trazo y relleno de un objeto a otro mediante la herramienta"cuentagotas". Uso de los controles "Trazo" y "Relleno" de la caja de herramientas punto 2 Estos controles de la caja de herramientas establecen los atributos de pintura de los nuevos objetos que fueron creados con las herramientas de dibujo y pintura. Al utilizar los controles "Trazo" y "Relleno" para cambiar los atributos de pintura de los objetos existentes, antes deberá seleccionar los objetos. Editor hexadecimal Ninguno Selector de color Muestras de colores Muestras de degradados docente: Hugo Falivene pedagoga: Verónica Perossi pág. 01 de 06

3 Le proponemos ahora realizar la Práctica 10 Aplicar color de trazo y relleno mediante los controles de la caja de herramientas utilizando uno de los siguientes procedimientos. Haga clic en el triángulo situado junto al cuadro de color Trazo o Relleno y seleccione una muestra de color de la ventana emergente. Los degradados sólo se pueden seleccionar como color de relleno. Escriba el valor hexadecimal de un color en el cuadro de texto de la ventana emergente de color. Haga clic en el botón Ninguno de la ventana emergente de color para aplicar un relleno o un trazo transparente. Haga clic en el botón Selector de color de la ventana emergente de color y seleccione un color del selector de color. Haga clic en el botón Intercambiar trazo y relleno de la caja de herramientas para intercambiar los colores del relleno y del trazo. Haga clic en el botón Trazo y relleno predeterminado de la caja de herramientas para volver a los colores predeterminados (relleno blanco y trazo negro). color del trazo color del relleno intercambio trazo ninguno trazo y relleno predeterminado Especificación de color, estilo y peso del trazo en el panel Trazo. punto 3 El panel "Trazo" permite cambiar el color, estilo y peso de línea del trazo de un determinado objeto. Para el estilo de trazo, puede elegir entre los estilos predefinidos que incluye Flash o bien crear un estilo personalizado. estilo de linea color del trazo peso de linea previsualización Le proponemos realizar la Práctica 11 Seleccionar el color, estilo y peso del trazo mediante el panel "Trazo". 1 Seleccione Ventana > Paneles > Trazo. 2 Para seleccionar un color, haga clic en el triángulo situado junto al cuadro de color Trazo y utilice uno de los siguientes procedimientos: Seleccione una muestra de color de la paleta. Escriba el valor hexadecimal del color en el cuadro de texto. Haga clic en el botón Ninguno para aplicar un trazo transparente. Haga clic en el botón Selector de color y seleccione un color del selector. 3 Para seleccionar un etilo de trazo, haga clic en el triángulo situado junto al campo Estilo y seleccione una opción del menú. Para crear un estilo personalizado, seleccione Personalizado del menú emergente del panel Trazo situado en la esquina superior derecha del panel y, a continuación, seleccione las opciones que desee en el cuadro de diálogo Estilo de línea y haga clic en Aceptar. 4 Para seleccionar el peso del trazo, haga clic en el triángulo situado junto al campo Peso y ajuste el control deslizante al peso deseado. Trabajo con rellenos sólidos, de degradados y de mapas de bits en el panel Relleno punto 4 Para seleccionar un relleno transparente, de color sólido, con degradado o de mapa de bits, puede utilizar el panel "Relleno". Este panel también permite crear y editar rellenos con degradados. Puede aplicar rellenos de mapa de bits utilizando los mapas de bits importados al archivo actual. docente: Hugo Falivene pedagoga: Verónica Perossi pág. 02 de 06

4 Le proponemos realizar la Práctica 12 Aplicar un relleno transparente mediante el panel Relleno 2 Seleccione Ninguno en el menú Relleno. Nota: Puede aplicar un relleno transparente a un nuevo objeto, pero no a uno ya existente. En su lugar, seleccione el relleno existente y elimínelo. Aplicar un relleno de color sólido mediante el panel Relleno 2 Seleccione Sólido en el menú Relleno. 3 Haga clic en el triángulo situado junto al cuadro de color Relleno y utilice uno de los siguientes procedimientos: Arrastre para seleccionar un color de la paleta. Escriba el valor hexadecimal del color en el cuadro de texto. Haga clic en el botón Selector de color de la ventana emergente de color y seleccione un color del selector de color. relleno, menú color puntero barra de definición puntero visualización del degradado Aplicar, crear o editar un relleno con degradado mediante el panel Relleno 2 Seleccione una de las opciones siguientes del menú Relleno: Degradado lineal para crear un degradado que cambie de tonalidad desde el punto inicial al final según una línea recta. Degradado radial para crear un degradado que cambie de tonalidad desde el punto inicial al final siguiendo una forma circular. 3 Haga clic en el triángulo situado junto al cuadro de color Relleno de la caja de herramientas y seleccione un degradado de la paleta. 4 Para cambiar uno de los colores del degradado seleccionado, haga clic en uno de los punteros situados debajo de la barra de definición del degradado y haga clic en el cuadro de color que aparece junto a la barra de definición del degradado para seleccionar un color. 5 Para agregar un puntero al degradado, haga clic debajo de la barra de definición del degradado. Seleccione el color del nuevo puntero de la manera descrita en el paso 4. 6 Para eliminar un puntero del degradado, arrastre el puntero fuera de la barra de definición del degradado. 7 Para guardar un degradado, haga clic en el triángulo situado en la esquina superior derecha del panel Relleno y seleccione Agregar degradado del menú emergente situado en la esquina superior derecha. Se agregará el degradado a la paleta Muestras del documento actual. relleno, menú visualización de bitmaps docente: Hugo Falivene pedagoga: Verónica Perossi pág. 03 de 06

5 Aplicar un relleno de mapa de bits mediante el panel Relleno 2 Seleccione Mapa de bits en el menú Relleno. 3 Haga clic en un mapa de bits de la ventana Relleno de mapa de bits que aparece en el panel Relleno. Puede modificar un relleno de mapa de bits utilizando la herramienta Cubo de pintura. Uso de la herramienta "Cubo de pintura" La herramienta "Cubo de pintura" rellena con color áreas cerradas. punto 5 Puede rellenar áreas vacías, así como cambiar el color de áreas ya pintadas. Puede utilizar colores sólidos, rellenos de degradados o de mapa de bits. Puede utilizar la herramienta "Cubo de pintura" para rellenar áreas que no están cerradas por completo, así como especificar que Flash cierre los huecos de los contornos de las formas al utilizar esta herramienta. Uso de la herramienta "Bote de tinta" punto 6 La herramienta "Bote de tinta" permite especificar el color, la anchura de línea y el estilo de los trazos de las líneas o contornos de formas. Puede aplicar únicamente colores sólidos, pero no degradados ni mapas de bits, a las líneas y contornos de formas. Utilizar la herramienta "Bote de pintura" en lugar de seleccionar cada una de las líneas, facilita modificar los atributos de trazo de varios objetos de una sola vez. Uso de la herramienta "Cuentagotas" La herramienta "Cuentagotas" permite copiar los atributos de trazo y relleno de un objeto y aplicarlos inmediatamente a otro objeto. Creación y edición de colores sólidos con el mezclador Para crear y editar colores sólidos, puede utilizar el panel "Mezclador". Si se selecciona un objeto en el Escenario, las modificaciones de color realizadas en el panel Mezclador se aplican a la selección. Puede seleccionar un color de la paleta de colores existentes o crear uno nuevo. punto 7 punto 8 Puede seleccionar los colores en modo RGB o modo hexadecimal, así como especificar un valor alfa para definir el grado de transparencia de un color. color del trazo color del relleno trazo y relleno predeterminado sin trazo / relleno intercambiar colores de trazo y relleno valores de color color alpha barra de colores docente: Hugo Falivene pedagoga: Verónica Perossi pág. 04 de 06

6 Cómo pueden utilizarse ilustraciones importadas? ficha 6 Las películas de Flash admiten el empleo de ilustraciones creadas en otras aplicaciones. Puede importar imágenes vectoriales, de mapas de bits y clips de vídeo en diversos formatos de archivos. Recuerde que: Si dispone de QuickTime 4 o posterior instalado en el sistema, podrá importar formatos de archivo adicionales. Puede importar archivos FreeHand (versiones 7 o posterior) y archivos PNG de Fireworks directamente a Flash, conservando los atributos de dichos formatos. Introducción de ilustraciones en Flash Le proponemos realizar la Práctica 13 Práctica13: Importar un archivo al documento 1 Elija Archivo > Importar. 2 En el cuadro de diálogo > Importar, seleccione un formato de archivo del menú emergente Mostrar. 3 Busque el archivo deseado y selecciónelo. Si un archivo importado tiene varias capas, Flash puede crear nuevas capas. Compruebe que la Línea de tiempo sea visible al importar archivos con varias capas. Configuración de propiedades de mapas de bits punto 2 Puede aplicar visualización suavizada a un mapa de bits para suavizar los bordes de la imagen. También puede seleccionar una opción de compresión para reducir el tamaño del archivo de mapa de bits y dar formato al archivo para su visualización en Internet. Para seleccionar propiedades de mapas de bits, se utiliza el cuadro de diálogo Propiedades de mapa de bits. Cuáles son los procedimientos para adicionar sonidos? ficha 7 Flash ofrece distintos métodos para utilizar sonidos. Puede crear sonidos de reproducción constante, independientes de la Línea de tiempo, o sincronizar una animación con una pista sonora. Puede adjuntar sonidos a botones para hacerlos más interactivos y hacer que aparezcan y desaparezcan de forma paulatina para refinar más la pista sonora. Existen dos tipos de sonidos en Flash: sonidos de evento y sonidos de flujo. Los primeros deben descargarse por completo para que empiece a reproducirse y continúan haciéndolo hasta que se detengan de forma explícita. Los segundos empiezan a reproducirse en cuanto se haya descargado información suficiente para los primeros fotogramas y sincronizan el sonido con la Línea de tiempo para reproducirlo en un sitio Web. Usted debe seleccionar opciones de compresión para controlar la calidad y tamaño de los sonidos en las películas exportadas. Puede seleccionar las opciones de compresión para sonidos individuales con el cuadro de diálogo "Propiedades de sonido" o definir parámetros para todos los sonidos de la película en el cuadro de diálogo "Configuración de publicación". Importación de sonidos Utilice el comando Archivo > Importar para traer sonidos de archivos WAV (sólo Windows), AIFF (sólo Macintosh) o MP3 (cualquier plataforma) de la misma forma que lo haría con cualquier otro tipo de archivo. Le proponemos realizar la Práctica 14 Práctica14: Añadir sonidos a una película 1 Importe el sonido 2 Elija Insertar > Capa para crear una capa para el sonido. 3 Con la nueva capa de sonido seleccionada, arrastre el sonido desde la biblioteca al Escenario. El sonido se añade a la capa activa. Puede colocar múltiples sonidos en una capa o en capas que contengan otros objetos. No obstante, se recomienda que cada sonido se coloque en una capa separada. Cada capa actúa como un canal de sonido separado. Los sonidos de todas las capas se combinan cuando se reproduzca la película. 4 Seleccione Ventana > Paneles > Sonido. docente: Hugo Falivene pedagoga: Verónica Perossi pág. 05 de 06

7 Cuáles son los procedimientos para adicionar sonidos? ficha 7 5 En el panel de Sonido, elija un archivo de sonido del menú emergente Sonido. (Teniendo seleccionado el layer donde insertó el sonido). 6 Puede elegir una opción de efecto en el menú emergente Efectos. 7 Elija una opción de sincronización desde el menú emergente Sinc. (En este caso seleccione Event) 8 Puede introducir un valor para Loops (ciclo) que especifique el número de veces que el sonido debe repetirse. (Si se trata de un sonido para utilizar de fondo). docente: Hugo Falivene pedagoga: Verónica Perossi pág. 06 de 06