Creación y Ajuste de Conexiones en una Infografía Radial en Adobe Illustrator Parte 6

el

 Objetivo del Aprendizaje

Al finalizar esta guía, el estudiante será capaz de dibujar, ajustar y organizar líneas de relación en una infografía radial dentro de Adobe Illustrator, utilizando la herramienta Pluma para generar curvas elásticas y la jerarquización de capas para mejorar la visualización.

Pasos para Crear y Ajustar Líneas de Relación en una Infografía Radial en Adobe Illustrator

1. Configuración del Documento y del Wireframe

Antes de comenzar a dibujar las conexiones, asegurémonos de que el documento está correctamente configurado.

Pasos:

  1. Abrir o crear un nuevo documento:

    • Ir a Archivo > Nuevo (Ctrl + N / Cmd + N).
    • Seleccionar un tamaño adecuado (ejemplo: A4, 1920x1080 px).
    • Modo de color: RGB para digital o CMYK para impresión.

  2. Importar o dibujar el wireframe:

    • Si tienes un wireframe en PSD, PDF o AI, impórtalo con Archivo > Colocar (Shift + Ctrl + P / Shift + Cmd + P).
    • Si no lo tienes, usa la Herramienta Elipse (L) para crear la base del gráfico.
    • Alinear con el Panel de Alineación (Shift + F7) para centrarlo.

  3. Organizar las capas en el Panel de Capas:

    • Crear capas separadas para el fondo, los nombres de los personajes y las conexiones.
    • Bloquear el wireframe para evitar modificaciones accidentales.

2. Seleccionar los Datos de Conexión

Antes de empezar a dibujar, debemos identificar qué elementos están conectados y cómo organizarlos en la infografía.

Pasos:

  1. Revisar la hoja de datos en Excel:

    • Ordenar los datos por personaje para visualizar sus conexiones.
    • Identificar qué personajes se conectan y con qué tipo de relación.

  2. Asignar un color a cada tipo de relación:

    • Usar el Panel de Muestras (Shift + F6) para asignar colores a cada relación.
    • Ejemplo de colores de relación:
      • Inversión Ángel: Crema
      • Serie A: Rojo
      • Serie B: Azul
      • Múltiples Rondas: Combinación de rojo y azul
      • Adquisiciones: Verde

3. Dibujar Líneas de Relación con la Herramienta Pluma

Las conexiones entre personajes deben representarse con líneas curvas elásticas.

Pasos:

  1. Seleccionar la herramienta Pluma (P).

  2. Dibujar la primera conexión:

    • Hacer clic en el primer personaje.
    • Hacer clic en el segundo personaje manteniendo Shift para mantener alineaciones.
    • Arrastrar el cursor para crear una curva elástica entre ambos.

  3. Ajustar la curva:

    • Usar la Herramienta de Selección Directa (A) para modificar la curvatura.
    • Ajustar la inclinación de la curva usando los manejadores.

  4. Aplicar color a la línea:

    • Seleccionar la línea y elegir un color en el Panel de Muestras (Shift + F6).

4. Ajustar la Jerarquía de las Capas para Mejorar la Visualización

Para evitar que las líneas interfieran con los elementos de la infografía, organizaremos sus capas.

Pasos:

  1. Ubicar las líneas debajo de la capa de las plataformas de conexión:

    • Ir al Panel de Capas (F7).
    • Arrastrar la capa de las líneas debajo de la capa de las plataformas.

  2. Corregir superposiciones:

    • Si una línea queda sobre otra incorrectamente, mover su capa en la jerarquía del Panel de Capas.
    • Usar Ctrl + [ / Cmd + [ para mover capas hacia abajo.
    • Usar Ctrl + ] / Cmd + ] para mover capas hacia arriba.

5. Agregar un Código de Color con una Línea Adicional para "Múltiples Rondas"

Algunas relaciones requieren doble color para representar múltiples rondas de inversión.

Pasos:

  1. Duplicar la línea base:

    • Ctrl + C / Cmd + C para copiar.
    • Ctrl + F / Cmd + F para pegar en la misma posición.

  2. Cambiar el color de la línea duplicada:

    • Seleccionar la línea copiada.
    • Usar el Cuentagotas (I) para tomar el color correspondiente.

  3. Dibujar una franja con la herramienta Pluma:

    • Seleccionar la Herramienta Pluma (P).
    • Dibujar un pequeño trapezoide encima de la línea duplicada.
    • Aplicar el segundo color en la Barra de Control.

6. Revisar y Ajustar la Transparencia de las Líneas

Si hay muchas conexiones, se puede mejorar la claridad reduciendo la opacidad de las líneas.

Pasos:

  1. Seleccionar todas las líneas de conexión.
  2. Abrir el Panel de Transparencia (Shift + Ctrl + F10 / Shift + Cmd + F10).
  3. Ajustar la opacidad a un valor entre 50% - 75% para evitar saturación visual.

7. Exportación Final

Antes de finalizar, debemos revisar la organización de elementos y exportar el archivo correctamente.

Pasos:

  1. Verificar la alineación y espaciado:

    • Usar el Panel de Alineación (Shift + F7) para distribuir los elementos.
    • Ajustar la separación entre conexiones y etiquetas.

  2. Guardar el archivo editable:

    • Archivo > Guardar Como... (Ctrl + Shift + S / Cmd + Shift + S).
    • Guardar en formato AI para futuras ediciones.

  3. Exportar la infografía en formato de imagen o PDF:

    • Archivo > Exportar > Exportar como...
    • Seleccionar PNG para web o PDF para impresión.
    • Configurar resolución a 300 ppp para calidad óptima.

Conclusión

Con esta guía, aprendiste a dibujar y organizar conexiones en una infografía radial utilizando líneas elásticas, códigos de color y jerarquización de capas. Ahora, puedes personalizar las curvas y ajustar detalles para mejorar la visualización de relaciones en tus proyectos.

Palabras clave:

Adobe Illustrator, infografía radial, relaciones visuales, herramientas de Illustrator, pluma, líneas curvas, jerarquía de capas, transparencia, diagramas de relaciones, etiquetas en infografía, organización visual, visualización de datos, códigos de color, alineación, exportación de archivos, estructura gráfica, guías inteligentes, curvas elásticas, opacidad, transparencia, diseño editorial, plataformas de conexión, trazado de líneas, ajustes de color, diagramación avanzada.

https://youtu.be/EOQCx2mDvrQ

Comentarios

Publicar un comentario