1. Design & Illustration
  2. Valentine's Day

Crear una Ilustración de la Princesa Rana en Adobe Illustrator

by
Read Time:9 minsLanguages:

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

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

Todos probablemente saben la historia de la princesa rana, ya que muchos países tienen historias similares. ¿Cómo te imaginas a la princesa rana? Yo la imagino tan adorable como una princesa rana pequeña, como la que crearemos el día de hoy. Este corto tutorial es muy fácil de seguir, y muy bueno para principiantes.

Para más imágenes grandiosas de princesas ranas, revisa GraphicRiver. Es interesante ver cómo otros artistas imaginan esta creatura.

Una vez listo, ¡comencemos!

1. ¿Cómo Crear el Vector?

Paso 1

Abre Adobe Illustrator y crea un nuevo documento con 850 x 850 px de Ancho y Altura. Comenzaremos dibujando la cabeza de la rana. Usando la Herramienta Elipse (L), dibuja un óvalo. En la imagen de abajo, puedes ver cuáles colores de relleno y trazo necesitarás. En el panel de Trazo, haz la Anchura del Trazo muy grueso, cerca de 5 px. El trazo te dará la imagen imagen final con una apariencia de caricatura.

Luego, aplicaremos el efecto de inflar a esta elipse. Ve a Efecto > Deformar > Inflar. Pon las opciones que vez debajo, y presiona OK.

Expande esta forma: ve a Objeto > Expandir Apariencia. Luego de expandir la forma y agruparla (da clic-derecho > desagrupar), notarás que ahora tienes dos piezas en ves de una: el trazo mismo y el color de relleno. Para hacerlo una sola forma de nuevo, simplemente borra el trazo y haz un nuevo color de trazo directamente en el panel Herramientas, que está a la izquierdo (mira la segunda imagen).

how to create the headhow to create the headhow to create the head
continue creating the headcontinue creating the headcontinue creating the head

Paso 2

Crea una elipse usando la Herramienta Elipse (L) usando los mismos colores de relleno y de trazo como antes. Rota un poco a la izquierda.

Mientras mantienes esta pequeña elipse seleccionada, toma la Herramienta Reflejo (O), y, mantén presionada la tecla Alt, da clic en la frente. En el nuevo cuadro de dialogo, selecciona Vertical — Ángulo 90° y presiona Copiar. Debes tener dos de estas elipses en la cabeza de la rana.

Luego, selecciona las tres formas, y, usando el botón Unir en el panel Buscatrazos (Ventana > Buscatrazos), unelas. Ahora, en vez de tres elipses, tenemos una forma.

Finalmente, añade dos elipses grises para los ojos.

how to create eyeshow to create eyeshow to create eyes

Paso 3

Para la iluminación en los ojos de la rana, vamos añadir algunas formas de corazones. Porque ella está enamorada, ¿recuerdas? Comienza creando un rectángulo redondeado, usando la Herramienta Rectángulo Redondeado. Pero déjame mostrarte cómo hacerlo con Widget Vértices Interactivos, que está disponible en la última versión de Adobe Illustrator. Será más fácil de ajustar la redondez de los vértices usando esta herramienta.

Así que, crea un rectángulo regular usando la Herramienta Rectángulo (M). Asegúrate de revisar Vista > Mostrar Widget Vértice Interáctivo. Ahora, cerca de cada vértice del rectángulo, tienes un círculo pequeño. Mueve estos círculos hacia el medio de la forma, y los vértices del rectángulo se volverán gradualmente redondos. (Solo por práctica, prueba mover los círculos, y los vértices del rectángulo tendrán nitidez de nuevo.)

Rota los rectángulos redondeados 45°. Luego, mientras lo mantienes seleccionado, presiona la Herramienta Reflejo (O) y luego presiona la tecla Enter.   En la ventana desplegable, pon Eje Vertical, y presiona Copiar. Organiza estas dos formas como se muestra debajo. El sombreado anaranjado en la imagen es el área que queremos mantener. Así que necesitaremos borrar el resto. Para eso, tomaremos la Herramienta Creador de Formas (Mayus-M); selecciona dos rectángulos redondeados y desliza el área anaranjada, formando un corazón. Usando la misma herramienta y manteniendo presionada la tecla Alt, da clic en las áreas no seleccionadas para borrarlas. Ahora debes ver la forma básica del corazón, que usaremos dentro de los ojos.

Para las versiones antiguas de Adobe Illustrator: selecciona los dos rectángulos redondeados y presiona Dividir en el panel Buscatrazos. Luego de eso, da clic derecho y presiona Desagrupar. Selecciona esas tres partes del rectángulo marcado con anaranjado en la imagen de abajo, y presiona el botón Unir en el Buscatrazos. Ahora simplemente borra los excesos para obtener la forma de tu corazón. ¡Y tu corazón está listo!

how to create the hearthow to create the hearthow to create the heart

Finalmente, pon los dos corazones blancos en los ojos. Recuerda que no necesitas el trazo (del bosquejo).

placing the heartsplacing the heartsplacing the hearts

Paso 4

Ahora crearemos la boca. Comenzaremos creando una elipse. Recuerda usar el mismo color de trazo y sin relleno. Luego toma la Herramienta Tijeras (C) y da clic en los puntos de ancla marcados para cortar la parte superior de la elipse. Borra esta parte, ya que no la necesitas.

how to create the mouthhow to create the mouthhow to create the mouth

Paso 5

Para crear el cuerpo, pon una elipse detrás de la cabeza. Pon otra elipse pequeña a la izquierda del cuerpo—esto será la pierna.

Mantén presionado Mayus y Alt al mismo tiempo y mueve la pierna izquierda a la derecha. Ahora tienes la pierna derecha, perfectamente alineada.

how to create the body and legshow to create the body and legshow to create the body and legs

Paso 6

Ahora crearemos el brazo. Comienza con una elipse. Ahora, presiona la Herramienta Selección Directa (A) y mueve las manecillas de los puntos de ancla para lograr el resultado que vez abajo.

Luego de eso, toma la Herramienta Tijeras (C) y da clic en el segmento marcado en la image debajo. Esto será un brazo, y aun necesitaremos otro. Pon este brazo a la izquierda del cuerpo de la rana, debajo de la cabeza. Mientras lo mantienes seleccionado, presiona la Herramienta Reflejo (O) y presiona la tecla Enter. Asegúrate de que en la ventana del cuadro de dialogo de Reflejo, Vertical esté marcado, y presiona Copiar. Usando la Flecha Derecha en tu teclado, mueve el brazo creado a la derecha.

how to create the armshow to create the armshow to create the arms

2. ¿Cómo Crear la Flecha y la Corona?

Paso 1

Haz una nueva copia de uno de los corazones que colocamos en el ojo de la rana. Cambia su color de relleno y pon el mismo color de trazo como el de antes. En el panel Trazo (Ventana > Trazo), Marca: Vértice Redondo.

Luego, borra el color de relleno, para que solo tengas el color de trazo. Ahora, usando la Herramienta Línea de Segmento, dibuja una línea.

Da clic en el corazón para tener en la memoria el mismo color de trazo y de relleno como lo hiciste para el corazón. Dibuja un rectángulo usando la Herramienta Rectángulo (M) en la otra final de la línea. Usando la Herramienta Selección Directa (A), selecciona dos puntos de ancla superior de este rectángulo. Muévelos a la derecha.

Mientras mantienes este rectángulo seleccionado, toma la Herramienta Reflejo (O), y presiona Enter. En el nuevo cuadro de dialogo, marca Horizontal y presiona Copiar. Mueve la copia hacia abajo. ¡La flecha está lista!

Para tu conveniencia, selecciona toda la flecha y agrupa (clic-derecho > Agrupar)

how to create the arrowhow to create the arrowhow to create the arrow

Pon la flecha en la boca de la rana. Asegúrate de que la flecha permanezca en la boca, no sobre ella. Para lograr esto, selecciona la boca, córtala (Control-X) y ponla en frente (Control-F).

placing the arrowplacing the arrowplacing the arrow

Paso 2

Ahora crearemos la corona. Deja el mismo color de trazo, y cambia su color de relleno a amarillo.

Luego necesitas hacer un corte en una de la parte de la corona. Para esto, necesitamos dibujar un triángulo: toma la Herramienta Polígono y da clic en la mesa de trabajo. En el nuevo cuadro de diálogo, pon 3 Lados con cualquier Radio. Luego da clic OK. Finalmente, voltea, y ponlo como se muestra debajo. Mientras presionas Mayus y Alt, mueve este rectángulo a la izquierda. Obtendrás el segundo rectángulo. Selecciónalos y únelos: presiona el botón Unir en el panel Buscatrazos (Ventana > Buscatrazos).

Mantén esta forma seleccionada y selecciona el rectángulo amarillo. Presiona el botón Menos Frente en el panel Buscatrazos.

Para finalizar nuestra corona, ve a Efecto > Deformar > Abultar. Pon las opciones presentadas debajo y presiona OK. ¡La corona está lista!

how to create the crownhow to create the crownhow to create the crown

Pon la corona en la cabeza de la rana. ¿No es lindo?

placing the arrowplacing the arrowplacing the arrow

3. ¿Cómo Crear la Hoja de Loto y la Caña?

Paso 1

Vamos a crear la hoja de loto, donde nuestra rana se sentará. Mantén el mismo color de trazo y cambia el color de relleno a azul, y luego dibuja una elipse.

Crea un corte de nuevo: esto será un triángulo que haremos usando la Herramienta Polígono. Pon el triángulo (el corte) en la elipse, como se muestra abajo. Presiona Menos Frente en el Buscatrazos.

Ahora queremos hacer los bordes de la hoja un poco más suaves. Primero, marca Mostrar Widget Vértices Interactivos (Ver > Mostrar Widget Vértices Interactivos). Luego de eso, usando la Herramienta Selección Directa (A), arrastra los vértices exteriores y los vértices interiores fuera, para hacerlos suaves.

how to create the lotus leafhow to create the lotus leafhow to create the lotus leaf

Paso 2

Una caña será una buena adición a la hoja de Loto. Comienza con una elipse. Para crear una forma de hoja de caña, necesitarás crear los vértices nítidos, usando la Herramienta Convertir Punto de Ancla (Mayus-C). Simplemente da clic en los puntos de ancla superior e inferior de la elipse. Y, si, es el mismo color de relleno que la hoja de loto.

Borra el color de relleno y deja el color de trazo como es. Toma la Herramienta Arco y dibuja una curva.

Pon el color de relleno que vez debajo y dibuja un rectángulo redondeado, usando la Herramienta Rectángulo Redondeado. ¡La caña está lista!

how to create the reedhow to create the reedhow to create the reed

Paso 3

Pon tu rana en la hoja de loto. Añade la caña, y si quieres, añade un poco más de cañas haciendo copias.

placing the frog and reed on the lotus leaf placing the frog and reed on the lotus leaf placing the frog and reed on the lotus leaf

4. ¿Cómo Crear el Fondo?

Paso 1

Para el fondo, crea un cuadrado azul claro sin color de trazo y 850 px de Ancho y Altura. Para hacer el cuadrado, selecciona la Herramienta Rectángulo (M), da clic en tu mesa de trabajo, y luego pon las opciones necesarias.

how to create the backgroundhow to create the backgroundhow to create the background

Paso 2

Pon el fondo detrás de la rana: selecciona el cuadrado azul claro, córtalo (Control-X) y ponlo detrás (Control-B).

placing frog on the backgroundplacing frog on the backgroundplacing frog on the background

Paso 3

Añade algunas ondulaciones de agua: crea unas elipse sin color de relleno y con el color de trazo presentado debajo. Deben permanecer sobre el fondo, debajo de la rana.

how to create the water rippleshow to create the water rippleshow to create the water ripples

Paso 4

Haz una copia del corazón, pon el color de relleno presentado debajo, y borra el color de trazo. Distribuye los corazones alrededor de tu rana.

adding the hearts aroung frogadding the hearts aroung frogadding the hearts aroung frog

Conclusión

¡Y terminamos! Espero que hallas disfrutado este tutorial y aprendido algo nuevo acerca de usar Illustrator. Esta imagen es perfecta para el Día de San Valentin, y también perfecta para alguien que amas. Imprímela, úsala en una carta, o simplemente manténlo donde está.

¡Nos vemos luego!

finalfinalfinal
One subscription.
Unlimited Downloads.
Get unlimited downloads