1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Cómo crear un retrato de capitán estilizado en Adobe Illustrator

Scroll to top
Read Time: 16 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Hola, compañeros! En este tutorial aprenderemos como crear un retrato elegante y planto de un capitán gracioso, usando formas básicas, efectos de deformación y algunos pinceles y texturas personalizadas Prepárense y leven ancla! 

Formando la cabeza del capitán 

Paso 1 

Empecemos tomando la Herramienta de Rectángulo Redondeado en Adobe Illustrator, clickeen una vez en el área de trabajo para revelar un menú emergente, y configuren el Radio de la Esquina a 5 px Formen un cuadrado manteniendo la tecla Shift, y utilicen un relleno de gradiente linear de un amarillo pálido en el fondo y un rosa oscuro en la parte de arriba, imitando los tonos de piel

make a head base with Rounded Rectangle Toolmake a head base with Rounded Rectangle Toolmake a head base with Rounded Rectangle Tool

Paso 2

Vamos a formar la nariz añadiendo otro rectángulo redondeado y aplicando un gradiente linear de rosa suave a blanco Cambia el Modo de fusión a Multiplicar en el panel Transparencia, oscureciendo así la nariz y haciéndola combinar bien con la cara. Mueve la nariz más cerca del lado izquierdo de la forma de la cara, haciendo que la cabeza de nuestro personaje se voltee hacia un lado, como la vista de tres cuartos utilizada en los retratos.

form a nose with Rounded Rectangle Toolform a nose with Rounded Rectangle Toolform a nose with Rounded Rectangle Tool

Paso 3

Agrega otro rectángulo perpendicular al puente nasal, y agrega dos pequeños cuadrados marrón oscuro para las fosas nasales.

form the nose and nostrilsform the nose and nostrilsform the nose and nostrils

Paso 4

¡Vamos a renderizar la punta de la nariz! Agrega otro rectángulo rosáceo y muévelo más cerca a la izquierda, cubriendo parcialmente el orificio nasal izquierdo. Copia la punta de la nariz y pégala al frente dos veces (Control-C > Control-F > Control-F). Mueve la copia superior hacia arriba y hacia la derecha un poco presionando las teclas de flecha hacia arriba y hacia la derecha varias veces.

Selecciona tanto la forma movida como la que está debajo y usa la función Menos Frente del panel Buscatrazos para cortar las partes no deseadas, dejando solo un trazo fino. Aplica el mismo degradado en el modo de fusión múltiple que tenemos en el puente de la nariz. Para ello, simplemente selecciona el trazo fino creado, toma la herramienta Cuentagotas (I) y elige el degradado de color del puente nasal, formando así una sombra suave en la punta de la nariz y haciéndola más prominente.

form a nose tipform a nose tipform a nose tip

Paso 5

¡Es hora de agregar algunos puntos destacados! Coloca un par de rectángulos sobre el puente nasal y la punta de la nariz, llenándolos con un degradado lineal de marrón a negro. Cambia el Modo de fusión a Pantalla, creando un sobretono cálido.

add highlights in screen blending modeadd highlights in screen blending modeadd highlights in screen blending mode

Paso 6

Agreguemos un par de ojos de dibujos animados y llénalos con un degradado de gris a blanco. Agrega dos rectángulos más en el modo de fusión múltiple detrás de los ojos para profundizar las cuencas de los ojos.

add eyesadd eyesadd eyes

Necesitamos arreglar las partes superpuestas del puente nasal y las sombras alrededor de los ojos. Para este propósito, selecciona las tres formas y toma la herramienta Creador de formas (Shift-M). Ahora puedes hacer clic y arrastrar el mouse sobre las partes que deseas unir. Unamos esas partes de las sombras que están escondidas detrás del puente nasal.

unite the shapes with shape builder toolunite the shapes with shape builder toolunite the shapes with shape builder tool

Paso 7

Agrega un par de cejas gruesas, llenándolas con un degradado lineal desde marrón claro en el borde superior hasta marrón oscuro en la parte inferior. Gira una de las cejas un poco, creando una mirada amistosa en la cara del capitán.

add eye browsadd eye browsadd eye brows

Paso 8

Forma una oreja simple formando un pequeño rectángulo redondeado, relleno con el tono de color de la piel. Selecciona la herramienta Borrador (Shift-E), mantén presionada la tecla Alt, haz clic con el botón izquierdo del mouse y arrastra el cursor sobre la parte izquierda de la oreja. Verás un rectángulo blanco que cubre la forma. Suelta el botón del mouse para eliminar la parte innecesaria. Duplica la forma de la oreja, reduciendo el tamaño de la copia ligeramente y oscureciéndola para formar la parte interna de la oreja.

Crea un rectángulo redondeado más grande y envíalo a la parte posterior (Shift-Control- [), detrás de todos los otros objetos. Rellena la forma recién creada con el mismo degradado marrón que en las cejas, formando una espesa barba.

form the ear and the beardform the ear and the beardform the ear and the beard

Paso 9

Continuemos con el estilo de la barba del marinero agregando otro rectángulo redondeado perpendicular a la forma básica de la barba. Manteniéndolo seleccionado, ve a Objeto > Ruta > Agregar puntos de ancla. Selecciona el punto inferior en el medio de la parte baja del rectángulo con la Herramienta de selección directa (A) y convierte el punto de anclaje seleccionado para suavizar haciendo clic en el botón Convertir en el panel de control de arriba. Finalmente, arrastra el punto modificado hacia abajo un poco, creando una curva agradable.

style the beardstyle the beardstyle the beard

Paso 10

Encuentra el punto donde la parte inferior de la barba intersecta la forma básica de la barba y agrega otro punto de anclaje con la herramienta Agregar punto de ancla (+). Selecciona una de las asas de anclaje con la Herramienta de selección directa (A) y, manteniendo presionada la tecla Mayús o Shift, gira las manijas perpendiculares a tu posición inicial. Ajuste la longitud de las manijas de anclaje para hacer una bonita línea fluida.

style the beard 2style the beard 2style the beard 2

Paso 11

Selecciona ambas partes de la barba y únelas en el Buscatrazos. Duplica la barba dos veces y mueve la copia superior hacia arriba y hacia la derecha, como lo hicimos con la punta de la nariz. Usa la función Menos Frente para cortar las partes no deseadas.

style the beard 3style the beard 3style the beard 3

Llena la parte creada con el degradado lineal de marrón claro a blanco, y cambia al modo de fusión múltiple, formando una sombra en la parte inferior de la barba.

style the beard 4style the beard 4style the beard 4

Paso 12

¡Hagamos que nuestro capitán sea más brutal diseñando un bigote tupido! Comienza agregando un pequeño rectángulo redondeado en la parte izquierda de su cara y colócalo detrás de la nariz (Control- [). Duplica la forma creada y arrastra la copia hacia abajo y hacia la derecha. Presiona Control-D una vez para repetir la última acción y crear otra copia.

add mustache add mustache add mustache

Selecciona las tres partes del bigote y usa la herramienta Reflejar (O) para crear una copia en espejo, formando la segunda mitad del bigote en el otro lado de la cara. Agrega un pequeño rectángulo rosa para el labio inferior del personaje.

add mustache 2add mustache 2add mustache 2

2. Crea el sombrero y la ropa del Capitán

Paso 1

Comenzaremos con el límite de forraje del personaje. Antes que nada, formemos el pico máximo. Toma la herramienta Polígono y establece la cantidad de Caras en 3 para formar un triángulo. Aplasta la forma y Convierte su punto de anclaje superior para suavizar. Selecciona el punto de anclaje en la parte inferior de la forma y muévela hacia arriba con la tecla de flecha hacia arriba. Coloca el pico de la tapa sobre la frente del capitán y haz que sea más tridimensional agregando un resaltado suave en el Modo de fusión de pantalla.

render the forage caprender the forage caprender the forage cap

Paso 2

Haz un rectángulo estrecho y redondeado lleno de degradado lineal desde azul oscuro a azul claro. Ve a Efecto > Deformación > Arco y establece el valor de Plegado horizontal en 22% para que la forma quede ligeramente arqueada. Objeto> Expandir la forma y colócala debajo del pico de la tapa, creando así un borde de tapa decorativa.

render the forage cap 2render the forage cap 2render the forage cap 2

Paso 3

Agrega un botón dorado con la ayuda de la herramienta Elipse (L) colocando un círculo parejo dentro del otro y llenando ambos con un degradado lineal de anaranjado oscuro a amarillo brillante. Avanza y comienza a formar la parte superior de la tapa haciendo un rectángulo gris-azul claro con la herramienta Rectángulo (M).

render the forage cap 3render the forage cap 3render the forage cap 3

Paso 4

Transforma la forma moviendo su punto de anclaje superior derecho hacia abajo, formando un ángulo agudo en el lado superior izquierdo. Crea una forma similar para formar la segunda mitad del sombrero de forraje. Oscurece los colores de la tapa y agrega un emblema de anclaje simple a la parte delantera, haciendo que la tapa sea más detallada. Puedes averiguar cómo hacer una silueta de anclaje simple en mi patrón de anclaje transparente en el tutorial de Adobe Illustrator.

render the forage cap 4render the forage cap 4render the forage cap 4

Paso 5

Agrega un triángulo invertido para el cofre, llenándolo con un tono de piel y formando una pieza para el cuello formada por dos triángulos. Llénalos con un degradado lineal de azul oscuro a azul claro en la parte superior, agregando dimensión a los hombros. Coloca un par de rayas blancas en ambos lados de la pieza del cuello.

form the clothesform the clothesform the clothes

Paso 6

Agrega una amplia elipse para dar forma al cuerpo de nuestro capitán, haciéndolo de hombros anchos y varonil.

shape the body from the ellipseshape the body from the ellipseshape the body from the ellipse

3. Hacer un estilizado tubo para fumar y humo 

Paso 1

Comienza a formar la parte superior de la tubería creando una elipse aplastada y llenándola con un degradado lineal marrón oscuro. Crea la parte interior de la tubería colocando una elipse aplastada más oscura y más oscura dentro de la primera.

render the smoking piperender the smoking piperender the smoking pipe

Paso 2

Renderiza la parte inferior de la tubería agregando un rectángulo redondeado marrón oscuro y borrando su mitad superior con la herramienta Borrador (Shift-E) como lo hicimos con la oreja del capitán. Haz una copia de esa parte y muévela hacia la derecha para crear un resaltado con la ayuda de la función Menos Frente del Buscatrazos y Modo de Fusión de Pantalla.

render the smoking pipe 2render the smoking pipe 2render the smoking pipe 2

Mueve el resalte desde el borde más cerca del centro y realiza un par de golpes con la herramienta Borrador (Mayús-E), cruzando el resaltado.

render the smoking pipe 3render the smoking pipe 3render the smoking pipe 3

Paso 3

Forma la boquilla de nuestra tubería haciendo un rectángulo estrecho y redondeado. Ve a Efecto > Deformación > Arco y establece el valor de Plegado vertical en 8%, haciendo que el rectángulo sea mucho más ancho desde el lado izquierdo. Objeto> Expandir Aspecto de la forma y aplica el efecto Arco una vez más, pero esta vez configura el valor de Plegado horizontal en 57% para que la forma sea lisa y arqueada. No te olvides de Expandir el objeto para aplicar el efecto por completo.

Form the mouthpiece of our pipeForm the mouthpiece of our pipeForm the mouthpiece of our pipe

Paso 4

Coloca la boquilla entre el bigote del capitán y su labio inferior y combina ambas partes de la pipa para fumar, agregando un matiz dorado para que la tubería se vea pulida.

combine both parts of the smoking pipecombine both parts of the smoking pipecombine both parts of the smoking pipe

Paso 5

Sigamos adelante y rendericemos un cuadro estilizado de humo de tabaco, que sale de la tubería. En primer lugar, forma un grupo de rectángulos de varios tamaños, superpuestos entre sí y moviéndose hacia arriba y hacia la derecha desde la figura del capitán. Ahora vamos a mover los cuadrados un poco, alineándolos uno con el otro. Selecciona los dos cuadrados inferiores y ve al panel Alinear. Establece Alinear a objeto clave y selecciona la función Alinear horizontalmente a la izquierda, para alinear ambos cuadrados en el lado izquierdo.

render a stylized square tobacco smokerender a stylized square tobacco smokerender a stylized square tobacco smoke

Paso 6

Alinea los otros cuadrados entre sí por el lado izquierdo o derecho si es necesario. Cuando estés satisfecho con el resultado, selecciona todos los cuadrados y únelos en el Buscatrazos, formando un solo objeto.

render a stylized square tobacco smoke 2render a stylized square tobacco smoke 2render a stylized square tobacco smoke 2

Paso 7

Hagamos la forma más suave. Ve a Efecto > Estilizar > Esquinas redondeadas y establece el valor del Radio en 7px.

render a stylized square tobacco smoke 3render a stylized square tobacco smoke 3render a stylized square tobacco smoke 3

Paso 8

Llena el humo con un color azul grisáceo. Duplica la forma dos veces y forma un trazo estrecho para la sombra con la ayuda de la función Menos Frente de Buscatrazos.

render a stylized square tobacco smoke 4render a stylized square tobacco smoke 4render a stylized square tobacco smoke 4

Paso 9

Aplica un degradado lineal al trazo creado, por lo que es más oscuro que la forma básica de humo. Selecciona la forma de la sombra y toma la herramienta Cuchillo (puedes encontrarla en el mismo menú plegable que la herramienta Borrador). Mueve el cuchillo a través de la sombra, haciendo cortes diagonales en las esquinas. De esta manera creamos un bonito efecto brillante, algo así como un espejo de cristal.

render a stylized square tobacco smoke 5render a stylized square tobacco smoke 5render a stylized square tobacco smoke 5

Paso 10

Aunque estamos creando una imagen de estilo plano, no debe parecer demasiado plana. Necesitamos separar los objetos el uno del otro, agregando más espacio y dimensión. ¡Las sombras simples pueden ayudarnos mucho! Comienza desde la pipa de fumar duplicándola y Uniendo todas las formas de la copia creada en Buscatrazos, creando así una silueta de tubería.

Mueve el objeto creado hacia abajo un poco y llénalo con un degradado lineal de marrón a blanco, cambia al modo de fusión múltiple y haz una sombra suave en el labio inferior y la barba del capitán.

put shadows in Multiply Blending Modeput shadows in Multiply Blending Modeput shadows in Multiply Blending Mode

Avanza y coloca una sombra debajo del bigote y la nariz del personaje, y también debajo del pico de su gorra. Siéntete libre de agregar más sombras donde sea necesario, debajo de la oreja o sobre el pecho.

put shadows in Multiply Blending Mode 2put shadows in Multiply Blending Mode 2put shadows in Multiply Blending Mode 2

4. Forma un marco de cuerda decorativa con el patrón de pincel

Paso 1

Vamos a darle a nuestra obra de arte una apariencia completa al colocar al capitán en un marco temático. En primer lugar, necesitamos hacer una cuerda estilizada para nuestro futuro cepillo. Comienza por hacer un pequeño rectángulo redondeado con un radio de esquina más grande, para que se vea casi como una elipse. Usa la herramienta Rotar (R) y configura el valor Ángulo en -30º.

Selecciona la forma y, manteniendo presionadas las teclas Alt y Shift simultáneamente, haz clic y arrastra la forma hacia la derecha, creando una copia. Asegúrate de tener las Guías inteligentes activadas (Ver > Guías inteligentes), de modo que las formas se ajusten entre sí, lo que facilitará tu flujo de trabajo. Presiona Control-D para repetir la última acción, creando otra copia del elemento de cuerda.

make rope elementsmake rope elementsmake rope elements

Paso 2

Haz los elementos laterales más oscuros para alternar los colores de toda la cuerda. Ahora tenemos que hacer un marco delimitador, que define el elemento repetitivo, ayudándonos a crear un trazo de pincel sin interrupciones. Toma la herramienta Rectángulo (M), establece los colores de Relleno y Trazo en ninguno, y forma un cuadrado, cruzando las partes centrales de ambos elementos laterales. Mueva el cuadrado detrás de todos los demás elementos (Shift-Control- [).

Las guías inteligentes te ayudarán a ser más preciso, marcando el centro de las formas y mostrando su intersección. Agrega algunos detalles menores, como luces y sombras a la cuerda, por lo que es más detallado.

make rope elements 2make rope elements 2make rope elements 2

Paso 3

Selecciona todos los elementos creados junto con el marco delimitador y arrástralos al panel Pinceles. Selecciona pincel de patrón y deja todas las opciones como predeterminadas en la ventana emergente de Opciones.

create a pattern brushcreate a pattern brushcreate a pattern brush

Paso 4

¡Veamos nuestro pincel en acción! Toma la herramienta Ellipse (L) y crea un círculo parejo alrededor de nuestro capitán. Duplica el círculo y, manteniendo el círculo y el capitán seleccionados, haz clic con el botón derecho del mouse y haz una máscara de recorte, haciendo invisibles las partes innecesarias. Selecciona el segundo círculo y aplica el pincel de patrón de cuerda que hemos creado. También puedes quitar el humo de la máscara de recorte y colocarlo en la parte superior (Shift-Control-]), haciendo que salte.

form a frame with the pattern brushform a frame with the pattern brushform a frame with the pattern brush

Paso 5

Agreguemos una cinta de papel simple para equilibrar la composición. Forma un rectángulo en la parte inferior de nuestro marco y llénalo de un color amarillo arenoso. Agrega dos rectángulos más pequeños de color amarillo más oscuro en ambos lados de la cinta.

make a ribbonmake a ribbonmake a ribbon

Paso 6

Crea un triángulo más oscuro entre los bordes de las formas superior e inferior, formando así un pliegue. Selecciona las formas laterales, ve a Objeto > Ruta > Agregar puntos de anclaje y arrastra los puntos de anclaje laterales que hemos agregado más cerca del centro, haciendo que las formas se vean como pequeñas banderas.

make a ribbon 2make a ribbon 2make a ribbon 2

Paso 7

Agrupa todas las partes de la cinta (Control-G) y ve a Efecto > Deformación > Arco, estableciendo el valor de Plegado horizontal en 20%.

make a ribbon 3make a ribbon 3make a ribbon 3

Paso 8

Vamos a Objeto > Expandir nuestra cinta y agrega algunas muescas para que el papel se vea viejo y en mal estado. Para ello, agrega tres puntos de anclaje con la herramienta Agregar punto de anclaje (+), selecciona el punto medio con la herramienta de selección directa (A) y conviértelo en esquina. Arrastra el punto convertido hacia abajo, creando una muesca triangular en la cinta.

make a ribbon 4make a ribbon 4make a ribbon 4

Paso 9

Pon algunas muescas más aquí y allá y pasa al fondo detrás del capitán. Agreguemos algo de profundidad a nuestra imagen colocando una forma de gradiente azul oscuro detrás del capitán (haz doble clic en el capitán o haz clic con el botón derecho y aísla la máscara de recorte seleccionada para editar los objetos dentro de la máscara). Motear algunos pequeños círculos sobre el fondo oscuro, que representa un cielo nocturno. Agrega otro rectángulo detrás del capitán, haciéndolo un poco más oscuro que el cielo para formar la superficie del océano. Ve a Efecto > Distorsionar y transformar > Zigzag y configura el valor de Tamaño en 6px y las divisiones por segmento en 5. Haz que los puntos sean suaves, creando así una ola oceánica.

render a night backgroundrender a night backgroundrender a night background

Paso 10

Agrega varias rayas delgadas para las olas y aplica el mismo efecto Zig Zag, creando curvas suaves.

render a night background 2render a night background 2render a night background 2

Paso 11

Llenemos el espacio vacío de nuestra cinta con algo de texto. Inventa una frase y elige una fuente apropiada para que quepa en la composición. He usado la fuente gratuita Amatic Bold, que puedes obtener de Font Squirrel. Objeto > Expandir tu texto, convirtiéndolo en un objeto vectorial, y aplica el efecto Arco con un 15% de valor de plegado horizontal. Cambia el color del texto a marrón más oscuro para que se ajuste a nuestra paleta de colores de imagen.

add your text to the ribbonadd your text to the ribbonadd your text to the ribbon

Cambia el color del texto a marrón oscuro para que se ajuste a nuestra paleta de colores de imagen. Si observas que algunas partes del texto están cruzando el espacio vacío, simplemente elimina las partes innecesarias con la herramienta Constructor de Formas (Shift-M) haciendo clic en ellos mientras mantienes presionado el botón Alt....

add your text to the ribbon 2add your text to the ribbon 2add your text to the ribbon 2

Paso 12

¡Glorioso! Ahora solo nos quedan algunos detalles menores para agregar para darle a tu obra de arte un aspecto más interesante y completo.

Antes que nada, copiemos la barba del capitán y la pegamos al frente (Control-C> Control-F). Abre el menú Bibliotecas de muestras en el panel Muestras, ve a Patrones > Gráficos básicos > Texturas básicas de gráficos y encuentra la textura de Eclosión o Hatching. Aplica esto a la copia de la barba, imitando pelos separados. Usa la herramienta Escala (S) para reducir el tamaño de los elementos de textura configurando el valor de Escala uniforme al 70% y marcando la casilla Transformar patrones. Puedes cambiar la forma texturizada al Modo de fusión múltiple y reducir su Opacidad en el panel Transparencia para que sea más fiel a la realidad.

add hair textureadd hair textureadd hair texture

Paso 13

Finalmente, agreguemos un efecto de ruido suave a nuestra imagen, haciéndola más granulada y texturizada. Comienza colocando un cuadrado de un tamaño de nuestra obra de arte encima de todos los demás objetos. Llénalo de color amarillo grisáceo claro y cambia al modo de fusión múltiple. Luego ve a Efecto > Galería de efectos > Textura > Grano. Establece la Intensidad a aproximadamente 72 y el Contraste a 53 y selecciona el tipo de grano Sprinkles. De esta forma obtienes un agradable efecto de grano suave.

add grain filter to make a noise effectadd grain filter to make a noise effectadd grain filter to make a noise effect

¡Tierra firme! ¡Finalmente lo hemos alcanzado!

¡Buen trabajo, amigos! Hemos creado con éxito un retrato divertido de capitán estilizado, utilizando solo formas y efectos básicos. Espero que hayas descubierto nuevas costas y destinos para tu creatividad y uses los trucos y consejos descritos en tus futuras obras de arte. ¡Buena suerte!

funny stylized captains portrait final resultfunny stylized captains portrait final resultfunny stylized captains portrait final result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads