Trabajo con archivos PSD de Photoshop en Animate

Puede usar Adobe® Photoshop® y Adobe® Animate® de manera conjunta para crear elementos de mensajería interactivos, animaciones o aplicaciones Web visualmente atractivas. Photoshop permite crear imágenes estáticas e ilustraciones y proporciona un alto grado de control creativo. Animate le permite juntar dichas imágenes fijas e incorporarlas a contenido de Internet interactivo.

Las herramientas de dibujo y selección de Photoshop proporcionan un grado de control creativo superior al de las herramientas que se pueden encontrar en Animate. Si necesita crear imágenes visuales complejas o retocar fotografías para utilizarlas en presentaciones interactivas, use Photoshop para crear las ilustraciones e importe las imágenes terminadas en Animate.

Importación de imágenes estáticas en Animate

Animate puede importar imágenes estáticas en muchos formatos, pero normalmente se utiliza el formato PSD nativo de Photoshop cuando se importan imágenes estáticas de Photoshop en Animate.

Cuando se importa un archivo PSD, Animate puede conservar muchos de los atributos que se habían aplicado en Photoshop y proporciona opciones para mantener la fidelidad visual de la imagen y realizar cambios en ella. Cuando se importa un archivo PSD a Animate, es posible elegir si se quiere representar cada capa de Photoshop como capa de Animate o como fotograma clave individual.

(Solo CS6 y versiones anteriores) Intercambio de películas de QuickTime

Puede intercambiar archivos de vídeo de QuickTime entre Photoshop y Animate. Por ejemplo, puede representar una película de QuickTime directamente desde Photoshop e importarla a continuación en Animate convirtiéndola en un archivo FLV (Animate Video), que se puede reproducir en Flash Player.

Cuando se emplea Photoshop para modificar secuencias de vídeo, se pueden pintar sus fotogramas de manera no destructiva. Cuando se guarda un archivo de Photoshop con una capa de vídeo, se guardan los cambios realizados en la capa de vídeo y no los efectuados en la secuencia.

 Cuando importa un archivo de vídeo de QuickTime desde Photoshop a Animate, utilice el cuadro de diálogo Importar vídeo (Archivo > Importar vídeo). Si se usa la función de importación de PSD de Photoshop para importar vídeos, sólo se importa el primer fotograma de un archivo de vídeo.

También es posible exportar documentos de Animate como vídeos de QuickTime e importarlos en Photoshop, donde se pueden pintar los fotogramas de vídeo de manera no destructiva. Por ejemplo, puede crear una secuencia animada en Animate, exportar el documento de Animate como vídeo de QuickTime y, a continuación, importar el vídeo en Photoshop.

Color

Animate trabaja internamente con colores en el espacio de color RGB (rojo, verde, azul) o HSB (tono, saturación, brillo). Aunque Animate puede convertir imágenes CMYK a RGB, debería crear ilustraciones de Photoshop en RGB. Antes de importar ilustraciones CMYK de Photoshop en Animate, convierta la imagen a RGB en Photoshop.

Importación de archivos PSD de Photoshop

Animate permite importar archivos PSD de Photoshop y conservar la mayoría de los datos de las ilustraciones. El importador de archivos PSD permite además controlar la manera en que la ilustración de Photoshop se importa a Animate, permitiendo especificar la forma de importar objetos específicos de un archivo PSD y que éste se convierta en un clip de película de Animate.

El Importador archivos PSD de Animate presenta las siguientes funciones principales:

• Los archivos PSD importados a Animate mantienen la fidelidad de color de Photoshop.

• Conserva la editabilidad de los modos de mezcla que Animate y Photoshop tienen en común.

• Los objetos smart del archivo PSD se rasterizan e importan a Animate como mapas de bits, lo que conserva su transparencia.

• Convierte las capas del archivo PSD en capas o fotogramas individuales de Animate, o bien, importa el archivo PSD como una única imagen de mapa de bits, en cuyo caso Animate alisa (rasteriza) el archivo.

• La función para arrastrar y colocar de Photoshop a Animate invoca al importador de archivos PSD, lo que permite elegir la forma de importar la ilustración de Photoshop.

Vídeos y tutoriales

El diseño de sitios web con Photoshop y Flash (CS3) (6:01) muestra el trabajo con Photoshop y Animate. 

Compatibilidad entre Animate y Photoshop

Hay determinados atributos visuales que o bien no se pueden importar con precisión o no pueden modificarse posteriormente en el entorno de edición de Animate. El Importador de archivos PSD ofrece varias opciones para importar y colocar ilustraciones de manera que mantengan en las mejores condiciones posibles su aspecto visual y editabilidad. Sin embargo, hay determinados atributos visuales que no se pueden conservar. Utilice las siguientes instrucciones para mejorar el aspecto de los archivos PSD importados a Animate:

• Animate solamente admite el espacio de color RVA, y no el CMAN, habitual en entornos de impresión. Animate puede convertir imágenes CMAN a RVA, sin embargo los colores se conservan mejor si se utiliza Photoshop para convertir los colores CMYK a RGB.

• Animate puede importar los siguientes modos de mezcla de Photoshop, y mantener su editabilidad: Normal, Oscurecer, Multiplicar, Aclarar, Pantalla, Luz fuerte, Diferencia y Solapar.

  Si utiliza un modo de mezcla que Animate no admite, puede rasterizar la capa para mantener su aspecto visual, o bien eliminar el modo de mezcla de la capa.

• Animate no puede importar objetos smart de Photoshop como objetos editables. Para conservar los atributos visuales de los objetos smart, se rasterizan e importan a Animate como mapas de bits.

• Animate solo puede importar el primer fotograma de las capas de vídeo de Photoshop.

• Las capas de imagen y de relleno se rasterizan siempre al importarlas a Animate.

• Los objetos PNG de Photoshop se convierten a archivos JPG cuando se importan en Animate. La transparencia del archivo PNG original se conserva en el archivo JPG resultante.

• Con Photoshop se obtienen mejores resultados al escalar imágenes de mapa de bits que con Animate. Si se prevé que se va a aplicar escala a un mapa de bits procedente de Photoshop en Animate, aplique la escala al mapa de bits en Photoshop antes de importarlo en Animate.

• Al importar objetos que contengan áreas transparentes como mapas de bits alisados, cualquier objeto situado en las capas posteriores al fragmento transparente del objeto se mostrarán visibles a través del área transparente (asumiendo que los objetos situados detrás del objeto con transparencia también se importen). Para impedir esto, importe únicamente el objeto transparente como mapa de bits alisado.

  Para importar varias capas y mantener la transparencia sin dejar restos de capas visibles tras la transparencia, importe el archivo PSD con la opción Imagen de mapa de bits con estilos de capa editables. Esto encapsulará los objetos importados como un clip de película y se utilizará la transparencia del clip. Resulta especialmente útil si necesita animar las distintas capas de Animate.

Importación de archivos PSD de Photoshop

El formato Photoshop (PSD) es el formato de archivo predeterminado de Photoshop. Animate puede importar directamente archivos PSD y conservar muchas características de Photoshop, conservando la calidad de imagen y la editabilidad del archivo PSD en Animate. También se pueden alisar los archivos PSD al importarlos, creando un único archivo de imagen de mapa de bits que conserva los efectos visuales de la imagen, pero elimina la información jerárquica de capas original del formato de archivo PSD.

Para obtener un tutorial en vídeo sobre el diseño de sitios web con Photoshop y Animate, consulte www.adobe.com/go/vid0201_es.

Importación de archivos PSD a la biblioteca de Animate

Importar un archivo PSD en la biblioteca es similar a importar en el escenario. Al importar un archivo PSD a la biblioteca, la carpeta raíz utiliza el nombre del archivo. Una vez importado el archivo PSD en la biblioteca, puede cambiar el nombre de la carpeta raíz o sacar las capas de la carpeta.

 la biblioteca ordena alfabéticamente el contenido del archivo PSD. La estructura jerárquica de grupos y carpetas permanece invariable, pero la biblioteca la ordena alfabéticamente.

Se crea un clip de película que incluye todo el contenido del archivo PSD importado a su línea de tiempo, como si el contenido se importara al escenario. Casi todos los clips de película tienen un mapa de bits u otro activo asociado. Para minimizar la confusión y los conflictos de asignación de nombres, estos activos se almacenan en una carpeta Assets en la misma carpeta que el clip de película.

 Cuando se importa a la biblioteca, el contenido del archivo de PSD se importa a la línea de tiempo del clip de película, no a la línea de tiempo principal de Animate.

Opciones de importación de Photoshop

Cuando se importa un archivo PSD de Photoshop que contiene varias capas, se pueden definir las opciones siguientes:

Si el archivo de Photoshop contiene composiciones de capas, puede especificar la versión de la imagen que se importa. Una composición de capa es una instantánea de un estado de la paleta Capas de Photoshop. Las composiciones de capas registran tres tipos de opciones de capas, todas las cuales se importan a Animate:

• Visibilidad de la capa: si la capa se muestra o se oculta.

• Posición de la capa en el documento.

• Aspecto de la capa: si se aplica un estilo de capa a la capa y el modo de mezcla de ésta.

Si no hay composiciones de capas, este menú emergente está oculto. Animate admite todos los aspectos de la fidelidad de la composición de capas, incluida la visibilidad, posición y el estilo de la capa.

Importación de objetos de texto

Los objetos de texto son capas de texto en PhotoShop. Elija la forma de importar texto a Animate.

Crea un objeto de texto editable a partir del texto en la capa de Photoshop seleccionada. El aspecto del texto puede modificarse para mantener su editabilidad. Si importa el texto como clip de película, éste contiene un objeto de texto editable.

nota: al importar texto editable a la biblioteca, este debe estar dentro de un clip de película. Sólo se pueden almacenar en la biblioteca clips de película, mapas de bits y símbolos gráficos. Al seleccionar texto editable como opción para una capa de texto que se va a importar en la biblioteca, se importa automáticamente como símbolo gráfico.

Convierte el texto en contornos vectoriales para conservar su aspecto visual. El texto en sí deja de ser editable, pero la opacidad y los modos de mezcla compatibles mantienen su editabilidad. Si está seleccionada esta opción, el objeto debe convertirse en clip de película.

 (Sólo Windows 8) Si un archivo PSD con texto se importa con la opción Contornos vectoriales seleccionada, no es posible editar los puntos de ancla del objeto vectorial. Esto se observa con archivos PSD creados con fuentes no disponibles en Windows 8.

Rasteriza el texto en un mapa de bits para conservar el aspecto exacto del mismo en Photoshop. El texto rasterizado deja de ser editable.

 cuando se importa texto en un trazado, se debe importar como imagen de mapa de bits alisada para conservar la fidelidad visual del objeto.

Importación de objetos de forma

Un objeto de capa de forma es un objeto que originalmente era una capa de forma en Photoshop o una capa de imagen con una máscara de recorte vectorial.

Crea un forma vectorial editable con un mapa de bits recortado dentro del vector. Se mantienen los modos de mezcla admitidos, los filtros y la opacidad. Los modos de mezcla no admitidos que no se puede reproducir en Animate se eliminan. El objeto debe convertirse en un clip de película.

Rasteriza la forma en un mapa de bits para conservar el aspecto exacto de la capa de forma en Photoshop. Una imagen rasterizada deja de ser editable.

Importación de capas de imagen y de relleno

Si la capa de imagen o de relleno está asociada a una máscara vectorial, se trata como un objeto de capa de forma.

Crea un clip de película con un mapa de bits dentro. Se mantienen los modos de mezcla admitidos, los filtros y la opacidad. Los modos de mezcla no admitidos que no se puede reproducir en Animate se eliminan. El objeto debe convertirse en un clip de película.

Rasteriza la imagen en un mapa de bits para conservar el aspecto exacto de la capa de imagen o de relleno en Photoshop.

(Solo CS6 y versiones anteriores) Importación de objetos de mapa de bits combinados y objetos de un mapa de bits combinado

Un mapa de bits combinado es un objeto que contiene más de una capa de Photoshop que se alisa (o combina) en un mapa de bits único al importarlo a Animate. Los objetos de un mapa de bits combinado representan capas en Photoshop. Para crear un mapa de bits combinado, seleccione una o varias capas y seleccione el botón Combinar capas.

(Solo CS6 y versiones anteriores) Importación de varios objetos de distintos tipos

Si se importan varios objetos de diferentes tipos, Animate solo permite importar los objetos seleccionados con las opciones de importación que tienen en común, como Crear clip de película y Registro.

Importación de varios objetos del mismo tipo

Si importa varios objetos del mismo tipo, las opciones de importación disponibles son las mismas que si se seleccionara un único objeto de ese tipo. Si los objetos no comparten los mismos atributos, las opciones de importación disponibles están en un estado indeterminado, y los resultados pueden ser no ser los esperados.

(Solo CS6 y versiones anteriores) Importación de una carpeta de grupo

Cuando importe una carpeta de grupo, puede hacerlo como un clip de película o colocar cada capa del grupo en su propia capa o fotograma clave en la línea de tiempo.

Si selecciona Importar como clip de película, cada capa de la carpeta de grupo se coloca en una capa en un clip de película, que a su vez se coloca en su propia capa o fotograma clave en la línea de tiempo. El clip de película utiliza el mismo nombre que la carpeta de grupo tenía en Photoshop, y si importa el clip de película a una capa de Animate, la capa utiliza también el mismo nombre.

Si no coloca el grupo en un clip de película, cada capa se convierte en el tipo para el que está definido actualmente, y cada capa del grupo se importa a su propia capa de Animate. A las capas de Animate se les asigna el nombre de las capas individuales en el archivo PSD.

(Solo CS6 y versiones anteriores) Importación y combinación de capas

El importador de archivos PSD permite combinar una o varias capas en un mapa de bits combinado que se importa como un único archivo de mapa de bits en lugar de como objetos individuales.

Las capas que seleccione para crear un mapa de bits combinado deben formar un intervalo contiguo de dos o más capas del mismo nivel. Por ejemplo, no puede seleccionar una capa dentro de un grupo y otra fuera de éste para combinarlas. En lugar de eso, debe seleccionar todo el grupo y separar la capa.

Establecimiento de las opciones de publicación

Las opciones de publicación del importador de archivos PSD permiten especificar el grado de compresión y la calidad de documento que se debe aplicar a la imagen al publicar el documento de Animate como archivo SWF. Esta configuración surte efecto únicamente cuando se publica el documento como archivo SWF y no afecta a la imagen cuando se importa al escenario o la biblioteca de Animate.

Permite elegir formatos de compresión sin pérdida o con pérdida:

Con pérdida (JPEG) comprime la imagen en formato JPEG. Para utilizar la calidad de compresión predeterminada especificada para la imagen importada, seleccione Utilizar configuración de publicación. Para especificar una nueva configuración de compresión de calidad, seleccione la opción Personalizada e introduzca un valor entre 1 y 100 en el campo de texto Calidad. (Una configuración superior permite conservar una mayor integridad de la imagen pero aumenta el tamaño del archivo.)

Sin pérdida (PNG/GIF) realiza la compresión de la imagen sin pérdida, es decir, sin que se descarte ninguna información de la imagen.

 utilice la compresión con pérdida para imágenes con variaciones de color o tono complejas, como fotografías o imágenes con rellenos con degradado. Aplique la compresión sin pérdida a las imágenes con formas simples y con relativamente pocos colores.

Determina el número de mapas de bits que se crean para una determinada capa en función de las opciones de importación elegidas y el tamaño comprimido en kilobytes de los mapas de bits resultantes de la capa. Por ejemplo, si selecciona una capa con sombra y desenfoque, y mantiene los estilos de capa, la información de Calcular tamaño de mapa de bits indica que al importar se crearán tres mapas de bits: uno para cada efecto de filtro y otro para la propia imagen. Para calcular el tamaño de todos los mapas de bits que se van a importar, seleccione todas las capas y haga clic en Calcular tamaño de mapa de bits.

(Solo CS6 y versiones anteriores) Preferencias de importación de archivos de Photoshop

El cuadro de diálogo Preferencias de Animate permite establecer las preferencias de importación de los archivos PSD de Photoshop. Las preferencias especificadas para la importación de archivos PSD afectan a las opciones que aparecen inicialmente en el cuadro de diálogo del importador de archivos PSD para los tipos de capas de Photoshop.

 para sobrescribir objeto por objeto las preferencias especificadas para tipos distintos de capas, utilice el cuadro de diálogo Importador de archivos PSD. Seleccione la capa a la que desea cambiar las opciones de importación y especifique las opciones necesarias.

Preferencias de importación de capas de imagen

Estas opciones especifican la configuración inicial de las opciones de importación de las capas de imagen. Las capas de imagen se pueden importar de cualquiera de los siguientes modos:

Crea un clip de película con un mapa de bits anidado en su interior. Al especificar esta opción, se conservan la opacidad y los modos de mezcla admitidos, pero se quitan otros atributos visuales que no se pueden reproducir en Animate. Si esta opción está seleccionada, el objeto debe convertirse en un clip de película.

Rasteriza el texto en una imagen de mapa de bits alisada para conservar el aspecto exacto que la capa de texto tenía en Photoshop.

Especifica que las capas de imagen se deben convertir en un clip de película cuando se importan en Animate. Esta opción se puede modificar para cada capa en el cuadro de diálogo de importación de archivos PSD si no se desea que todas las capas de imagen se conviertan en clips de película.

Preferencias de importación de capas de texto

Estas opciones especifican la configuración inicial de las opciones de importación de las capas de texto.

Crea un objeto de texto editable a partir del texto de la capa de texto de Photoshop. El aspecto del texto se sacrificará para conservar su editabilidad. Si esta opción está seleccionada, el objeto debe convertirse en un clip de película.

Vectoriza el texto en trazados. El aspecto del texto se puede alterar, pero los atributos visuales se conservarán. Si esta opción está seleccionada, el objeto debe convertirse en un clip de película.

Rasterice el texto para conservar el aspecto exacto que la capa de texto tenía en Photoshop.

Convierte automáticamente la capa de texto en un clip de película cuando se importa en Animate. Esta opción se puede modificar para cada objeto en el cuadro de diálogo de importación de archivos PSD si no se desea que todas las capas de texto se conviertan en clips de película. Esta opción resulta obligatoria cuando se selecciona Texto editable o Contornos vectoriales.

Preferencias de importación de capas de formas

Estas opciones especifican la configuración inicial de las opciones de importación de las capas de formas.

Esta opción creará una forma vectorial editable con un mapa de bits recortado dentro de ella. La opacidad y los modos de mezcla admitidos también se conservarán con esta opción, pero otros atributos visuales que no se pueden reproducir en Animate se sacrificarán. Si esta opción está seleccionada, el objeto debe convertirse en un clip de película.

Esta opción rasterizará la forma y conservará el aspecto exacto que la capa de forma tenía en Photoshop.

Esta opción establece que las capas de formas se deben convertir en un clip de película cuando se importan en Animate. Esta opción se puede modificar para cada objeto si no se desea que algunas capas de formas se conviertan en clips de película. Esta opción se desactiva si la casilla de verificación Mantener trazados editables y estilos de capas está activada.

Preferencias de importación de grupos de capas

Esta opción especifica la configuración inicial de los ajustes de los grupos de capas.

Especifica que todos los grupos se deben convertir en un clip de película cuando se importan en Animate. Esta opción se puede modificar para cada objeto si no se desea que algunos grupos de capas se conviertan en clips de película.

Preferencias de importación de mapas de bits combinados

Esta opción especifica la configuración inicial de las opciones de importación de los mapas de bits combinados.

Esta opción establece que los mapas de bits combinados se deben convertir en un clip de película cuando se importan en Animate. Esta opción se puede modificar para cada objeto si no se desea que algunos mapas de bits combinados se conviertan en clips de película. Esta opción se desactiva si la casilla de verificación Mantener trazados editables y estilos de capas está activada.

Preferencias de importación de registros de clips de película

Especifica un punto de registro global para las películas que se crean. Este ajuste se aplica al punto de registro para todos los tipos de objetos. Esta opción se puede modificar para cada objeto en el cuadro de diálogo de importación de archivos PSD; este es el ajuste inicial aplicado a todos los tipos de objetos.

Configuración de publicación para imágenes importadas

Las preferencias de la configuración de publicación para un archivo FLA permiten especificar el grado de compresión y la calidad de documento que se debe aplicar a las imágenes al publicar el documento de Animate como archivo SWF. Esta configuración surte efecto únicamente cuando se publica el documento como archivo SWF y no afecta a la imagen cuando se importa al escenario o la biblioteca de Animate.

Permite elegir formatos de compresión sin pérdida o con pérdida:

Con pérdida (JPEG) comprime la imagen en formato JPEG. Para utilizar la calidad de compresión predeterminada especificada para la imagen importada, seleccione Utilizar configuración de publicación. Para especificar una nueva configuración de compresión de calidad, seleccione la opción Personalizada e introduzca un valor entre 1 y 100 en el campo de texto Calidad. (Una configuración superior permite conservar una mayor integridad de la imagen pero aumenta el tamaño del archivo.)

Sin pérdida (PNG/GIF) realiza la compresión de la imagen sin pérdida, es decir, sin que se descarte ninguna información de la imagen.

 utilice la compresión con pérdida para imágenes con variaciones de color o tono complejas, como fotografías o imágenes con rellenos con degradado. Aplique la compresión sin pérdida a las imágenes con formas simples y con relativamente pocos colores.

Permite establecer un nivel de calidad para la compresión.

Aplica el ajuste de calidad JPEG actual especificado en la configuración de publicación.

Permite especificar un valor de calidad específico diferente.