Filtros de gráficos

Descripción general de los filtros

Los filtros de (efectos gráficos) permiten añadir enriquecedores efectos visuales para texto, botones y clips de película. Una característica exclusiva de Animate es que permite animar los filtros que aplique utilizando interpolaciones de movimiento.

Los modos de mezcla de Animate permiten crear imágenes compuestas. Composición es el proceso de variar la transparencia o la interacción de colores de dos o más objetos solapados. Además, los modos de mezcla ofrecen una nueva dimensión de control de la opacidad de objetos e imágenes. Así, puede utilizar los modos de mezcla de Animate para crear resaltados o sombras que dejan entrever detalles de la imagen subyacente, o para colorear una imagen desaturada.

Filtros animados

Es posible animar los filtros en la línea de tiempo. Los objetos incluidos en diferentes fotogramas clave unidos entre sí por una interpolación tienen los parámetros de los correspondientes filtros interpolados en los fotogramas intermedios. Si un determinado filtro no cuenta con un filtro coincidente (del mismo tipo) en el extremo opuesto de la interpolación, éste se añade automáticamente para garantizar que el efecto se encuentre al final de la secuencia de animación.

Para evitar problemas de funcionamiento de las interpolaciones de movimiento si falta un filtro al final de la interpolación, o si los filtros se han aplicado en un orden distinto en cada extremo, Animate hace lo siguiente:

• Si se aplica una interpolación de movimiento a un clip de película al que ya se han aplicado filtros, al insertar un fotograma clave en el extremo opuesto de la interpolación, el clip adopta automáticamente en el último fotograma de la interpolación los mismos filtros en el mismo orden de apilamiento que los existentes al comienzo de la misma.

• Si se sitúan dos clips de película en dos fotogramas diferentes con distintos filtros aplicados a cada uno de ellos y se aplica entonces una interpolación de movimiento entre los fotogramas, Animate procesa en primer lugar el clip de película que contiene mayor número de filtros. A continuación, Animate compara los filtros aplicados al primer clip de película con los aplicados al segundo. Si no se encuentran filtros coincidentes en el segundo clip de película, Animate genera un filtro ficticio sin parámetros y con el color de los filtros existentes.

• Si existe una interpolación de movimiento entre dos fotogramas clave y se añade un filtro al objeto de un fotograma clave, Animate añade automáticamente un filtro ficticio al clip de película cuando éste llega al fotograma clave situado en el otro extremo de la interpolación.

• Si existe una interpolación de movimiento entre dos fotogramas clave y se elimina un filtro de un objeto de un fotograma clave, Animate elimina automáticamente el filtro correspondiente del clip de película cuando éste llega al fotograma clave situado en el otro extremo de la interpolación.

• Si no hay una coherencia en la definición de los parámetros de filtro en uno y otro extremo de una interpolación de movimiento, Animate aplica a los fotogramas interpolados la configuración de filtro del fotograma inicial. Se crea una incoherencia en la configuración cuando los siguientes parámetros del extremo inicial y el extremo final de una interpolación son distintos: extractor, sombra interior, iluminado interior, y tipo de iluminado degradado y tipo de bisel degradado.

  Por ejemplo, si crea una interpolación de movimiento utilizando el filtro de sombra y aplica una sombra con extractor al primer fotograma de la interpolación y una sombra interior al último, Animate corrige esta incoherencia. En este caso concreto, Animate aplica la configuración de filtro aplicada al primer fotograma de la interpolación: una sombra con extractor.

Los filtros y el rendimiento de Flash Player

El tipo, cantidad y calidad de los filtros aplicados a los objetos influye en el rendimiento de la reproducción de los archivos SWF. Cuantos más filtros aplique a un objeto, mayor número de cálculos tendrá que realizar Adobe® Flash® Player para mostrar correctamente los efectos visuales creados. Por esta razón, Adobe® aconseja aplicar únicamente un número limitado de filtros a un determinado objeto.

Cada filtro incluye controles que le permiten ajustar su intensidad y calidad. Un ajuste en valores bajos mejora el rendimiento en los equipos más lentos. Si crea contenidos para su reproducción en una variada gama de equipos o no tiene seguridad de que su audiencia cuente con equipos de cierta potencia, conviene que establezca un nivel de calidad bajo para maximizar el rendimiento en la reproducción.

Información sobre los filtros de Pixel Bender

Adobe Pixel Bender™ es un lenguaje de programación desarrollado por Adobe que permite al usuario crear filtros personalizados, efectos y modos de mezcla para su uso en Animate y After Effects. Pixel Bender es independiente del hardware y está diseñado para ejecutarse de forma eficaz en una serie de arquitecturas de GPU y CPU de forma automática.

Los desarrolladores de Pixel Bender crean filtros escribiendo código de Pixel Bender y guardando este código en un archivo de texto con la extensión pbj. Una vez escrito, un filtro de Pixel Bender se puede utilizar en cualquier documento de Animate. Utilice ActionScript® 3.0 para cargar el filtro y emplee sus controles.

Para obtener más información sobre el trabajo con Pixel Bender en ActionScript, consulte la Guía del desarrollador de ActionScript 3.0.

El siguiente tutorial de vídeo muestra el uso de filtros de Pixel Bender en Animate:

Trabajo con filtros

Función mejorada en Animate

Cada filtro que se aplica a un objeto se añade a la lista de filtros aplicados a dicho objeto en el inspector de propiedades. Se pueden aplicar varios filtros a un mismo objeto, así como eliminar los que se hayan aplicado previamente. Es posible aplicar filtros solamente a objetos de texto, de botones, de componentes, de clips de película y a clips compilados.

También puede crear una biblioteca de configuración de filtros que le permita aplicar fácilmente un filtro o un conjunto de filtros a un objeto. Animate almacena la configuración predefinida del filtro que se crea en la sección Filtros del inspector de propiedades en el menú Filtros > Configuración predefinida.

Con Flash Professional CS6 y versiones anteriores, la aplicación de filtros estaba limitada a los símbolos de clip de película y de botón únicamente. Con Animate, ya es posible aplicar filtros a clips compilados y a componentes de clip de película. Esto permite añadir efectos a los componentes directamente, con sólo hacer clic (o doble clic) y lograr que las aplicaciones tengan mucho mejor aspecto. Con Flash CS6, para añadir filtros u otros efectos a componentes, uno debe “envolverlo” dentro de un símbolo de clip de película. Esto es:

1. Crear o añadir un componente en el escenario.
2. Hacer clic con el botón derecho en el componente y seleccionar Convertir en símbolo.
   

Con  CS6 (y versiones anteriores), era posible añadir filtros y otros efectos después de envolver el componente dentro de un símbolo. Sin embargo, esta acción se presentaba como la solución a un problema, no como una práctica recomendada.   Con Animate, podrá añadir varios filtros a los componentes directamente usando las opciones Filtros, Efectos de color y Configuración de visualización disponibles en el panel Propiedades. Para comprender mejor esta mejora clave, considere el siguiente ejemplo:   Añadir un filtro de bisel a un componente de botón

1. Cree o agregue un botón en el escenario desde el panel Componentes y seleccione después el botón.
2. En el panel Propiedades, haga clic en la lista desplegable de botones de la sección Filtros y elija Bisel. Se visualizarán las propiedades y los valores del filtro Bisel.
3. Modifique o defina los valores adecuados para cualquier propiedad que desee. Por ejemplo , Desenfoque X, Desenfoque Y, Intensidad, Sombra, etc. Verá cómo los efectos se aplican en el botón seleccionado todos al mismo tiempo.
   

Aplicación o eliminación de un filtro

Cómo copiar y pegar un filtro

Aplicación de un filtro preestablecido a un objeto

 Cuando se aplica un filtro preestablecido a un objeto, Animate sustituye todos los filtros que éste pudiera tener aplicados por los filtros que utiliza la configuración predeterminada.

Activación y desactivación de un filtro aplicado a un objeto

Activación y desactivación de todos los filtros aplicados a un objeto

Creación de bibliotecas de filtros preestablecidos

Guarde las configuraciones de filtros como bibliotecas de preestablecidos que más tarde podrá aplicar fácilmente a clips de película y objetos de texto. También podrá compartir sus configuraciones de filtros con otros usuarios con sólo facilitarles el archivo de configuración. Se trata de un archivo XML que se guarda en la carpeta de configuración de Animate en la siguiente ubicación:

 

• Windows 7 y 8: C:\Users\nombreusuario\AppData\Local\Adobe\Flash CC\idioma\Configuration
• (Sólo Flash Professional CS6 o versiones anteriores) Windows XP: C:\Documents and Settings\nombreusuario\Local Settings\Application Data\Adobe\Flash CS6\idioma\Configuration\Filters\filtername.xml
• (Sólo Flash Professional CS6 o versiones anteriores) Windows Vista: C:\Users\nombreusuario\Local Settings\Application Data\Adobe\Flash CS6\idioma\Configuration\Filters\filtername.xml
• Macintosh: Macintosh HD/Users/nombreusuario/Librería/Application Support/Adobe/Flash CC/idioma/Configuration/Filters/filtername.xml

Creación de una biblioteca de filtros con configuraciones preestablecidas

Cambio de nombre de un filtro prestablecido

Eliminación de un filtro prestablecido

Aplicación de filtros

Aplicación de sombras

El filtro Sombra simula el aspecto de un objeto que proyecta su sombra sobre una superficie.

Para obtener un ejemplo de sombra con una interpolación clásica, consulte la página de ejemplos de Animate en www.adobe.com/go/learn_fl_samples_es. Descargue y descomprima el archivo zip de ejemplos y vaya al directorio Graphics\AnimatedDropShadow.

Creación de sombras sesgadas

Aplicación de un desenfoque

El filtro Desenfocar suaviza los bordes y los detalles de los objetos. Aplicando este filtro a un objeto puede conseguir que parezca estar detrás de otros objetos o estar en movimiento.

Aplicación de iluminado

El filtro Iluminado permite aplicar un color a los bordes de un objeto.

Aplicación de un bisel

El bisel aplica al objeto un efecto de resaltado que le hace aparecer curvado por encima de la superficie del fondo.

Aplicación de iluminado degradado

El iluminado degradado produce un efecto de iluminación en un color degradado de un lado al otro de la superficie del iluminado. Este efecto requiere un color con un valor Alfa igual a 0 en el principio del degradado. Este color no se puede mover de su posición, pero sí se puede cambiar.

Aplicación de un bisel degradado

El bisel degradado confiere al objeto un efecto de resaltado que le hace aparecer elevado por encima del fondo, con un color degradado de un lado al otro de la superficie del bisel. Este efecto requiere un color con un valor Alfa igual a 0 en el centro del degradado.

Aplicación del filtro Ajustar color

El filtro Ajustar color permite controlar con precisión los atributos de color del objeto seleccionado, incluyendo contraste, brillo, saturación y tono.