Objetivo del Aprendizaje
Al finalizar esta guía, el estudiante será capaz de organizar y distribuir espacios de conexión en una infografía radial en Adobe Illustrator, asegurando la correcta asignación de áreas para representar relaciones visualmente claras y estructuradas.
Pasos para Crear Plataformas y Espacios en una Infografía Radial en Adobe Illustrator
1. Configuración del Documento y del Wireframe
Antes de crear los espacios de conexión, asegurémonos de que el documento está bien configurado.
Pasos:
Abrir o crear un nuevo documento:
- Ir a Archivo > Nuevo (Ctrl + N / Cmd + N).
- Definir un tamaño adecuado (ejemplo: A4, 1920x1080 px).
- Seleccionar modo de color RGB para digital o CMYK para impresión.
Importar o dibujar el wireframe:
- Si el wireframe está en formato PSD, PDF o AI, importarlo desde Archivo > Colocar (Shift + Ctrl + P / Shift + Cmd + P).
- Usar la herramienta Elipse (L) para dibujar la base del gráfico si no se tiene aún.
- Ajustar la opacidad del wireframe al 30% en el Panel de Transparencia.
- Bloquear la capa en el Panel de Capas (F7) para evitar modificaciones accidentales.
2. Crear un Círculo Perimetral para la Distribución de Espacios
Este círculo servirá de guía para la organización de conexiones.
Pasos:
Dibujar un círculo de fondo:
- Seleccionar la Herramienta Elipse (L).
- Mantener Shift mientras se arrastra para hacer un círculo perfecto.
- Asignar un color gris oscuro para el fondo.
Dibujar un círculo más pequeño encima del anterior:
- Seleccionar la Herramienta Elipse (L).
- Crear un círculo ligeramente más pequeño.
- Asignarle un color gris claro.
Alinear los círculos:
- Seleccionar ambos círculos y usar el Panel de Alineación (Shift + F7).
- Alinear centros verticales y horizontales.
3. Crear el Espacio para las Conexiones usando una Máscara de Recorte
Usaremos una máscara para delimitar el área donde se visualizarán las relaciones.
Pasos:
Seleccionar el círculo más pequeño y crear una máscara:
- Ir al Panel de Capas (F7).
- Seleccionar el círculo más pequeño.
- Crear una máscara de recorte con Objeto > Máscara de Recorte > Crear (Ctrl + 7 / Cmd + 7).
Modificar el espacio dentro del círculo:
- Seleccionar la máscara y contraer la selección con Objeto > Transformar > Escalar.
- Reducir el tamaño en un 15% aproximadamente.
- Asegurar que se visualice un anillo en el círculo.
4. Determinar el Tamaño de las Plataformas de Conexión
Cada personaje tendrá su espacio en el perímetro del círculo.
Pasos:
Revisar el número de conexiones en la hoja de cálculo:
- Ordenar los datos en Excel por el Objeto de Relación para visualizar cada conexión.
- Contar cuántas conexiones tiene cada personaje.
Dibujar pequeños círculos para medir el espacio de cada personaje:
- Usar la Herramienta Elipse (L) para crear un pequeño círculo negro.
- Duplicar este círculo Ctrl + D / Cmd + D hasta representar todas las conexiones necesarias.
- Ajustar la distribución a lo largo del anillo para asegurar espacio suficiente.
Definir el área de cada personaje en el diagrama:
- Ejemplo con Facebook: Si tiene 5 conexiones, secciones un área del anillo para 5 círculos.
- Repetir este proceso para todos los personajes.
5. Crear Plataformas de Conexión con la Herramienta Pluma
Cada personaje tendrá su espacio delimitado con un rectángulo sobre el anillo.
Pasos:
Seleccionar la Herramienta Pluma (P).
Dibujar una forma rectangular sobre el anillo para cada personaje:
- Crear un rectángulo sobre los pequeños círculos de referencia.
- Ajustar el tamaño para que coincida con el número de conexiones de cada personaje.
- Usar la Herramienta de Selección Directa (A) para ajustar bordes si es necesario.
Duplicar y ajustar plataformas:
- Ctrl + D / Cmd + D para repetir el proceso en otros personajes.
- Verificar que cada personaje tenga suficiente espacio.
6. Conectar Personajes con sus Plataformas
Dibujaremos líneas que conecten a cada personaje con su respectiva plataforma.
Pasos:
Seleccionar la Herramienta Línea (****).
Dibujar una línea desde el nombre del personaje hasta su plataforma en el anillo.
Ajustar grosor y color:
- Ir a Ventana > Trazo (Ctrl + F10 / Cmd + F10).
- Definir un grosor de 3 px.
- Ajustar color a negro o un tono visible.
Asegurar la visibilidad de las líneas en el orden de capas:
- Panel de Capas (F7): Mover las líneas entre el fondo y las plataformas.
- Esto evitará que se oculten partes de las conexiones.
7. Ajustes Finales y Exportación
Revisaremos que el diagrama tenga una correcta estructura visual antes de exportarlo.
Pasos:
Revisar alineaciones:
- Usar el Panel de Alineación (Shift + F7) para corregir espacios.
- Ajustar el espaciado entre plataformas y líneas.
Guardar el archivo editable:
- Ir a Archivo > Guardar Como... (Ctrl + Shift + S / Cmd + Shift + S).
- Guardar en formato .AI para futuras ediciones.
Exportar la infografía en formato de imagen o PDF:
- Ir a Archivo > Exportar > Exportar como....
- Elegir PNG para web o PDF para impresión.
- Asegurar una resolución de 300 ppp para calidad óptima.
Conclusión
Con esta guía, aprendiste a organizar y distribuir plataformas en una infografía radial, asegurando que cada personaje tenga su espacio proporcional a sus conexiones. Esta estructura facilitará la comprensión del diagrama y permitirá una distribución equitativa de los elementos gráficos. ¡Ahora puedes proceder a dibujar las líneas de conexión y finalizar la infografía!
Palabras clave:
Adobe Illustrator, infografía radial, distribución de etiquetas, plataformas de conexión, alineación, organización visual, herramienta de selección, guías inteligentes, jerarquía de información, diseño gráfico, visualización de datos, herramienta de línea, herramienta de pluma, panel de capas, etiquetas en infografía, diagramación, estructura visual, máscara de recorte, exportación de archivos, ajuste de capas, conexiones gráficas, diagramas de relaciones
Comentarios
Publicar un comentario