Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design
Design

Crear una Ilustración de Gnomo de Jardín en Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

¿Te gustan los gnomos de jardín? Aprende a cómo crear un gnomo de jardín en Adobe Illustrator.

Para más imágenes e inspiración, asegúrate de visitar GraphicRiver para revisar la colección de personajes de vectores.

¡Vamos a Comenzar!

1. ¿Cómo Crear la Cabeza del Gnomo?

Paso 1

Luego de haber creado un nuevo documento, vamos a comenzar a crear el gnomo. Usa la Herramienta Elipse (L) para dibujar una elipse (color de relleno R=240, G=208, B=180). Mientras lo mantienes seleccionado, ve a Efecto > Deformar > Pez y, en el nuevo cuadro de dialogo, pon las opciones que ves debajo. Luego presiona OK.

how to create the head shape

Paso 2

Cambia el color de relleno a R=140 G=88 B=56. De nuevo, usa la Herramienta Elipse (L) y mientras mantienes presionada la tecla Mayus (para crear un círculo), crea un círculo pequeño para el ojo del gnomo.

Para obtener el otro ojo, selecciona el que has creado y mantén presionadas las teclas Mayus y Alt. La tecla Alt creará una copia, y la tecla Mayus la mantendrá perfectamente alineada. Así que, mientras mantienes presionadas estas dos teclas, mueve el ojo existente a la derecha. Notarás que has creado otro ojo.

Cambia el color de relleno a R=232 G=1182 B=1450 y dibuja una elipse horizontal para la nariz.

how to create the eyes and nose

Paso 3

Vamos a crear el bigote. Pon el color de relleno a blanco y dibuja una elipse usando la Herramienta Elipse (L). Mientras la mantienes seleccionada, ve a Efecto > Deformar > Bandera, en el nuevo cuadro de dialogo pon las opciones que ves debajo. Luego de presionar OK, expande la forma (Objeto > Expandir Apariencia). Mantén en mente que no necesitas el trazo negro—es solo para que lo distingas del fondo.

how to create the mustaches

Paso 4

Pon el bigote detrás de la nariz, o coloca la nariz sobre el bigote (Control-X Control-F). Luego, mientras mantienes el bigote seleccionado, toma la Herramienta Reflejo (O) y da clic debajo de la nariz mientras mantienes presionada la tecla Alt. En el nuevo cuadro de dialogo, pon el Eje Vertical, Ángulo 90° y luego presiona Copiar. Así es como obtienes la parte correcta del bigote.

Puedes haber notado que las cejas son una copia del bigote, que se han reducido verticalmente.

how to place the mustaches

Paso 5

Para obtener la barba, crea una copia de la cabeza detrás (Control-C, Control-B) y estírala horizontalmente. Mantén en mente que no necesitas el color del trazo—está ahí para mejor visibilidad.

Cada gnomo que se hace respetar debe tener una gorra roja. Así usa la Herramienta Polígono y da clic en tu mesa de trabajo. Pon Lados 3 y cualquier Radio en la ventana. Cambia su color de relleno a R=228 G=65 B=69.

how to create the bird and gnomes cap

2. ¿Cómo Crear el Cuerpo?

Paso 1

Cambia el color de relleno a verde (R=129 G=175 B=69) y dibuja una elipse. Usa la Herramienta Rectángulo (M) para crear un rectángulo de cualquier color que se sobreponga. Tienes que cubrir solo la parte inferior de la elipse.

Selecciona ambas formas en el panel Buscatrazos (ventana > buscatrazos) presiona el botón Menos Frente. Terminarás con una mitad de la elipse que será el cuerpo superior del gnomo.

how to create the upper body

Coloca el cuerpo superior debajo y detrás de la cabeza.

how to place the upper body

Paso 2

Pon un color de relleno (R=111, G=147, B=55) y usando la Herramienta Rectángulo (M) dibuja un rectángulo vertical delgado sobre el cuerpo superior, detrás del cuerpo del gnomo.

Cambia el color de relleno a amarillo (R=221, G=176 B=64) y dibuja un rectángulo horizontal, a medida que creamos el cinturón.

Haz el color de relleno más oscuro (R=191, G=121 B=29) y dibuja un círculo pequeño sobre el cinturón.

Mientras lo mantienes seleccionado, y mientras mantienes presionada la tecla Mayus y Alt, mueve el círculo a la derecha. Obtendrás una nueva copia. Luego de eso, presiona Control-D algunas veces, ya que esta combinación creará más copias que estén perfectamente alineadas.

Borra el color de relleno y pon el color de trazo a R=249 G=208 B=93. Selecciona la Herramienta Rectángulo Redondeado y dibuja un rectángulo redondeado pequeño para el cinturón.

Finalmente, añade una línea usando la Herramienta Línea de Segmento. ¡El cinturón de los gnomos está terminado!

how to create the belt

Paso 3

Para crear la parte inferior del cuerpo del gnomo, simplemente crea una copia de la parte superior y rotala al revés.

Cambia el color de relleno a R=186 G=112 B=32.

how to create the bottom body

Paso 4

Vamos a crear la bota roja de nuestro gnomo. Primero, dibuja un rectángulo rojo (R=228, G=65, B=69).

Mientras lo mantienes seleccionado, ve a Efecto > Deformar > Arco Superior y pon las opciones que ves debajo. Expande esta forma (Objeto > Expandir Apariencia).

Luego de eso, crea un triangulo de la misma manera como creaste la gorra del gnomo. Coloca el triangulo como se muestra en la imagen de abajo. Esto estará en la parte superior de la bota.

how to create the boot

Paso 5

Ya que queremos que las botas del gnomo tengan una ondulación en la punta, necesitamos crear una clase de forma creciente. Dibuja dos círculos superpuestos como se muestra debajo. Asegúrate de que el más pequeño esté encima.

Luego presiona Menos Frente sobre el panel Buscatrazos (Ventana > Buscatrazos).

how to create the curled toe cap for the boot

Pon la forma creciente sobre la bota que creamos. Asegúrate de que no tengas cualquier color de trazo sobre la bota y que sea agrupado (da clic-derecho > agrupar).

how to combined all the parts from the boot

Paso 6

Pon la bota como se muestra abajo.

Ahora haremos otra bota. Selecciona la existente y crea una copia de ella en frente (Control-C, Control-F). Luego presiona la Herramienta Reflejar (O) y presiona Enter en tu teclado. En el nuevo cuadro de dialogo, pon el Eje Vertical, Ángulo 90° y luego presiona OK. Luego de eso, mueve las nuevas botas a la derecha.

Con el color de relleno más claro (R=252, G=114 B=114) dibuja un rectángulo horizontal delgado sobre la punta de las dos botas. Luego Deforma (Efecto > Deforma > Arco).

how to place the boot and create another one

Paso 7

Para asegurarse de que las dos piernas estén separadas, dibuja un rectángulo delgado,negro, orientado verticalmente, donde las dos piernas tengan que estas divididas.

Ahora, asegúrate de que el panel de Transparencia esté abierto (Ventana > Transparencia). Cambia la Opacidad en el panel Transparencia a Luz Suave y disminuye la Opacidad a 60%. ¿Ves cómo el rectángulo ha cambiado su color?

how to create visiual division of the legs

Paso 8

No crearemos una nueva forma para los brazos. Al contrario, crearemos una copia del cuerpo superior detrás (Control-C, Control-B). Cambia su color de relleno a R=111 G=147 B=55. Estíralo debajo del cinturón.

Luego, dibuja un rectángulo horizontal (R=178, G=211 B=127) detrás del cuerpo y en frente de los brazos.

Cambia el color de relleno a R=240 G=208 B=180. Crea una elipse pequeña y colócala detrás de todo el cuerpo. Será la mano izquierda.

Mientras presionas la tecla Mayus y Alt, mueve la manecilla izquierda a la derecha y obtendrás la mano derecha.

Borra el color de relleno y pon el color del trazo a R=232 G=182 B=145. Luego toma la Herramienta Arco y dibuja una pequeña curva para crear el pulgar del gnomo.

Crea la misma curva en la otra mano. ¡Y el Gnomo está terminado!

how to create the hands

3. ¿Cómo Crear el Fondo?

Paso 1

Toma la Herramienta Rectángulo (M) y da clic en tu mesa de trabajo. En el nuevo cuadro de dialogo, pon la Anchura y Altura a 850 px y presiona OK. Un gran cuadrado aparecerá en tu mesa de trabajo, que va ser el fondo. Asegúrate de que el fondo permanezca en el medio de tu mesa de trabajo. Pon el color de relleno a R=244 G=234 B=208.

how to create the background

Pon el gnomo sobre el fondo.

how to place the gnome on the background

Paso 2

Vamos a crear la cerca. Pon el color de relleno blanco sin trazo y dibuja un rectángulo pequeño.

Usando la Herramienta Pluma (P), pon un nuevo punto de ancla encima y en el medio de la cerca. Usando la Herramienta Selección Directa (A), mueve el nuevo punto de ancla hacia arriba. Esto será la primera barra de madera de la cerca.

Mientras mantienes presionada la tecla Mayus y Alt, mueve esta barra de madera a la derecha. Luego, presiona Control-D algunas veces para obtener una línea hecha de estas barras.

Añade un rectángulo horizontal en el medio de la línea. ¡La cerca está hecha!

how to create the fence

Pon la cerca detrás del gnomo y en frente del fondo.

how to place the fence

Paso 3

Añade un rectángulo horizontal (R=242 G=224 B=184) donde el gnomo se parará.

how to add the shadow

4. ¿Cómo Crear los Árboles?

Paso 1

Borra el color de relleno y pon el color de trazo a R=209 G=170 B=120. Comenzaremos el tronco y las ramas. Dibuja una línea vertical y gruesa, que será el tronco. Puedes incrementar al Anchura en el panel Trazo (Ventana > Trazo).

Disminuye la Anchura del trazo; toma la Herramienta Arco, y dibuja algunas ramas.

Disminuye la Anchura incluso más y dibuja algunas ramas más pequeñas.

how to create the trunk and branches

Paso 2

Usando el color de relleno verde (R=129 G=175 B=69) y sin color de trazo, crea muchas elipses para el follaje. Los trazos negros sobre la imagen te guiarán.

Cambia el color de relleno a un verde más oscuro (R=111 G=147 B=55) y crea más elipses detrás de las ramas. ¡El primer árbol está terminado!

how to create the foliage

Paso 3

Vamos a crear una manzana. Comienza con una elipse roja (R=228 G=65 B=69) que está rotada a la izquierda.

Crea una copia de ella en frente (Control-C, Control-F). Presiona la Herramienta Reflejo (O) y luego inmediatamente presiona la tecla Enter dos veces. Haz creado una reflexión vertical de la elipse roja. Mueve la nueva copia a la derecha, pero no muy lejos—lo suficiente para obtener la forma de una manzana.

Borra el color de relleno y pon el color del trazo a (R=224 G=203 B=155). Usando la Línea Herramienta Segmento, dibuja un vástago para la manzana.

how to create the apple

Paso 4

Crea una elipse verde (R=178 G=211 B=127). Luego, usando la Herramienta Convertir Punto de Ancla (Mayus-C), haz que los puntos de ancla agudos dando clic en la izquierda y la derecha de los puntos de ancla. Obtendrás una forma de hoja.

how to create the leaf

Paso 5

Pon la hoja sobre la manzana. Agrupa la manzana, haz las copias y pon otras sobre el árbol.

how to spread apples on the tree

Paso 6

De una manera similar, crearemos el árbol de pera. Primero, dibujaremos el tronco y luego unas ramas más grandes y otras más pequeñas.

Luego, añade las hojas (color de relleno R=131, G=153, B=77).

how to create the tree

Paso 7

Asegúrate de que no tengas trazo y que tengas el color de relleno a R=249 G=208 B=93. Crea una elipse amarilla.

Mientras la mantienes seleccionada, ve a Efecto > Deformar > Pez. Pon las opciones que ves debajo. Expande la forma.

Añade un tallo (color de trazo R=209, G=170, B=120).

Añade hojas verdes (color de relleno R=178, G=211, B=127). Y agrupa toda la pera.

how to create the pear

Paso 8

Esparce copias de la pera sobre el árbol.

how to spread pears on the tree

Paso 9

Coloca los dos árboles que acabamos de crear en frente del fondo pero detrás del gnomo. ¡Y hemos terminado la ilustración!

how to place the trees on the background

Conclusión

Espero que hayas disfrutado este tutorial conmigo. Siéntete libre de poner tu resultado en los comentarios—es siempre interesante.

final

Si disfrutaste conmigo este tutorial, ¿porqué no pruebas algunos de mis otros tutoriales?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.