Creación de animaciones

  1. Guía del usuario de Illustrator
  2. Descubra Illustrator
    1. Introducción a Illustrator
      1. Novedades de Illustrator
      2. Preguntas habituales
      3. Requisitos del sistema de Illustrator
      4. Illustrator para Apple Silicon
    2. Espacio de trabajo
      1. Conceptos básicos del espacio de trabajo
      2. Creación de documentos
      3. HerramientasMétodos abreviados de teclado | Illustrator
      4. Personalizar métodos abreviados de teclado
      5. Mesas de trabajo
      6. Personalizar el espacio de trabajo
      7. Panel Propiedades
      8. Configuración de preferencias
      9. Espacio de trabajo táctil
      10. Compatibilidad con Microsoft Surface Dial en Illustrator
      11. Recuperar, deshacer y automatizar acciones
      12. Rotar vista
      13. Reglas, cuadrículas y guías
      14. Accesibilidad en Illustrator
      15. Modo seguro
      16. Modo de visualización de la ilustración
      17. Uso de Touch Bar con Illustrator
      18. Archivos y plantillas
      19. Sincronizar la configuración a través de Adobe Creative Cloud
    3. Herramientas en Illustrator
      1. Selección
        1. Información general
        2. Selección
        3. Selección directa
        4. Lazo
      2. Navegación
        1. Información general
        2. Zoom
        3. Rotar vista
      3. Pintar
        1. Información general
        2. Degradado
        3. Creador de formas
      4. Texto
        1. Información general
        2. Texto
        3. Texto en trazado
  3. Illustrator para iPad
    1. Presentación de Illustrator para iPad
      1. Información general sobre Illustrator para iPad
      2. Preguntas frecuentes de Illustrator para iPad
      3. Requisitos del sistema | Illustrator para iPad
      4. Lo que puede o no puede hacer con Illustrator para iPad
    2. Espacio de trabajo
      1. Espacio de trabajo de Illustrator para iPad
      2. Métodos abreviados y gestos táctiles
      3. Métodos abreviados de teclado de Illustrator para iPad
      4. Ajustar la configuración de la aplicación
    3. Documentos
      1. Usar documentos en Illustrator para iPad
      2. Importar documentos de Photoshop y Fresco
    4. Seleccionar y organizar objetos
      1. Crear objetos repetidos
      2. Fusionar objetos
    5. Dibujo
      1. Dibujar y editar trazados
      2. Dibujar y editar formas
    6. Texto
      1. Trabajar con texto y fuentes
      2. Crear diseños de texto a lo largo de un trazado
      3. Añadir fuentes propias
    7. Uso de imágenes
      1. Uso de imágenes
    8. Color
      1. Aplicar colores y degradados
  4. Documentos en la nube
    1. Conceptos básicos
      1. Trabajar con documentos en la nube de Illustrator
      2. Compartir documentos en la nube de Illustrator y colaborar en ellos
      3. Ampliar el almacenamiento en la nube de Adobe Illustrator
      4. Documentos en la nube de Illustrator | Preguntas habituales
    2. Solución de problemas
      1. Solución de problemas de creación o guardado de documentos en la nube de Illustrator
      2. Solucionar errores de documentos en la nube de Illustrator
  5. Añadir y editar contenido
    1. Dibujo
      1. Conceptos básicos de dibujo
      2. Editar trazados
      3. Dibujar ilustraciones con píxeles perfectos
      4. Dibujar con la herramienta Pluma, Curvatura o Lápiz
      5. Dibujar líneas y formas sencillas
      6. Calco de imagen
      7. Simplificar un trazado
      8. Definir cuadrículas de perspectiva
      9. Herramientas y conjuntos de símbolos
      10. Ajustar segmentos de trazado
      11. Diseñar una flor en cinco sencillos pasos
      12. Dibujo en perspectiva
      13. Símbolos
      14. Dibujar trazados con pixelado perfecto en flujos de trabajo web
    2. Efectos 3D y materiales de Adobe Substance
      1. Acerca de los efectos 3D en Illustrator
      2. Crear gráficos 3D
      3. Crear objetos 3D
      4. Crear texto 3D
    3. Color
      1. Acerca del color
      2. Seleccionar colores
      3. Uso y creación de muestras
      4. Ajustar colores
      5. Uso del panel Temas de Adobe Color
      6. Grupos de colores (armonías)
      7. Panel Temas de color
      8. Volver a colorear la ilustración
    4. Pintar
      1. Acerca de la pintura
      2. Pintar con rellenos y trazos
      3. Grupos de pintura interactiva
      4. Degradados
      5. Pinceles
      6. Transparencia y modos de fusión
      7. Aplicar un trazo a un objeto
      8. Creación y edición de motivos
      9. Mallas
      10. Motivos
    5. Seleccionar y organizar objetos
      1. Seleccionar objetos
      2. Capas
      3. Agrupar y expandir objetos
      4. Mover, alinear y distribuir objetos
      5. Apilar objetos    
      6. Bloquear, ocultar y eliminar objetos
      7. Duplicar objetos
      8. Rotar y reflejar objetos
    6. Cambiar la forma de objetos
      1. Recortar imágenes
      2. Transformar objetos
      3. Combinar objetos
      4. Cortar, dividir y recortar objetos
      5. Deformación de posición libre
      6. Escalar y distorsionar objetos
      7. Fusionar objetos
      8. Cambiar formas con envolventes
      9. Cambiar forma de objetos con efectos
      10. Crear nuevas formas con las herramientas Shaper y Creador de formas
      11. Uso de vértices interactivos
      12. Flujos de trabajo para cambiar de forma mejorados con compatibilidad táctil
      13. Editar máscaras de recorte
      14. Formas interactivas
      15. Crear formas mediante la herramienta Creador de formas
      16. Edición global
    7. Texto
      1. Crear texto
      2. Fuentes y tipografía
      3. Aplicación de formato al texto
      4. Importar y exportar texto
      5. Aplicación de formato a párrafos
      6. Caracteres especiales
      7. Crear texto en un trazado
      8. Estilos de carácter y de párrafo
      9. Tabulaciones
      10. Texto y tipografía
      11. Encontrar fuentes que faltan (flujo de trabajo de Typekit)
      12. Modificar texto en Illustrator 10
      13. Texto en árabe y hebreo
      14. Fuentes | Preguntas frecuentes y soluciones de problemas
      15. Crear efecto de texto 3D
      16. Diseños de tipografía creativos
      17. Ampliar y rotar texto
      18. Espaciado entre líneas y caracteres
      19. Separación de sílabas y saltos de línea
      20. Mejoras de texto
      21. Ortografía y diccionarios de idiomas
      22. Aplicación de formato de caracteres asiáticos
      23. Modos de composición de alfabetos asiáticos
      24. Crear diseños de texto con objetos de fusión
      25. Crear un póster con texto con Calco de imagen
    8. Crear efectos especiales
      1. Trabajar con efectos
      2. Estilos gráficos
      3. Crear una sombra paralela
      4. Atributos de apariencia
      5. Crear bosquejos y mosaicos
      6. Sombras paralelas, resplandor y desvanecimiento
      7. Resumen de efectos
    9. Gráficos web
      1. Métodos óptimos para crear gráficos web
      2. Gráficos
      3. SVG
      4. Crear animaciones
      5. Sectores y mapas de imágenes
  6. Importación, exportación y almacenamiento
    1. Importación
      1. Importar archivos de ilustración
      2. Importar imágenes de mapa de bits
      3. Importar ilustraciones de Photoshop
      4. Colocar varios archivos | Illustrator CC
      5. Desincrustar imágenes
      6. Importar archivos Adobe PDF
      7. Importar archivos EPS, DCS y de AutoCAD
      8. Información sobre enlaces
    2. Bibliotecas Creative Cloud en Illustrator 
      1. Bibliotecas Creative Cloud en Illustrator
    3. Guardar
      1. Guardar ilustraciones
    4. Exportar
      1. Exportar ilustraciones
      2. Recopilar recursos y exportar en lotes
      3. Empaquetado de archivos
      4. Creación de archivos de Adobe PDF
      5. Extraer CSS | Illustrator CC
      6. Opciones de Adobe PDF
      7. Información de archivo y metadatos
  7. Impresión
    1. Prepárese para imprimir
      1. Configurar documentos para impresión
      2. Cambiar el tamaño y la orientación de la página
      3. Especificar marcas de recorte para separación o alineación
      4. Primeros pasos con un lienzo grande
    2. Impresión
      1. Sobreimprimir
      2. Imprimir mediante gestión del color
      3. Impresión PostScript
      4. Ajustes preestablecidos de impresión
      5. Marcas de impresora y sangrados
      6. Imprimir y guardar ilustraciones transparentes
      7. Reventado
      8. Impresión de separaciones de color
      9. Imprimir degradados, mallas y fusiones de color
      10. Sobreimpresión en blanco
  8. Automatizar tareas
    1. Combinar datos mediante el panel Variables
    2. Automatización con scripts
    3. Automatización con acciones
  9. Solución de problemas 
    1. Problemas de bloqueo al iniciar la aplicación
    2. Recuperar archivos después de un cierre inesperado
    3. Problemas de archivos
    4. Problemas con controladores de dispositivos GPU
    5. Problemas con dispositivos Wacom
    6. Problemas con archivos DLL
    7. Problemas de memoria
    8. Problemas con archivos de preferencias
    9. Problemas de fuentes
    10. Problemas con la impresora
    11. Enviar informe de error a Adobe

Acerca de los gráficos Flash

El formato de archivo de Flash (SWF) es un formato de archivo gráfico basado en vectores utilizado en la creación de gráficos web escalables y compactos. Dado que el formato de archivo se basa en vectores, la ilustración mantiene su calidad de imagen en diferentes resoluciones y es ideal para la creación de marcos de animación. En Illustrator, se pueden crear fotogramas de animación individuales sobre capas y, a continuación, exportar las capas de la imagen a marcos independientes para utilizarlos en un sitio web. También puede definir símbolos en un archivo de Illustrator para reducir el tamaño de una animación. Al exportarlo, cada símbolo se definirá una sola vez en el archivo SWF.

Puede guardar ilustraciones como un archivo SWF utilizando los comandos Exportar o Guardar para Web y dispositivos. Cada una de estas opciones presenta sus ventajas:

Comando Exportar (SWF)

Proporciona un control más detallado sobre la animación y la compresión de los mapas de bits.

Comando Guardar para Web y dispositivos

Proporciona un mayor control sobre la mezcla de formatos SWF y de mapa de bits en un diseño con sectores. Este comando ofrece menos Opciones de imagen que el comando Exportar (SWF) , pero utiliza la última configuración usada del comando Exportar.

Tenga presente la siguiente información cuando prepare ilustraciones para guardarlas como SWF:

  • Para que el tamaño del archivo sea lo más reducido posible al utilizar símbolos, aplique los efectos al símbolo del panel Símbolos en lugar de a las instancias de símbolos de la ilustración.

  • Al utilizar las herramientas Manchar símbolo y Aplicar estilo a símbolo se obtienen archivos SWF más grandes, ya que Illustrator debe crear una copia de cada instancia de símbolo para mantener su apariencia.

  • Los objetos de malla y los degradados con más de ocho paradas se rasterizan y aparecen como formas rellenas con mapas de bits. Los degradados con menos de ocho paradas se exportan como degradados.

  • Los motivos se rasterizan en imágenes más pequeñas que el tamaño de la ilustración de motivo y se segmentan para rellenar la ilustración.

  • Si un objeto de mapa de bits se extiende más allá de los límites de un sector, se incluirá todo el objeto en el archivo exportado.

  • El formato SWF solo admite extremos redondeados y uniones. Los extremos biselados o cuadrados y las uniones se convierten en redondeados al exportarlos a SWF.

  • El texto y los trazos rellenos con motivos se convierten en trazados y se rellenan con el motivo.

  • Aunque el texto conserva muchas de sus características cuando se exporta a SWF, parte de la información se pierde. Al importar un archivo SWF a Flash, el interlineado, el kerning y el tracking no se mantienen. Por el contrario, el texto se descompone en registros independientes para simular la apariencia de interlineado. Cuando el archivo SWF se reproduce más tarde en Flash Player, se mantiene el aspecto del interlineado, del kerning y del tracking del archivo. Si desea exportar el texto como trazados, seleccione Texto como contornos en el cuadro de diálogo Opciones de SWF, o convierta el texto en contornos antes de exportarlo a SWF seleccionando el comando Crear contornos.

Creación de animaciones Flash

Existen muchos modos para crear animaciones Flash en Illustrator. Uno de los más fáciles consiste en colocar cada fotograma de la animación en una capa independiente y seleccionar la opción Capas AI a fotogramas SWF al exportar la ilustración.

  1. Cree la ilustración que desea animar. Utilice símbolos para reducir el tamaño de la animación y simplificar el trabajo.
  2. Cree una capa independiente para cada fotograma de la animación.

    Para ello, puede pegar la ilustración de base en una capa nueva y editarla a continuación. O bien, puede utilizar el comando Soltar a capas para generar automáticamente capas en las que situar los objetos creados de forma conjunta.

  3. Asegúrese de que las capas están en el orden que desea seguir para reproducirlas como fotogramas de la animación.
  4. Lleve a cabo uno de los procedimientos siguientes:
    • Seleccione Archivo > Exportar, elija Flash (SWF) para el formato u haga clic en Exportar. En el cuadro de diálogo Opciones de SWF, seleccione Capas AI a fotogramas SWF en Exportar como. Establezca las demás opciones de animación y haga clic en OK.

    • Seleccione Archivo> Guardar para Web y dispositivos. Seleccione SWF en el menú Formato de archivo optimizado. En el menú Tipo de exportación, seleccione Capas AI a fotogramas SWF. Defina las demás opciones y haga clic en Guardar.

Trabajar con Illustrator y Flash

Puede mover las ilustraciones de Illustrator al entorno de edición de Flash o directamente a Flash Player. Puede copiar y pegar ilustraciones, guardar archivos en formato SWF o exportar ilustraciones directamente en Flash. Además, Illustrator admite texto dinámico de Flash y símbolos de clip de película.

También puede utilizar Device Central para ver la manera en la que aparecerán las ilustraciones de Illustrator en Flash Player en diferentes dispositivos de mano.

Pegado de ilustraciones de Illustrator

Puede crear ilustraciones ricas gráficamente en Illustrator, y copiarlas y pegarlas en Flash de una manera sencilla, rápida y sin problemas.

Cuando pega las ilustraciones de Illustrator en Flash, se conservan los siguientes atributos:

  • Trazados y formas

  • Escalabilidad

  • Grosores de trazos

  • Definiciones de degradado

  • Texto (incluyendo fuentes OpenType)

  • Imágenes enlazadas

  • Símbolos

  • Modos de fusión

Además, Illustrator y Flash admiten las ilustraciones pegadas de las siguientes maneras:

  • Cuando selecciona capas de nivel superior completas en ilustraciones de Illustrator y las pega en Flash, las capas se conservan junto con sus propiedades (visibilidad y bloqueado).

  • Los colores de Illustrator que no son RGB (CMYK, escala de grises y a medida) se convierten a RGB en Flash. Los colores RGB se pegan de la forma esperada.

  • Cuando importa o pega ilustraciones de Illustrator, puede utilizar distintas opciones para conservar efectos, como sombras paralelas en texto, como filtros de Flash.

  • Flash conserva las máscaras de Illustrator.

Exportación de archivos SWF desde Illustrator

En Illustrator, puede exportar archivos SWF que se correspondan con la calidad y la compresión de los archivos SWF exportados desde Flash.

Al exportar, puede elegir entre diversos ajustes preestablecidos para garantizar una salida óptima, además de especificar cómo tratar las distintas mesas de trabajo, los símbolos, las capas, el texto y las máscaras. Por ejemplo, puede especificar si los símbolos de Illustrator se exportan como clips de película o gráficos, o bien puede elegir crear símbolos SWF desde capas de Illustrator.

Importación de archivos de Illustrator en Flash

Cuando desee crear diseños completos en Illustrator y, a continuación, importarlos en Flash en un paso, puede guardar la ilustración en el formato de Illustrator nativo (AI) e importarlo, con alta fidelidad, en Flash empleando los comandos Archivo > Importar a escenario o Archivo > Importar a biblioteca en Flash.

Si el archivo de Illustrator contiene varias mesas de trabajo, seleccione la que desee importar en el cuadro de diálogo Importar de Flash y especifique la configuración de cada una de sus capas. Todos los objetos de la mesa de trabajo seleccionada se importan como una sola capa en Flash. Si importa otra mesa de trabajo del mismo archivo de AI, sus objetos se importan como una capa nueva en Flash.

Cuando importa una ilustración de Illustrator como un archivo AI, EPS o PDF, Flash conserva los mismos atributos que para las ilustraciones de Illustrator pegadas. Además, cuando un archivo de Illustrator importado contiene capas, puede importarlas de cualquiera de las siguientes maneras:

  • Convertir capas de Illustrator en capas de Flash

  • Convertir capas de Illustrator en fotogramas de Flash

  • Convertir todas las capas de Illustrator en una capa de Flash única

Flujo de trabajo de símbolo

El flujo de trabajo de símbolo en Illustrator es similar al de Flash.

Creación de símbolos

Cuando crea un símbolo en Illustrator, el cuadro de diálogo de opciones de símbolo le permite nombrar el símbolo y establecer las opciones específicas para Flash: tipo de símbolo de clip de película (que es el predeterminado para símbolos Flash), la ubicación de cuadrícula de registro de Flash y las guías de escala de 9 sectores. Además, puede utilizar muchos de los mismos métodos abreviados de teclado para símbolos en Illustrator y Flash (como F8 para crear un símbolo).

Modo de aislamiento para la edición de símbolos

En Illustrator, haga doble clic en un símbolo para abrirlo en el modo de aislamiento para una edición más sencilla. En el modo de aislamiento, solo la instancia de símbolo es editable; todos los demás objetos de la mesa de trabajo están atenuados y no están disponibles. Después de salir del modo de aislamiento, el símbolo del panel Símbolos y todas las instancias de dicho símbolo se actualizan en consecuencia. En Flash, el modo de edición de símbolos y el panel Biblioteca funcionan de una manera similar.

Enlaces y propiedades de símbolos

Empleando el panel Símbolos o el panel de control, puede asignar nombres con facilidad a instancias de símbolo, dividir Enlaces entre instancias y símbolos, intercambiar una instancia de símbolo con otro símbolo o crear una copia del símbolo. En Flash, las funciones de edición en el panel Biblioteca funcionan de una manera similar.

Objetos de texto estáticos, dinámicos y de entrada

Cuando trae texto estático desde Illustrator a Flash, Flash convierte el texto en contornos. Además, puede configurar el texto en Illustrator como texto dinámico. El texto dinámico le permite editar el contenido de texto mediante programación en Flash y gestionar proyectos con facilidad que requieren la localización en varios idiomas.

En Illustrator, puede especificar objetos de texto individuales como texto estático, dinámico o de entrada. Los objetos de texto dinámicos en Illustrator y Flash tienen propiedades similares. Por ejemplo, ambos utilizan tanto el espaciado manual que afecta a todos los caracteres de un bloque de texto en lugar de a caracteres individuales como el texto suavizado de la misma manera y ambos se pueden vincular a un archivo XML externo que contenga texto.

Logotipo de Adobe

Inicia sesión en tu cuenta