Tutorial de Adobe Illustrator: Cree una ilustración detallada de un aro salvavidas

En el siguiente tutorial de adobe illustrator aprenderá a crear un gráfico de aro salvavidas semirrealista. Comenzaremos con un montón de círculos concéntricos y algunas técnicas básicas de construcción de formas vectoriales. Una vez que creamos las formas iniciales, continuaremos con algunas opciones de Pathfinder, varios efectos Warp y Gaussian Blur, además de algunas técnicas básicas de enmascaramiento. Para los aspectos más destacados, utilizaremos algunas técnicas de fusión simples junto con un conjunto de degradados lineales. Finalmente, necesitaremos un trazo discontinuo simple, el efecto de esquinas redondeadas y algunas sombras paralelas discretas. La ilustración final se puede editar fácilmente, por lo que no le resultará difícil elegir diferentes colores para su aro salvavidas. Como siempre, esta es la imagen final que crearemos:

Paso 1

Presiona Control + N para crear un nuevo documento. Ingrese 600 en el cuadro de ancho y alto y luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla «Alinear nuevos objetos a la cuadrícula de píxeles» no esté marcada antes de hacer clic en Aceptar. Ahora, encienda la cuadrícula (Ver> Cuadrícula) y Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula). A continuación, necesitará una cuadrícula cada 5px. Vaya a Edición > Preferencias > Guías y cuadrícula, ingrese 5 en el cuadro Línea de cuadrícula cada y 1 en el cuadro Subdivisiones. También puede abrir el panel Información (Ventana > Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Edición > Preferencias > Unidad > General. Todas estas opciones aumentarán significativamente su velocidad de trabajo.

Paso 2

Elija la herramienta Elipse (L) y cree un círculo de 255 px. Rellénelo con negro, baje su opacidad al 30% y vaya a Objeto> Ruta> Ruta compensada. Ingrese un Desplazamiento de -60px y haga clic en Aceptar.

Paso 3

Vuelva a seleccionar los dos círculos concéntricos creados en el paso anterior, abra el panel Buscatrazos y haga clic en el botón Frente negativo. Rellene la ruta compuesta resultante con R=241 G=242 B=242, aumente su opacidad al 100% y muévase al panel Capas. Haga doble clic en él, asígnele el nombre «Cuerpo» y haga una copia al frente (Control + C > Control + F).

Paso 4

Elija la herramienta Elipse (L), cree un círculo de 195 px y colóquelo como se muestra en la primera imagen. Seleccione este nuevo círculo junto con la copia creada en el paso anterior y haga clic en el botón Dividir del panel Buscatrazos. Vaya al panel Capas y encontrará un nuevo grupo con tres formas simples. Ábralo, elimine el círculo pequeño y luego desagrupe (Shift + Control + G) las dos rutas compuestas restantes.

Paso 5

Concéntrese en las dos rutas compuestas creadas en el paso anterior y rellénelas con el degradado lineal que se muestra a continuación.

Paso 6

Deshabilite Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula), luego vaya a Edición> Preferencias> General y asegúrese de que el Incremento del teclado esté configurado en 1px. Vuelva a seleccionar «Cuerpo» y haga dos copias al frente (Control + C > Control + F > Control + F). Seleccione la copia superior y presione la flecha hacia arriba tres veces (para moverla 3px hacia arriba). Vuelva a seleccionar ambas copias y haga clic en el botón Minus Front del panel Pathfinder. Seleccione el grupo resultante de formas y conviértalo en una ruta compuesta (Objeto> Ruta compuesta> Crear). Rellénalo con R=134 G=139 B=145, baja su opacidad al 30% y tráelo al frente (Shift + Control + ]).

Paso 7

Vuelva a seleccionar la segunda ruta compuesta editada en el quinto paso (la grande) y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 5px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Minus Front del panel Pathfinder. Seleccione el grupo resultante de formas y llévelo al frente (Shift + Control + ]). Ábrelo, selecciona la forma superior, rellénala de blanco y ve a Efecto > Desenfocar > Desenfoque gaussiano. Ingrese un radio de 3px y haga clic en Aceptar. Siga centrándose en este grupo, seleccione la forma inferior, rellénela con R=134 G=139 B=145 y vaya a Efecto > Desenfoque > Desenfoque gaussiano. Ingrese un radio de 5px y haga clic en Aceptar.

Paso 8

Vuelva a seleccionar la primera ruta compuesta editada en el quinto paso (la pequeña) y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 5px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Minus Front del panel Pathfinder. Seleccione el grupo resultante de formas y llévelo al frente (Shift + Control + ]). Ábralo, seleccione la forma superior, rellénelo con R=134 G=139 B=145 y vaya a Efecto > Desenfoque > Desenfoque gaussiano. Ingrese un radio de 5px y haga clic en Aceptar. Siga centrándose en este grupo, seleccione la forma inferior, rellénela de blanco y vaya a Efecto > Desenfocar > Desenfoque gaussiano. Ingrese un radio de 3px y haga clic en Aceptar.

Paso 9

Vuelva a seleccionar «Cuerpo» y haga dos copias al frente (Control + C > Control + F > Control + F). Seleccione la copia superior y muévala 10px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Minus Front del panel Pathfinder. Seleccione el grupo resultante de formas y conviértalo en una ruta compuesta (Objeto> Ruta compuesta> Crear). Rellénelo con blanco, baje su opacidad al 30% y llévelo al frente (Shift + Control +]).

Paso 10

Vuelva a seleccionar «Cuerpo» y haga dos nuevas copias al frente (Control + C > Control + F > Control + F). Seleccione la copia superior y muévala 5px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Minus Front del panel Pathfinder. Convierta el grupo resultante de formas en una ruta compuesta (Objeto> Ruta compuesta> Crear), rellénelo con blanco, baje su opacidad al 70% y llévelo al frente (Shift + Control +]).

Paso 11

Seleccione todas las formas creadas en los últimos cinco pasos y agrúpelas (Control + G). Vuelva a seleccionar «Cuerpo», haga una copia al frente (Control + C > Control + F) y llévela al frente (Shift + Control +]). Rellénelo con blanco y abra el panel Transparencia. Seleccione esta ruta compuesta blanca junto con el grupo creado al comienzo del paso, abra el menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad. Al final, su grupo enmascarado debería verse como en la cuarta imagen.

Paso 12

Vuelva a habilitar Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula), seleccione la herramienta Elipse (L), cree un círculo de 195 px y colóquelo como se muestra en la primera imagen. Rellénelo con ninguno pero agregue un trazo de 30 puntos. Establezca su color en R = 150 G = 150 B = 150 y luego vaya a Objeto> Ruta> Trazo de contorno. Seleccione la ruta resultante y cambie su modo de fusión a Superposición.

Paso 13

Vuelva a seleccionar «Cuerpo» y vaya a Efecto > Estilizar > Sombra paralela. Ingrese los datos que se muestran en la ventana izquierda, haga clic en Aceptar y luego vaya nuevamente a Efecto> Estilizar> Sombra paralela. Introduzca los datos que se muestran en la ventana derecha y haga clic en Aceptar.

Paso 14

Elija la herramienta Elipse (L) y cree un círculo de 265 px. Rellénalo de negro, baja su opacidad al 30% y colócalo como se muestra en la primera imagen. Elija la herramienta Rectángulo (M) y cree una forma de 65 por 75 px. Rellénalo con R=255 G=30 B=45, baja su opacidad al 30% y colócalo como se muestra en la segunda imagen.

Paso 15

Concéntrese en el rectángulo rojo creado en el paso anterior. Elija la Herramienta de selección directa (A), seleccione el punto de anclaje inferior izquierdo y muévalo 10 px a la derecha, luego seleccione el punto de anclaje inferior derecho y muévalo 10 px a la izquierda. Al final, su forma roja debería verse como un trapezoide (imagen #2). Asegúrate de que aún esté seleccionado y ve a Efecto > Deformar > Bulto. Ingrese los datos que se muestran en la siguiente imagen, haga clic en Aceptar y vaya a Objeto > Expandir apariencia. Seleccione la forma resultante junto con el círculo creado en el paso anterior y haga clic en el botón Intersectar del panel Buscatrazos.

Paso 16

Para este paso, necesitará el script Round Any Corner. Puedes encontrarlo aquí. Guárdelo en su disco duro, luego regrese a Illustrator y tome la Herramienta de selección directa (A). Concéntrese en la forma roja editada en el paso anterior, seleccione los cuatro puntos de anclaje resaltados en la primera imagen y vaya a Archivo > Scripts > Otro Script. Abra el script Round Any Corner, ingrese un radio de 5px y haga clic en Aceptar. Al final, tu forma debería parecerse a la segunda imagen. Vuelva a seleccionarlo y obtenga Efecto> Deformar> Arco inferior. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Objeto > Expandir apariencia. Finalmente, seleccione la forma resultante y aumente su opacidad al 100%.

Paso 17

Selecciona la forma roja creada en el paso anterior y ve a Objeto > Transformar > Girar. Introduzca un ángulo de 180 grados y haga clic en el botón Copiar. Esto creará una copia volteada verticalmente. Selecciónelo, arrástrelo hacia abajo y colóquelo como se muestra en la segunda imagen. Snap to Grid debería facilitar su trabajo. Vuelva a seleccionar ambas formas rojas y vaya nuevamente a Objeto> Transformar> Girar. Esta vez ingrese un ángulo de 90 grados y haga clic en el botón Copiar. Al final deberías tener cuatro formas rojas colocadas como en la cuarta imagen.

Más en la página dos

¡Este nuevo tutorial de Adobe Illustrator aún no está terminado! Hay más esperándote en la página dos.