Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Illustration
Design

Crea piedras y flores detalladas del SPA en Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

¿Estás buscando inspiración y paz interior? ¿Quieres relajarte y disfrutar de tu día? ¡Este tutorial es perfecto para ti! Siéntete tranquilo y relajado mientras dibujas una escena de SPA minimalista con formas básicas en Adobe Illustrator, y aprende algunos trucos fáciles pero espectaculares para crear una apariencia semi realista. ¡Toma una inhalación profunda y empecemos!

1. Renderiza una pila de texturas de guijarros

Paso 1

Comienza creando una forma ovalada simple con la Herramienta Elipse (L), luego selecciona ambos puntos de anclaje laterales y baja unos pocos píxeles pulsando la tecla de flecha hacia abajo varias veces. Añade dos pequeñas elipses aplastadas por encima de la forma básica y defórmalas un poco.

make stone with ellipse tool

Paso 2

Llena la forma básica con un gradiente radial de tres colores de gris claro azulado en el medio a gris oscuro en los bordes, imitando la superficie de una piedra.

color the stone base

Paso 3

Aplica un gradiente lineal simple a las pequeñas formas ovaladas, haciendo que una parte del gradiente sea de color azul oscuro y la otra negra. Establece el Modo de Fusión de ambas formas en Pantalla, formando un toque suave.

add highlights to the stone 1

Añade otro resalte ovalado para hacer el guijarro más dimensional.

add highlights to the stone 2

Paso 4

¡Vamos a añadir más realismo añadiendo algo de textura a nuestra piedra! Utiliza una de las texturas predeterminadas de Adobe Illustrator en el panel Muestras y ve al menú Biblioteca de Muestras de tela > Patrones > Gráficos Básicos > Textura de Gráficos Básicos > USGS 22 Grava de Playa (el que parece puntos de varios tamaños). Duplica la forma básica de tu guijarro y aplica la textura de grava.

apply texture to stone

Paso 5

Haz doble clic en el patrón en el panel Muestras o utiliza el botón Editar Patrón para ingresar al Modo Patrón. Ahora podemos modificar y repintar nuestra textura, así la mejoraremos un poco. Cambia el color de los puntos de negro a azul claro y establece su modo de mezcla para multiplicar. Selecciona algunos puntos aleatorios y cambia su color a azul oscuro, aplicando el modo de pantalla.

edit pattern or texture

Paso 6

Objeto > Expandir la textura. Ahora tenemos grupos de objetos, ocultos en la máscara de recorte. Usa la función Aislar la máscara de recorte seleccionada en cualquier momento para revelar los puntos si deseas realizar algunos cambios en el color o la posición de los elementos.

use clipping mask

Paso 7

Para mostrar la perspectiva y la dimensión de nuestra piedra, queremos que la textura se ajuste a su forma. Para ello, selecciona el grupo de patrones y aplica Objeto > Distorsión de sobre > Hacer con malla con las siguientes configuraciones: El valor de filas igual a 2 y el valor de columnas igual a 2 también.

Ahora podemos usar la Herramienta de Selección Directa (A) para mover los puntos de anclaje de o nuestro objeto Malla y cambiar la posición de las manijas de anclaje. Imita la forma de piedra con tu malla, de modo que las manchas en los bordes parezcan ser mucho más pequeñas que las del centro. No tienes que ser super-preciso en la combinación de los bordes de la malla con la piedra, porque esta se ocultará.

use envelope mesh

Paso 8

Duplica la forma básica del guijarro y colócala sobre todos los otros objetos. Luego, selecciona la copia creada y la forma de malla, haz clic con el botón derecho y haz una máscara de recorte en el menú emergente.

apply envelope mesh and clipping mask

Paso 9

Añade un poco más de realismo al representar la iluminación. Selecciona nuestro Grupo de recorte y ve al Panel de Apariencia. Añadir nuevo relleno y aplica el gradiente radial de azul oscuro en el centro a negro en los bordes. Finalmente, mueve el gradiente al lado derecho de la piedra y cambia el modo de fusión a la pantalla, creando puntos de luz extravagantes.

make lighting in appearance panel

Paso 10

Ahora podemos hacer una copia de nuestra piedra y colocarla por encima de la primera, disminuyendo su tamaño y cambiando su forma un poco. Añade una simple sombra, cortando la forma básica de la piedra superior y aplicando un gradiente simple en el modo de mezcla múltiple.

add more stones

Añade un par de piedras más, creando una escena minimalista.

add more stones 2

2. Crea una flor tropical apacible

Paso 1

Primero vamos a crear un solo pétalo. Comienza formando una elipse con la Herramienta Elipse (L). Después, modifica su forma con la Herramienta de Selección Directa (A) y aplica un delicado gradiente lineal de rosa brillante en la parte inferior a amarillo pálido en la punta.

create a petal with ellipse tool

Paso 2

Añade más forma al pétalo duplicando la forma básica dos veces y moviendo la copia superior un pedacito. Selecciona dos copias y utiliza la función Menos Frente en Busca Trazos para cortar las partes innecesarias, formando el borde del pétalo.

add details to petal

Paso 3

Ahora necesitamos formar una flor y ver cómo se ve todo junto. Selecciona la Herramienta Rotar (R) y haz clic con el botón izquierdo del ratón en el punto inferior del pétalo mientras mantienes pulsada la tecla Alt. De esta manera creamos un punto de pivote, alrededor del cual vamos a girar los pétalos. Suelta el botón izquierdo del ratón para llamar al menú emergente Opciones de Rotación.

Lo único que necesitamos saber es la cantidad de pétalos de nuestra futura flor. Imaginemos que tiene cinco pétalos. En teoría, necesitamos dividir el valor completo del grado de ángulo por cinco para obtener el valor exacto del ángulo de rotación. Por suerte, ¡Adobe Illustrator es mucho más inteligente de lo que piensas y puede hacer el cálculo para nosotros! Sólo tienes que ajustar el ángulo a 360/5, haz clic en el botón Copiar ¡y ya está!

use the rotate tool

Continúa presionando Ctrl-D unas cuantas veces más para formar la flor entera.

render a flower

Paso 4

Modifica uno de los pétalos ligeramente, para que parezca que está oculto bajo el primer pétalo. Copia la forma básica del pétalo y utiliza la función Menos Frente para cortar una pequeña pieza.

use shape builder tool

Puedes dejar los colores como son o cambiarlos a tu gusto. Aquí he decidido hacer nuestra flor un poco más viva y rosa. También he añadido una pequeña forma redonda con Multiplicar el modo de fusión en el centro para crear una sombra.

recolor and improve your flower

Paso 5

¡Nuestra flor necesita más detalles! Crea una copia de cada pétalo y colócala como se muestra en la captura de pantalla utilizando la Herramienta Rotar (R), como en el paso 3. Utiliza la Herramienta Constructor de Formas (Shift-M) mientras mantienes pulsada la tecla Alt para eliminar las partes no deseadas. Finalmente, rellena las partes con un gradiente lineal de blanco a rosa y cambia al Modo de Mezcla Múltiple, creando así sombras.

add shadows with multiply mode

Paso 6

Haz los toques finales agregando puntos de luz suaves en la punta de cada pétalo, usando gradientes lineales de negro a naranja y el Modo Fusión de Pantalla.

add highlights with screen mode

3. Haz las hojas verdes frescas

Paso 1

Como antes, comenzamos a formar la forma con nuestra favorita Herramienta Elipse (L) haciendo un círculo par y arrastrando su punto de anclaje superior hacia arriba. Usa la Herramienta Convertir Punto de Anclaje (Shift-C) para hacer un ángulo agudo. Toma la Herramienta Tijeras (C) y haz clic en el punto de anclaje inferior, luego repite el mismo movimiento con el punto superior, dividiendo así nuestra hoja en dos mitades iguales. Haz la mitad izquierda un poco más oscura.

make leaf with ellipse tool

Paso 2

Añade una línea vertical en el centro de nuestra hoja, formando una vena. Añade otra línea a través de la hoja y aplica Efecto > Deformación > Arco con un 31% de Mezcla Horizontal para hacer la vena ligeramente arqueada, creando una ilusión de una hoja dimensional.

add leaf veins with lines and warp arc effect

Paso 3

Objeto > Ampliar la vena y duplicarla. Mueve la copia un poco manteniendo pulsada la tecla Mayús para moverla verticalmente. Presiona Control-D un par de veces para crear más copias, luego haz lo mismo para el segundo lado de nuestra hoja usando la Herramienta Reflejo (O) y reflejando las venas sobre el eje vertical.

make veins copies and reflect them

Paso 4

Vamos a añadir algunos detalles menores, que son muy importantes para hacer una imagen realista. Copia la parte básica izquierda de nuestra hoja y pégala en la parte frontal (Control-C > Control-F). Aplasta la forma de un lado, estréchala, y llénala con un gradiente lineal de blanco a verde claro hierba. Cambia a Multiplicar el modo de fusión, creando una sombra, y agrega una sombra similar a la segunda mitad de la hoja.

add shadow details

Paso 5

Vamos a hacer un poco de rocío brillante de la mañana para dar a nuestras hojas una mirada fresca, chispeante. Comencemos a formar una gota de agua simple haciendo un círculo uniforme y llenándolo con gradiente lineal de blanco en el centro a verde en los bordes. Aplica el modo de mezcla múltiple, haciendo que la forma sea transparente en el centro y extruye la forma arrastrando el punto de anclaje superior hacia arriba.

create a water drop base with ellipse tool and multiply mode

Paso 6

Haz que la gota sea más realista y detallado añadiendo realces y reflejos en el modo fusión de pantallas.

add reflections to the water drop

Paso 7

Coloca la gota recién creada por encima de la hoja y añade algunos destaques a la hoja en sí, por lo que es más viva y exuberante.

add highlights to the leaf

4. Diseña una composición de SPA relajante usando los elementos creados

Paso 1

¡Todos los elementos están preparados y ahora tenemos la cosa más fácil y más meditativa por hacer! Vamos a construir la composición.

En primer lugar, coloca la flor y las hojas por encima de la pila de guijarros como se muestra en la captura de pantalla de abajo. Haz copias múltiples de la gota de agua que creamos antes y espárcelas sobre los pétalos y las rocas para crear la sensación de frescura matutina y naturaleza vital.

combine flower and stones

Paso 2

Duplica las hojas y la flor, y coloca las copias detrás de las piedras en el otro lado para equilibrar la composición.

balance the composition

Paso 3

Hagamos los elementos más brillantes y más vivos añadiendo chispas coloridas. Hacer una chispa es muy fácil: crea un círculo y llénalo con una gradiente radial de amarillo en el centro a negro en los bordes. Cambia al Modo Mezcla de Pantalla ¡y voilà! tu chispa estará lista.

create a spark with screen mode

Crea otra chispa (con la misma configuración) por encima de la primera para aumentar el brillo, haciendo que el segundo círculo sea un poco más pequeño.

add another spark

Ahora se verá como un punto brillante cuando se coloca por encima del objeto o el fondo de cualquier color. Veamos cómo se ve en nuestros artículos de SPA. He cambiado el color de algunas chispas a azul, para que se vean mejor en las piedras.

place the sparks on the stones

Paso 4

Tenemos que añadir algunos fondos con el fin de hacer desaparecer las partes negras. Toma la Herramienta Rectángulo (M) y añade una forma orientada horizontalmente, rellenándola con un gradiente lineal de beige claro en el medio a un beige más oscuro en los bordes.

add background

Paso 5

Los objetos parecen flotar en el aire. Añade dos elipses y utiliza el Modo Multiplicar Mezcla para convertirlos en sombras, de modo que nuestros guijarros se encuentren firmemente en el suelo.

add shadows under stones

Paso 6

El suelo en sí parece en blanco, así que vamos a añadir algún tipo de textura para crear una sensación de perspectiva y para llenar el espacio vacío. Utiliza la Herramienta Elipse (L) para agregar un manojo de pequeñas elipsis aplastadas en la parte inferior de nuestra imagen, creando una mirada de una superficie arenosa cubierta con los guijarros minúsculos. Llena los puntos con un color gris claro y cambia el modo de mezcla a Multiplicar.

add minor details on the ground

Paso 7

Selecciona algunos de los puntos aleatoriamente y cambia su color a beige claro y el modo de fusión a pantalla. Puedes hacer algunos puntos en el suelo incluso más brillante para acentuar el efecto.

apply screen mode to the spots

Exhala profundo: ¡Acabas de terminar!

¡Gran trabajo! Espero que hayas disfrutado creando esta relajante escena de SPA y aprendido algunos nuevos consejos y trucos útiles. Buena suerte en encontrar tu inspiración.

final semi-realistic spa scene image
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.