Crear una Ilustración Inspirada por el Día Internacional de las Personas con Discapacidad

En los siguientes pasos, aprenderás a cómo crear una ilustración simple inspirada por el Día Internacional de las Personas con Discapacidad.

Para los principiantes, aprenderás a cómo preparar una simple cuadrícula y cómo añadir o borrar puntos de ancla fácilmente a partir de un trazado. Luego aprenderás a cómo añadir texto en un trazado, darle estilo y enmascararlo. Usando algunas técnicas básicas de trazo y los efectos para Redondear Vértices, aprenderás a cómo crear el logo de la silla de ruedas. Finalmente, aprenderás a cómo añadir un fondo simple, algo de sombra y una pequeña pieza de texto sobre un trazado.

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar más recursos en GraphicRiver.

1. ¿Cómo Crear un Nuevo Documento y Preparar una Cuadrícula?

Presiona Control-N para crear un nuevo documento. Selecciona Píxeles a partir del menú desplegable de Unidades, pon 850 en la anchura y 860 en la altura. Luego da clic en Avanzado. Selecciona RGB para el Modo de Color; pon Efectos de Rasterizado a Pantalla (72 ppp) y luego da clic en Crear Documento.

Habilita la Cuadrícula (Vista > Mostrar Cuadrícula) y Ajustar a Cuadrícula (Vista > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 10 px. Para ello, simplemente ve a Edición > Preferencias > Guías y Cuadrículas. Pon 10 en casilla Cuadrícula cada y 1 en las Subdivisiones. Trata de no desanimarte por toda esa cuadrícula—hará tu trabajo más fácil y mantén en mente que puedes habilitarla o deshabilitarla usando Control-".

Puedes aprender más acerca del sistema de cuadrícula de Illustrator en este corto tutorial de Andrei Stefan: Entendiendo el Sistema de Cuadrícula de Adobe Illustrator.

Debes también abrir el panel Información (Ventana > Información) para una previsualización con el tamaño y la posición de tus formas. No olvides poner las unidades de medida a píxeles en Edición > Preferencias > Unidades. Todas estas opciones incrementarán significativamente tu velocidad de trabajo.

2. ¿Cómo Crear la Silla de Rueda?

Paso 1

Toma la Herramienta Rectángulo (M) y enfócate en tu barra de tareas. Borra el color de relleno y luego selecciona el trazo y pon su color a R=37 G=170 B=227. Procede a tu mesa de trabajo y simplemente crea un círculo de 300 px—la cuadrícula y Ajustar a Cuadrícula debe facilitarlo.

Asegúrate de que tu forma permanezca seleccionada; enfócate sobre el panel Apariencia (Ventana > Apariencia) y pon la anchura del trazo a 60 px.

Paso 2

Con tu forma aun seleccionada, ve a Objeto > Trazado > Añadir Punto de Ancla dos veces. Toma la Herramienta Selección Directa (A), selecciona los siete puntos de ancla resaltados en la primera imagen y bórralos usando el botón Suprimir en tu teclado.

Asegúrate de que el trazado resultante permanezca seleccionado y regresa al panel Apariencia. Da clic en "Trazo" para abrir el respectivo panel, y luego da clic en los botones Extremo Redondeado y Unión Redondeada.

3. ¿Cómo Añadir Texto sobre un Trazado y Darle Estilo?

Paso 1

Toma la Herramienta Elipse (L), crea un círculo de 330 px y colócalo exactamente como se muestra en la siguiente imagen. Los atributos de color no son muy importantes.

Paso 2

Asegúrate de que tu círculo de 330 px aun esté seleccionado. Toma la Herramienta Texto sobre un Trazado y simplemente da clic sobre el borde tu forma seleccionada. Esto te permitirá añadir texto sobre tu trazado.

Añade "INCLUSION MATTERS" (LA INCLUSIÓN IMPORTA), hazla blanca y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Insaniburger y pon el Tamaño a 45 px y el Tracking a 75.

Luego, necesitas ajustar la posición de tu texto. Cambia a la Herramienta Selección Directa (A) y simplemente arrastra el soporte del medio desde fuera hacia dentro de tu círculo. Esto debe mover tu texto dentro del círculo. Usa ese mismo soporte para mover tu texto a través del trazado como se muestra en la siguiente imagen.

Paso 3

Asegúrate de que tu texto permanezca seleccionado; enfócate en el panel Apariencia y añade un nuevo relleno usando el botón Añadir Nuevo Relleno. Selecciónalo y pon el color a R=27 G=34 B=88.

Paso 4

Asegúrate de que tu texto permanezca seleccionado y mantente enfocado sobre el panel Apariencia. Añade un segundo relleno, arrastra debajo del que ya existe y selecciónalo.

Pon el color a R=27 G=34 B=88. Disminuye su Opacidad a 30% y ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra ambos deslizadores de Escala a 101% y pon el deslizador Mover-Vertical a 0.2 px. Pon 1 en la casilla Copias y luego da clic en OK.

Paso 5

Asegúrate de que tu texto permanezca seleccionado y sigue enfocado sobre el panel Apariencia. Añade un tercer relleno, arrastra el existente y selecciónalo.

Pon el color a R=27 G=34 B=88. Baja su opacidad a 30% y ve a Efecto > Distorsionar y Transformar > Transformar. Pon los atributos mostrados en la siguiente imagen. Da clic en OK y luego ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon 3 px de Radio y da clic en OK.

Paso 6

Asegúrate de que tu texto permanezca seleccionado y sigue enfocado sobre el panel Apariencia. Añade un cuarto relleno y arrastra debajo de las que ya existen.

Pon el color a R=27 G=34 B=88. Disminuye su Opacidad a 15%. Ve a Efecto > Distorsionar y Transformar > Transformar. Pon los atributos mostrados en la siguiente imagen y luego da clic en OK.

Paso 7

Asegúrate de que tu texto esté seleccionado y sigue enfocado sobre el panel Apariencia. Añade un quinto relleno y arrastra debajo del que ya existe y selecciónalo.

Pon el color a R=27 G=34 B=88. Baja su Opacidad a 20% y ve a Efecto > Distorsionar y Transformar > Transformar. Pon los atributos mostrados en la siguiente imagen y da clic en OK.

Paso 8

Selecciona tu trazado azul, haz una copia en frente (Control-C > Control-F) y trae al frente (Mayus-Control-]). Con esta copia aun seleccionada, ve al panel Apariencia y pon el color del trazo a blanco.

Selecciona este trazado blanco con tu texto sobre un trazado. Abre el panel Transparencia (Ventana > Transparencia) y da clic sobre el botón Crear Máscara. Al final, las cosas deben verse como en la tercera imagen.

4. ¿Cómo Crear el Fondo?

Paso 1

Toma la Herramienta Rectángulo (M) y crea una forma de 870 x 880 px. Rellena con R=27 G=34 B=88. Envía hacia atrás y asegúrate de que cubra toda la mesa de trabajo.

Paso 2

Vuelve a seleccionar tu trazado azul y reemplázalo con blanco.

5. ¿Cómo Crear una Silueta Humana?

Paso 1

Toma la Herramienta Pluma (P) y crea un trazado simple cerca del que se muestra en la siguiente imagen. Una vez más, la cuadrícula y Ajustar a Cuadrícula te ayudarán. Añade un trazo de 60 px para este nuevo trazado, hazlo blanco y no olvides marcar los botones de Extremo Redondeado y Unión Redondeada.

Paso 2

Asegúrate de que el trazado creado en el paso anterior aun esté seleccionado y ve a Efecto > Estilizar > Redondear Vértices. Pon un Radio de 30 px y luego da clic en OK.

Paso 3

Usando la Herramienta Pluma (P) o la Herramienta Línea de Segmento, crea un trazado horizontal de 120 px y colócalo como se muestra en la siguiente imagen. Añade un trazo de 60 px para este nuevo relleno. Hazlo blanco y no olvides marcar el botón de Extremo Redondeado.

Paso 4

Toma la Herramienta Elipse (L) y crea un círculo de 100 px. Rellena con blanco y colócalo como se muestra.

6. ¿Cómo Añadir una Sombra y un Segundo Texto sobre un Trazado?

Paso 1

Vuelve a seleccionar el círculo blanco con los tres trazados blanco y agrúpalos.

Paso 2

Con tu grupo aun seleccionado, aplica tres efectos de Sombra Paralela (Efecto > Estilizar > Sombra Paralela) mostrado en la siguiente imagen.

Paso 3

Toma la Herramienta Elipse (L), crea un círculo de 220 px y colócalo como se muestra en la siguiente imagen.

Paso 4

Asegúrate de que tu círculo de 220 px aun esté seleccionado. Toma la Herramienta Texto sobre un Trazado y añade "3 DE DICIEMBRE" con tu selección. Hazla blanca y usa los atributos de texto mostrado abajo y usa la Herramienta Selección Directa (A) para ajustar la ubicación del texto como se muestra abajo.

¡Felicidades! ¡Terminaste!

Aquí está como debe verse. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No dudes en compartir tu resultado final en la sección de comentarios abajo.

Siéntete libre de ajustar el diseño final y hacer el tuyo propio. Puedes encontrar fuentes de inspiración en GraphicRiver, con soluciones interesante para mejorar tu diseño.