Cómo crear un adorable personaje monstruoso en Adobe Illustrator

En los siguientes pasos aprenderás a crear un personaje de monstruo detallado en Adobe Illustrator. Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear la forma del cuerpo principal utilizando herramientas y efectos básicos. Utilizando técnicas básicas de fusión y construcción de formas vectoriales junto con una fusión sencilla, aprenderás a añadir sombreado e iluminaciones a la forma del cuerpo.

Aprovechando al máximo el panel Apariencia, utilizando la Deformación y algunos otros efectos, aprenderás a crear el ojo y la boca de tu monstruo. Continuaremos con las antenas, donde aprenderás a añadir degradados para un trazado simple y a crear trazados compuestos.

A continuación, crearemos las manos y aprenderás a utilizar la herramienta Rotar y a añadir sombreados e iluminaciones sutiles utilizando degradados lineales. Por último, al añadir los toques finales, aprenderás algunas técnicas de trazo y desenfoque.

1. Crea un nuevo documento y configura una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, introduce 600 en las casillas de anchura y altura, y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72 ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar, necesitarás una cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, e introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no desanimarte por la cuadrícula, te facilitará el trabajo, y ten en cuenta que puedes activarla o desactivarla fácilmente usando el atajo de teclado Control-'.

También deberías abrir el panel de Información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

2. Crea la forma principal

Paso 1

Escoge la herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=23 G=161 B=210. Muévete a tu mesa de trabajo y simplemente crea un rectángulo de 165 x 200 px, la cuadrícula y la opción Ajustar a cuadrícula deberían facilitar esto.

Paso 2

Escoge la herramienta Selección directa (A), enfócate en el lado inferior de tu rectángulo azul, selecciona ambos puntos de anclaje, muévete a la barra superior y simplemente introduce 20 px en la casilla Vértices.

Esta función sólo está disponible para los usuarios de CC. La mejor solución para reemplazar este efecto sería la secuencia de comandos Redondear cualquier esquina que se puede encontrar en este artículo: 20 secuencias de comandos gratuitas y útiles de Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y asegúrate de que la herramienta Selección directa (A) está activa. Selecciona los mismos puntos de anclaje y ve a Archivo > Secuencias de comandos > Otra secuencia de comandos. Abre la secuencia de comandos Redondear cualquier esquina, introduce un radio de 20 px y haz clic en Aceptar. Todo debería funcionar bien, pero ten en cuenta que en algunos casos podrías tener que aumentar/disminuir el valor mencionado en la casilla Vértices.

Sigue centrándote en tu forma azul, asegurándote de que la herramienta Selección directa (A) sigue seleccionada. Esta vez selecciona los puntos de anclaje superiores e introduce 80 px en la casilla Vértices. Al final tu forma azul debería verse como en la segunda imagen.

Paso 3

Asegúrate de que tu forma azul sigue seleccionada y ve a Efecto > Deformar > Abombar. Marca la casilla Horizontal, arrastra el control deslizante Curvar hasta el 10%, haz clic en el botón Aceptar y vuelve a ir a Efecto > Deformar > Abombar. Esta vez marca la casilla Vertical, arrastra el deslizador Mover hasta el 15%, haz clic en el botón Aceptar y luego ve a Objeto > Expandir apariencia.

Paso 4

Asegúrate de que tu forma azul sigue seleccionada y haz una copia delante utilizando el atajo de teclado Control-C > Control-F. Selecciona esta copia, céntrate en el panel Apariencia (Ventana > Apariencia) y sustituye el color de relleno existente por un verde simple (R=57 G=181 B=74). Asegúrate de que tu forma verde sigue seleccionada y simplemente envíala hacia atrás utilizando el atajo de teclado Mayúsculas-Control-[.

3. Crea el cuerpo

Paso 1

Selecciona tu forma azul y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -60 px y luego haz clic en el botón Aceptar. Asegúrate de que la forma resultante permanece seleccionada, enfócate en el panel Apariencia, y reemplaza el color de relleno existente por R=137 G=215 B=245.

Vuelve a tu mesa de trabajo, céntrate en la parte inferior de tu nueva forma y elige la herramienta Selección directa (A). Selecciona los puntos de anclaje de la parte inferior, muévete a la barra superior, y simplemente introduce 20 px en la casilla Vértices.

Desactiva la opción Ajustar a cuadrícula (Mayúsculas-Control-') y luego ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 5 px. Asegúrate de que la forma hecha en este paso sigue seleccionada y simplemente pulsa el botón de flecha hacia arriba de tu teclado cuatro veces, lo que debería mover tu forma seleccionada 20 px hacia arriba como se muestra en la segunda imagen.

Paso 2

Céntrate en tu barra de herramientas y simplemente haz clic en la herramienta Fusión para abrir la ventana de Opciones de fusión. Selecciona Pasos especificados en el menú desplegable Espaciado, introduce 115 en esa casilla y luego haz clic en el botón Aceptar.

Ahora, selecciona las dos formas azules hechas hasta ahora (asegúrate de no seleccionar también la forma verde) y luego simplemente pulsa Alt-Control-B (o ve a Objeto > Fusión > Crear) para crear una nueva fusión. Al final el aspecto debería ser como el de la segunda imagen.

Céntrate en el panel Capas (Ventana > Capas), abre la capa existente y bloquea esa fusión únicamente para asegurarte de que no la vas a seleccionar/mover accidentalmente.

Paso 3

Desactiva la cuadrícula (Control-').

Asegúrate de que tu forma verde está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 10 px hacia arriba usando el botón de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Menos frente.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente usando el atajo de teclado Mayúsculas-Control-], y luego enfócate en el panel Apariencia. Sustituye el color de relleno existente por un negro simple (R=0 G=0 B=0) y luego haz clic en el texto "Opacidad" para abrir el panel desplegable Transparencia. Cambia el Modo de fusión a Luz suave y baja la Opacidad al 5%.

Paso 4

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 5 px hacia arriba. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayúsculas-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple, luego baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 5

Ve de nuevo a Edición > Preferencias > Generales y establece Incrementos de teclado en 1 px.

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px hacia arriba. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayúsculas-Control-]), y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple, y luego baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Paso 6

Ve una vez más a Edición > Preferencias > Generales y establece Incrementos de teclado en 5 px.

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 25 px a la derecha usando el botón de flecha derecha de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple y luego baja su Opacidad al 5% y cambia el Modo de fusión a Luz suave.

Paso 7

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 15 px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayúsculas-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple y luego baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 8

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 10 px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple y luego baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Paso 9

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 5 px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayúsculas-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un negro simple y luego baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 10

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 25 px hacia la izquierda usando el botón de la flecha izquierda de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple y luego baja su Opacidad al 5% y cambia el Modo de fusión a Luz suave.

Paso 11

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 15 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple y luego baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 12

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 10 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple y luego baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Paso 13

Asegúrate de que tu forma verde está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 5 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada, llévala al frente (Mayús-Control-]) y luego enfócate en el panel Apariencia. Reemplaza el color de relleno existente por un negro simple y luego baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 14

Activa la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-').

Usando la herramienta Elipse (L), crea una forma de 35 x 20 px, una de 15 x 10 px y una de 10 x 5 px, usa un amarillo aleatorio para el color de relleno, y luego colócalas como se muestra en la primera imagen. Asegúrate de que estas tres formas están seleccionadas y simplemente pulsa Control-8 (o ve a Objeto > Trazado compuesto > Crear) para convertirlas en un trazado compuesto.

Concéntrate en el panel Capas, vuelve a seleccionar esa forma verde y haz una copia delante (Control-C > Control-F). Selecciona esta copia junto con tu trazado compuesto amarillo y haz clic en el botón Intersectar del panel Buscatrazos. Asegúrate de que el grupo de formas resultante está seleccionado, conviértelo en un nuevo trazado compuesto y, a continuación, céntrate en el panel Apariencia. Sustituye el color de relleno existente por un negro simple, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 15

Enfócate en el panel Capas y desbloquea esa fusión. Vuelve a seleccionar todas las formas que componen el cuerpo de tu monstruo y agrúpalas utilizando el atajo de teclado Control-G. Sigue concentrándote en este grupo, renómbralo como "cuerpo" y luego bloquéalo.

4. Crea el ojo

Paso 1

Utilizando la herramienta Elipse (L), crea una forma de 65 x 80 px, hazla blanca y colócala como se muestra en la primera imagen. Asegúrate de que esta forma blanca permanezca seleccionada y ve a Efecto > Deformar > Caparazón hacia abajo. Introduce los atributos que se muestran en la siguiente imagen, haz clic en el botón OK y ve a Efecto > Deformar > Abombar. Introduce los atributos que se muestran en la siguiente imagen, haz clic en el botón OK y luego ve a Objeto > Expandir apariencia.

Paso 2

Desactiva la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-').

Selecciona tu forma blanca y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1 px y luego haz clic en el botón OK. Asegúrate de que la forma resultante está seleccionada y haz una copia delante (Control-C > Control-F). Selecciona esta copia y muévela 5 px hacia arriba usando el mismo botón de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=39 G=170 B=225 y baja su Opacidad al 10%.

Paso 3

Asegúrate de que tu forma blanca está seleccionada y haz dos copias por delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 10 px hacia arriba. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=39 G=170 B=225 y baja su Opacidad al 10%.

Paso 4

Asegúrate de que tu forma blanca está seleccionada y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 5 px hacia abajo. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=39 G=170 B=225 y baja su Opacidad al 10%.

Paso 5

Vuelve a seleccionar la forma del ojo blanco y céntrate en el panel Apariencia. Selecciona el relleno, reemplaza el color existente por R=235 G=255 B=255, y luego ve a Efecto > Estilizar > Resplandor interior. Introduce los atributos que se muestran en la siguiente imagen y luego haz clic en el botón Aceptar.

Paso 6

Asegúrate de que la forma del ojo sigue seleccionada y céntrate en el panel Apariencia. Selecciona el trazo existente, ajusta el color a negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave. A continuación, haz clic en "Trazo" para abrir el panel desplegable Trazo. Asegúrate de que el Grosor está ajustado en 1 px y marca el botón Alinear trazo al exterior.

Paso 7

Asegúrate de que la forma del ojo sigue seleccionada, céntrate en el panel Apariencia y añade un segundo trazo utilizando el botón Añadir nuevo trazo. Selecciona este nuevo trazo, establece el color en R=33 G=171 B=220, baja su Opacidad al 10%, y luego abre el panel desplegable Trazo. Aumenta el Grosor a 5 px y marca el botón Alinear trazo al interior.

Sigue concentrándote en el panel Apariencia y añade un tercer trazo para tu forma usando el botón Añadir nuevo trazo. Selecciona este nuevo trazo, utiliza el mismo color mencionado hace un momento, baja su Opacidad al 20%, y luego abre el panel desplegable Trazo. Establece el Grosor a 2 px y marca el botón Alinear trazo al interior.

Paso 8

Vuelve a seleccionar tu forma de ojo, céntrate en el panel Apariencia, asegúrate de que todo el trazado está seleccionado (simplemente haz clic en "Trazado" de la parte superior del panel), y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en el botón Aceptar, y luego añade los otros dos efectos de Sombra paralela que se muestran a continuación.

Paso 9

Activa la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-').

Usando la herramienta Elipse (L), crea un círculo de 15 px, colócalo como se muestra en la siguiente imagen y establece el color de relleno en R=169 G=32 B=32.

Paso 10

Asegúrate de que tu círculo rojo permanece seleccionado, céntrate en el panel Apariencia y añade un segundo relleno utilizando el mismo botón de Añadir nuevo relleno.

Selecciona este nuevo relleno, establece su color en R=216 G=57 B=63, y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -3 px, haz clic en el botón OK, y luego ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce los atributos que se muestran en la siguiente imagen, haz clic en el botón Aceptar, y ve a Efecto > Distorsionar y transformar > Fruncir y engordar. Arrastra ese deslizador hasta el -10% y haz clic en el botón Aceptar.

Paso 11

Vuelve a seleccionar tu círculo rojo, céntrate en el panel Apariencia, asegúrate de que todo el trazado está seleccionado y ve a Efecto > Estilizar > Resplandor exterior. Introduce los atributos que se muestran en la siguiente imagen y haz clic en el botón Aceptar.

Paso 12

Para los siguientes pasos necesitarás una cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada.

Usando la herramienta Elipse (L), crea un círculo de 3 px, colócalo como se muestra en la primera imagen, y establece el color de relleno en R=96 G=57 B=19. Utilizando la misma herramienta, crea un círculo de 3 px y otro de 5 px y colócalos como se muestra en la segunda imagen. Asegúrate de que ambas formas permanecen seleccionadas y céntrate en el panel Apariencia. Reemplaza el color de relleno existente por un blanco simple, baja la Opacidad al 70% y cambia el Modo de fusión a Luz suave.

Paso 13

Vuelve a seleccionar todas las formas que componen la pupila y agrúpalas utilizando el mismo atajo de teclado Control-G. Asegúrate de que este nuevo grupo permanece seleccionado y ve a Efecto > Deformar > Arco inferior. Introduce los atributos que se muestran en la siguiente imagen y haz clic en el botón Aceptar.

Paso 14

Vuelve a seleccionar todas las formas que componen el ojo y agrúpalas (Control-G). Ve al panel Capas, renombra este nuevo grupo como "ojo" y luego bloquéalo.

5. Crea la boca

Paso 1

Vuelve a la línea de cuadrícula cada 5 px, para ello ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada.

Usando la herramienta Elipse (L), crea una forma de 35 x 40 px, establece el color de relleno en R=169 G=32 B=32 y colócala como se muestra en la primera imagen. Asegúrate de que esta forma ovalada está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 5 px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que la forma resultante permanece seleccionada y céntrate en el panel Apariencia. Reemplaza el color de relleno existente con un negro simple, baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Paso 2

Asegúrate de que tu forma ovalada roja está seleccionada y ve a Efecto > Estilizar > Resplandor interior. Introduce los atributos que se muestran en la siguiente imagen y haz clic en el botón Aceptar.

Paso 3

Asegúrate de que tu óvalo rojo está seleccionado y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en el botón Aceptar, y luego añade los otros dos efectos de Sombra paralela que se muestran en la siguiente imagen.

Paso 4

Usando la herramienta Elipse (L), crea una forma de 15 x 20 px, colócala como se muestra en la primera imagen y establece el color de relleno en R=122 G=25 B=26. Usando la misma herramienta, crea una forma de 5 x 10 px, colócala como se muestra en la segunda imagen, y establece el color de relleno en R=169 G=32 B=32.

Paso 5

Usando la herramienta Elipse (L), crea una forma de 35 x 20 px, colócala como se muestra en la primera imagen, y elige un amarillo al azar para el color de relleno. Asegúrate de que esta nueva forma permanece seleccionada y ve a Objeto > Trazado > Añadir puntos de ancla.

Ahora, necesitarás una línea de cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Sigue concentrándote en tu forma amarilla, escoge la herramienta Punto de ancla (Mayús-C) y simplemente haz clic en el punto de anclaje superior (resaltado en la segunda imagen). Cambia a la herramienta Selección directa (A), selecciona ese mismo punto de anclaje y simplemente arrástralo 5 px hacia abajo como se muestra en la tercera imagen.

Paso 6

Vuelve a seleccionar esa forma ovalada roja que compone toda la boca, y haz una copia delante (Control-C > Control-F). Selecciona esta copia junto con tu forma amarilla, y haz clic en el botón Intersectar del panel Buscatrazos. Asegúrate de que la forma resultante permanece seleccionada y rellénala con el degradado lineal simple que se muestra en la siguiente imagen.

Paso 7

Vuelve a seleccionar la forma rellenada con el degradado lineal y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1 px y haz clic en el botón Aceptar. Rellena la forma resultante con un blanco simple.

Selecciona la forma de 15 x 20 px que se encuentra en la parte trasera, haz una copia en la parte delantera (Control-C > Control-F) y llévala al frente (Mayús-Control-]). Selecciona esta copia junto con la forma blanca hecha al principio del paso, y haz clic en el botón Intersectar del panel Buscatrazos. Asegúrate de que la forma resultante permanece seleccionada y céntrate en el panel Apariencia. Reemplaza el color de relleno existente por un blanco simple, baja su Opacidad al 30%, y cambia el Modo de fusión a Luz suave.

Paso 8

Vuelve a seleccionar todas las formas que componen la boca y agrúpalas (Control-G). Muévete al panel Capas, renombra este nuevo grupo como "boca", y luego bloquéalo.

6. Crea las manos

Paso 1

Vuelve a la línea de cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada.

Usando la herramienta Elipse (L), crea una forma de 15 x 50 px y establece el color de relleno en R=33 G=171 B=220. Sigue concentrándote en esta forma azul, escoge la herramienta Punto de ancla (Mayúsculas-C) y haz clic en el punto de anclaje superior. Cambia a la herramienta Selección directa (A), selecciona los puntos de anclaje izquierdo y derecho, y simplemente arrástralos 10 px hacia abajo como se muestra en la tercera imagen.

Ahora, vuelve a seleccionar toda esta forma azul y ve a Efecto > Deformar > Arco. Introduce los atributos que se muestran en la siguiente imagen, haz clic en el botón OK, y luego ve a Objeto > Expandir apariencia. La forma resultante será la forma principal de la mano.

Paso 2

Asegúrate de que la forma de la mano sigue seleccionada y ve a Objeto > Transformar > Rotar. Introduce un Ángulo de -25 grados y luego haz clic en el botón OK. Sigue concentrándote en esta forma y colócala exactamente como se muestra en la tercera imagen.

Paso 3

Asegúrate de que tu forma de mano sigue seleccionada y haz una copia delante (Control-C > Control-F). Selecciónala y escoge la herramienta Rotar (R). Arrastra ese punto de referencia en la esquina superior (como se muestra en la primera imagen), y luego simplemente arrastra tu forma seleccionada como se muestra en la segunda imagen.

Muévete al panel Capas, vuelve a seleccionar esa forma verde y haz una nueva copia delante (Control-C > Control-F). Selecciona esta copia junto con la forma que rotaste hace unos momentos, y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 25%, y asegúrate de que se encuentra detrás de tu forma de mano.

Paso 4

Desactiva la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-'). Ve por última vez a Edición > Preferencias > Generales y establece Incrementos de teclado en 1 px.

Asegúrate de que tu forma de mano está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia abajo y 1 px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Rellena la forma resultante con el degradado lineal que se muestra a continuación y cambia su Modo de fusión a Luz suave. Recuerda que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

Paso 5

Asegúrate de que tu forma de mano está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1 px hacia arriba y 1 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Rellena la forma resultante con el degradado lineal mostrado abajo, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave. Recuerda que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

Paso 6

Asegúrate de que tu forma de mano está seleccionada y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 3 px hacia arriba y 3 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Rellena la forma resultante con el degradado lineal que se muestra a continuación, baja su Opacidad al 15% y cambia el Modo de fusión a Luz suave.

Paso 7

Asegúrate de que la forma de la mano sigue seleccionada y sustituye el color de relleno existente por el degradado lineal que se muestra en la siguiente imagen. Ahora, vuelve a seleccionar esta forma de mano junto con el resto de las formas utilizadas para iluminarla y simplemente agrúpalas (Control-G).

Paso 8

Activa la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-').

Asegúrate de que tu grupo de manos está seleccionado y ve a Objeto > Transformar > Reflejar. Marca la casilla Vertical y luego haz clic en el botón Copiar. Selecciona el grupo recién hecho, arrástralo hacia la derecha y colócalo como se muestra en la tercera imagen.

Paso 9

Vuelve a seleccionar todas las formas que componen las manos y agrúpalas (Control-G). Ve al panel Capas, cambia el nombre de este nuevo grupo por el de "manos" y bloquéalo.

7. Crea la antena

Paso 1

Desactiva la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-').

Usando la herramienta Pluma (P) (o la herramienta Pincel (B)), crea dos trazados curvos más o menos como se muestra en la primera imagen. Para empezar, añade un negro simple para estos trazados y asegúrate de que no hay ningún color establecido para el relleno.

Asegúrate de que ambas formas permanecen seleccionadas, céntrate en el panel Apariencia y selecciona el trazo existente. Reemplaza el color existente con el degradado lineal que se muestra en la siguiente imagen, y luego abre el panel desplegable Trazo. Aumenta el Grosor a 5 px y marca el botón Remate redondeado. Ahora, selecciona sólo el trazado de la izquierda, enfócate en el panel Degradado, y simplemente invierte el Ángulo.

Paso 2

Activa la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayús-Control-').

Concéntrate en la antena derecha, elige la herramienta Elipse (L), crea un círculo de 10 px, establece el color de relleno en R=13 G=124 B=184 y colócalo como se muestra en la primera imagen.

Desactiva la opción Ajustar a cuadrícula (Control-'), asegúrate de que el círculo hecho en este paso sigue seleccionado, y haz dos copias por delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px hacia arriba y 1 px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Activa la opción Ajustar a cuadrícula (Control-'). Cambia a la línea de cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea un círculo de 4 px, colócalo como se muestra en la cuarta imagen, y establece el color de relleno en R=30 G=151 B=203.

Paso 3

Vuelve a la línea de cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada.

Concéntrate en la antena izquierda, escoge la herramienta Elipse (L), crea un círculo de 10 px, establece el color de relleno en R=13 G=124 B=184, y colócalo como se muestra en la primera imagen.

Desactiva la opción Ajustar a cuadrícula (Control-'), asegúrate de que el círculo hecho en este paso sigue seleccionado, y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2 px hacia arriba y 1 px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 30%, y cambia el Modo de fusión a Luz suave.

Activa la opción Ajustar a cuadrícula (Control-'). Cambia a la línea de cuadrícula cada 1 px, así que ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea un círculo de 4 px, colócalo como se muestra en la cuarta imagen, y establece el color de relleno en R=30 G=151 B=203.

Paso 4

Desactiva la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-').

Escoge la herramienta Pincel (B), selecciona el pincel Circular de 5 px del panel Pinceles (Ventana > Pinceles) y dibuja dos trazados sencillos aproximadamente como se muestra en la siguiente imagen. Utiliza un naranja aleatorio para el color y asegúrate de que estos trazados encajan perfectamente detrás de los trazados de la antena como se muestra a continuación.

Paso 5

Vuelve a seleccionar los dos trazados anaranjados y ve a Objeto > Trazado > Contornear trazado. Asegúrate de que las formas resultantes están seleccionadas y conviértelas en un nuevo trazado compuesto utilizando el mismo atajo de teclado Control-8.

Ve al panel Capas, vuelve a seleccionar la forma verde y haz una nueva copia delante (Control-C > Control-F). Selecciona esta copia junto con tu trazado compuesto naranja y haz clic en el botón Intersectar del panel Buscatrazos.

Convierte el grupo de formas resultante en un nuevo trazado compuesto (Control-8), asegúrate de que permanece seleccionado y céntrate en el panel Apariencia. Reemplaza el color existente con un negro simple, baja su Opacidad al 40%, y cambia el Modo de fusión a Luz suave.

Paso 6

Vuelve a seleccionar todas las formas que componen las antenas y agrúpalas (Control-G). Muévete al panel Capas, renombra este nuevo grupo como "antenas", y luego bloquéalo.

8. Añade un trazo discontinuo y algo de sombreado

Paso 1

Céntrate en el panel Capas, vuelve a seleccionar esa forma verde y llévala al frente (Mayúsculas-Control-]). Cambia a la herramienta Selección directa (A), selecciona los puntos de anclaje resaltados en la primera imagen y elimínalos simplemente con el botón Borrar del teclado.

Asegúrate de que el trazado restante permanece seleccionado, envíalo hacia atrás (Mayúsculas-Control-[) y luego enfócate en el panel Apariencia. Elimina el color del relleno y luego selecciona el trazo. Ajusta el color a R=13 G=124 B=184 y luego abre el panel desplegable Trazo.

Aumenta el Grosor a 7 px, haz clic en el botón Remate redondeado y marca la casilla Línea discontinua. Introduce 0 px en la primera casilla "guión" y 12 px en la primera casilla "hueco", marca el botón Alinear los guiones con los vértices y luego ve al menú desplegable Perfil. Ábrelo y simplemente selecciona el Perfil de anchura 1. El resultado debería ser como en la segunda imagen.

Paso 2

Activa la Cuadrícula (Control-') y la opción Ajustar a cuadrícula (Mayúsculas-Control-'). Vuelve a la línea de cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada.

Usando la herramienta Elipse (L), crea una forma de 165 x 30 px y establece el color de relleno en R=13 G=124 B=184. Coloca esta nueva forma como se muestra en la primera imagen, baja su Opacidad al 20% y luego envíala hacia atrás (Mayúsculas-Control-[).

Usando la misma herramienta, crea una forma de 165 x 40 px y establece el color de relleno en R=13 G=124 B=184. Coloca esta nueva forma como se muestra en la segunda imagen, baja su Opacidad al 10% y luego envíala al fondo (Mayúsculas-Control-[).

Paso 3

Usando la herramienta Elipse (L), crea una forma de 165 x 30 px, establece el color de relleno en R=13 G=124 B=184 y colócala como se muestra en la siguiente imagen. Baja la Opacidad de esta nueva forma al 70%, envíala al fondo (Mayús-Control-[) y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 10 px y haz clic en el botón Aceptar.

9. Añade un fondo simple y las burbujas de diálogo

Paso 1

Usando la herramienta Rectángulo (M), crea un cuadrado blanco de 610 px, envíalo hacia atrás (Mayúsculas-Control-[), y asegúrate de que cubre toda tu mesa de trabajo.

Paso 2

Asegúrate de que el cuadrado blanco realizado en el paso anterior sigue seleccionado, céntrate en el panel Apariencia y añade un segundo relleno utilizando el mismo botón Añadir nuevo relleno. Selecciona el nuevo relleno, simplemente reemplaza el color plano con el degradado radial que se muestra en la siguiente imagen, y utiliza la herramienta Degradado (G) para estirar tu degradado como se muestra a continuación. No olvides que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

Paso 3

Por último, puedes aprender a añadir una burbuja de diálogo simple al final de este divertido tutorial: Cómo crear una divertida cara de personaje de dibujos animados en Adobe Illustrator. Sólo tendrás que cambiar los colores utilizados para las formas y el texto. Basta con copiar los códigos de colores que se muestran en la siguiente imagen.

¡Felicidades! ¡Terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.