Guía del usuario Cancelar

Dibujo de trazados con pixelado perfecto para flujos de trabajo web

  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. Herramientas
      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
        5. Mesa de trabajo
      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. Vectorizar imágenes de trama
    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. Pintura
      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. Usar ilustraciones de Illustrator en Photoshop
      2. Exportar ilustraciones
      3. Recopilar recursos y exportar en lotes
      4. Empaquetado de archivos
      5. Creación de archivos de Adobe PDF
      6. Extraer CSS | Illustrator CC
      7. Opciones de Adobe PDF
      8. 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. Errores de bloqueo
    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
Nota:

La información en este artículo es relevante para Illustrator CC 2015.x y versiones anteriores. A partir de la versión CC 2017, Illustrator ofrece una funcionalidad más predecible y precisa para alinear la ilustración con la cuadrícula de píxeles. Consulte Dibujar ilustraciones de píxeles perfectos para obtener información detallada.

El pixelado perfecto es una propiedad de los niveles de objetos que permite alinear los trazados vertical y horizontal de un objeto con la cuadrícula de píxeles. Esta propiedad se mantiene en el objeto cuando este se modifica. El trazado vertical u horizontal del objeto se alinea con la cuadrícula de píxeles siempre y cuando se haya definido la propiedad de pixelado perfecto.

Trazados con pixelado perfecto en Illustrator
Esta ilustración muestra objetos de pixelado perfecto y objetos sin pixelado perfecto

A. Objeto sin pixelado perfecto B. Objeto de pixelado perfecto 

Alineación de objetos nuevos con la cuadrícula de píxeles

La opción Alinear nuevos objetos con cuadrícula de píxeles está disponible en la sección Avanzado del cuadro de diálogo Nuevo documento.

Esta opción también está disponible en el menú del panel Transformar (menú desplegable) del panel Transformar.

Opción Alinear nuevos objetos con cuadrícula de píxeles del menú del panel Transformar
Opción Alinear nuevos objetos con cuadrícula de píxeles del menú del panel Transformar

Si activa esta opción, los nuevos objetos que dibuje tendrán definida de forma predeterminada la propiedad de pixelado perfecto. Para los nuevos documentos creados mediante el perfil de documento web, esta opción está activada de forma predeterminada.

La apariencia nítida de los trazos de pixelado perfecto se mantiene únicamente en la salida rasterizada con una resolución de 72 ppp. Para las demás resoluciones, es muy posible que se produzca un efecto de suavizado en los trazos.

Los objetos de pixelado perfecto que no tienen segmentos rectos verticales u horizontales no se modifican para alinearse con la cuadrícula de píxeles. Por ejemplo, un rectángulo girado que no tiene segmentos rectos verticales u horizontales no se desplaza para crear trazados nítidos cuando se define la propiedad de pixelado perfecto para el mismo.

Nota:

La propiedad de nivel de documento y el estado de pixelado perfecto de cada objeto se guardan en el archivo .ai.

Para obtener más información sobre la alineación de símbolos con la cuadrícula de símbolos, consulte Alineación de símbolos con la cuadrícula de píxeles.

Alineación de objetos existentes con la cuadrícula de píxeles

Los objetos con la opción Alinear con cuadrícula de píxeles seleccionada se desplazan para alinearse con la cuadrícula de píxeles cada vez que se modifican. Por ejemplo, si mueve o transforma un objeto de pixelado perfecto, el objeto se volverá a alinear con la cuadrícula de píxeles de acuerdo con sus nuevas coordenadas.

Para alinear un objeto existente con la cuadrícula de píxeles, seleccione el objeto y active la casilla de verificación Alinear con cuadrícula de píxeles situada en la parte inferior del panel Transformar.

Opción Alinear con cuadrícula de píxeles del panel Transformar
Opción Alinear con cuadrícula de píxeles del panel Transformar

Cada vez que selecciona esta opción, se desplazan los segmentos verticales y horizontales de los trazados del objeto. Como resultado, la apariencia de dichos segmentos mostrará siempre trazos nítidos para todos los anchos de trazo y en todas las ubicaciones. Los objetos con esta opción seleccionada siempre tienen definida la anchura de trazo con valores enteros.

Si coloca objetos no alineados en los documentos con la opción Alinear nuevos objetos con la cuadrícula de píxeles activada, no se crearán automáticamente objetos de pixelado perfecto. Para ello, seleccione el objeto y, a continuación, elija la opción Alinear con cuadrícula de píxeles en el panel Transformar. Los objetos tales como los objetos rasterizados, efectos de rasterizado y objetos de texto no se pueden crear como objetos de pixelado perfecto debido a que no tienen trazados reales.

Selección de objetos no alineados con la cuadrícula de píxeles

Para seleccionar los objetos, haga clic en Seleccionar > Objeto > No alineado con cuadrícula de píxeles.

Alineación de símbolos con la cuadrícula de píxeles

Para crear un símbolo con pixelado perfecto, seleccione la opción Alinear con cuadrícula de píxeles en el cuadro de diálogo Opciones de símbolo. Los símbolos alineados con la cuadrícula de píxeles se mantienen alineados con esta cuadrícula en todas las ubicaciones de la mesa de trabajo, en su tamaño real.

Nota:

Los símbolos escalados pueden no crear trazados nítidos aunque se haya definido la propiedad de pixelado perfecto para ellos.

Para obtener más información sobre la alineación con la cuadrícula de píxeles, consulte Dibujo de trazados con pixelado perfecto para flujos de trabajo web.

Nota:

Si el botón Restaurar del panel de control está activo, quiere decir que el símbolo se ha transformado y no se muestra en su tamaño real.

Visualización de la cuadrícula de píxeles

Para ver la cuadrícula de píxeles, amplíe la imagen al 600 % o un valor superior en el modo Previsualización de píxeles.

Para definir las preferencias de visualización de la cuadrícula de píxeles, haga clic en Preferencias> Guías y cuadrícula. Seleccione la opción Mostrar cuadrícula de píxeles (ampliando la imagen al 600 %) si no está aún seleccionada.

Almacenamiento de sectores seleccionados

Para guardar únicamente los sectores seleccionados de la ilustración, haga clic en Archivo > Guardar sectores seleccionados.

Opciones de suavizado

Suavizado de texto

El panel Carácter en Illustrator proporciona las siguientes opciones de suavizado de texto:

  • Ninguno

  • Enfocado

  • Nítido

  • Fuerte

Suavizado de texto
Opciones de suavizado de texto del panel del panel Carácter

Puede definir las opciones de suavizado de cada marco de texto. Estos atributos de suavizado se guardan como parte del documento. Estas opciones son también compatibles con los formatos PDF, AIT y EPS. Las opciones de suavizado de texto se pueden exportar o importar desde PSD.

Al exportar a los formatos BMP, PNG, Targa, JPEG o TIFF, están disponibles las siguientes opciones de suavizado: Ninguno, Optimización para ilustraciones y Optimización para texto.

  • La opción Optimización para ilustraciones produce un efecto de rasterizado para cada uno de estos formatos al igual que ocurría en versiones anteriores. Sin embargo, las opciones de suavizado de texto no se mantienen al rasterizar la ilustración en este caso.

  • La opción Optimización para texto respeta las nuevas opciones de suavizado en los cuadros de texto del rasterizado creado.

Estas opciones están disponibles también en el cuadro de diálogo Guardar para Web.

Logotipo de Adobe

Inicia sesión en tu cuenta