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

Crea una ilustración geométrica de Kermit the Frog en Adobe Illustrator

En este tutorial, voy a dibujar Kermit (conocido en México como "La Rana René") usando formas simples y herramientas básicas en Adobe Illustrator. ¡También te mostraré cómo modificar tus colores en un abrir y cerrar de ojos! Entonces empecemos...
Scroll to top

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

En este tutorial, voy a dibujar Kermit (conocido en México como "La Rana René") usando formas simples y herramientas básicas en Adobe Illustrator. ¡También te mostraré cómo modificar tus colores en un abrir y cerrar de ojos! Entonces empecemos...


1. Crea un documento y un boceto nuevos

Paso 1

Primero comenzamos con la creación de un nuevo documento (Control + N). En el panel Capas Crear nueva capa. La capa superior es donde vamos a hacer nuestra ilustración (renómbrala "Dibujar") y la capa inferior es donde haremos nuestro boceto (renómbrala "Bosquejo").

Paso 2

En la capa "Bosquejo" comenzamos a dibujar con la herramienta Pincel de manchas (Mayús + B). Si tienes una tableta gráfica, esto será mucho más fácil, si no, puedes hacer un boceto a lápiz y tomar una foto con la cámara web de tu computadora o escanearla. No pongas demasiados detalles en el boceto, solo concéntrate en las proporciones y la composición. En el proceso de renderizado puedes hacer los ajustes necesarios.

Paso 3

Establece la Opacidad de tu boceto al 40% y bloquea la capa "Boceto".


2. Dibuja la cabeza

Paso 1

La base de la cabeza de René es un círculo perfecto, así que usa la Herramienta Elipse (L) y mantén presionada la tecla Mayús y arrastrar. Esto creará un círculo uniforme.

Paso 2

Para la boca comenzamos con un círculo, pero ahora lo dibujamos más como una elipse. Sin embargo, la boca requiere un poco más de detalles.

Paso 3

Analicemos las formas de la boca:

  • Duplica tu forma de elipse y muévela debajo de la elipse original (a)
  • Selecciona ambas formas y usa Intersecar en el panel Buscatrazos (b)
  • Aumenta la altura entre los puntos centrales de las curvas utilizando la Herramienta de selección directa (A) para seleccionar los puntos y moverlos hacia arriba/hacia abajo (c)
  • Copia (Control + C) y Pega al frente (Control + F), con la Herramienta Borrador (Mayús + E) elimina la mitad de la forma duplicada. Mantén presionada la tecla Alt para crear una línea recta (d)
  • Dibuja un círculo uniforme con la herramienta Elipse (L) y colócalo en el centro horizontal de las formas (e)
  • Utiliza Intersecar en el panel Buscatrazos con un duplicado de la forma inferior para crear un semicírculo (f)

Paso 4

Ahora creemos el ojo. Después de dibujar y elipse, gíralo 45 grados. Con la herramienta Pincel de manchas (Mayús + B), dibuja una línea alrededor de la curva superior izquierda. Luego crea una cruz con la línea cruzando hacia el centro de la elipse inclinada. Usa Buscatrazos > Intersecar con un duplicado de la elipse inclinada para crear tu forma.

Paso 5

Duplica el ojo y voltéalo horizontalmente. Coloca los ojos alrededor de la parte superior de la cabeza como se muestra a continuación. ¡Está tomando forma!


3. Dibuja el cuello y el cuerpo

Paso 1

Voy a construir el cuello usando la Herramienta Rectángulo (M) y triángulos. Sigue el proceso a continuación para averiguar cómo.

Paso 2

El cuerpo es bastante simple:

  • Dibuja un rectángulo redondeado con la herramienta Rectángulo redondeado (a)
  • Con la herramienta Borrador (Shift + E) selecciona la figura y elimina la parte inferior de la forma (b)
  • Selecciona con la herramienta de selección directa (A) los nodos inferiores, luego presiona S para la herramienta Escala y ajuste los nodos como en la imagen (c)

Paso 3

¡Nuestra Rana René su forma inicial! Ahora creemos para los brazos y el letrero.


4. Dibuja los brazos y firma

Paso 1

Para crear el brazo, usé la esquina de un rectángulo redondeado. Después de eliminar el punto superior izquierdo, he aumentado el peso del trazo y Objeto > Expandido.

Paso 2

He creado las manos comenzando con un rectángulo redondeado (a). Usando la Herramienta de segmento de línea (\) dibuja una línea diagonal (b) y luego Reflexiona (O) (c). Dibuja un dedo central (d) y luego con la herramienta Pluma (P) dibuja una línea curva para el pulgar (e). Finalmente, expande los dedos (f) y luego únelos dentro del panel Buscatrazos.

Paso 3

Movamos los brazos y las manos a su lugar, René se ve más completo. Es hora de pasar al letrero.

Paso 4

Sigue el diagrama a continuación para crear las formas de cinta/letrero. Luego, usando la Herramienta Texto (T), agrega tu texto. Elegí la fuente "Myriad Pro" que debería tener con Adobe Illustrator. Luego lo convertí a Contornos (Control + Shift + O) y eliminé los espacios con la Herramienta de selección directa (A) para las letras "R" y "A".

Paso 5

Ahora que el dibujo está terminado, podemos comenzar a agregar color y detalles.


5. Agrega color y detalles

Paso 1

Aquí está la paleta de colores que usaremos para nuestra ilustración. Creé un cuadrado con cada relleno y los coloqué cerca de René.

Paso 2

He usado estos colores de la siguiente manera para usar la Herramienta Cuentagotas (I) en cada forma seleccionada.

Paso 3

Usando los procesos que te he mostrado, agrega sombras usando formas duplicadas y el panel Buscatrazos. Los círculos creados por la herramienta Elipse (L) se agregan a los codos y se agrega un resaltado al labio superior.

Paso 4

Bloquea la capa que contiene el letrero. Luego, usando la Herramienta de segmento de línea (\), dibuja una línea en el medio de tu personaje. Usa Buscatrazos > Dividir para dividir las formas.

Paso 5

Con la herramienta de selección directa (A), selecciona un lado de tu personaje y ve a Recolorear ilustraciones.

Paso 6

En Recolorear ilustraciones, ve a Editar y haz clic en la pequeña cadena para modificar todos los colores a la vez. Ahora ingresa los valores: Tono:10, Brillo: 70, Saturación: 80. ¡Esto modificará todos tus colores para la mitad de la ilustración de una sola vez!


¡Impresionante trabajo! ¡René ya está completo!

Espero que hayas disfrutado de mi arte de fan de Kermit y que hayas aprendido algunos consejos útiles a lo largo del camino. ¡Hasta pronto, saludos y sigan vectorizando!