Lo que vas a crear

Un vaso de leche fría y fresca y una galleta crujiente con chispas de

chocolate. ¡A muchos de nosotros nos encantó este delicioso bocadillo
desde la infancia! Refrescemos estos dulces recuerdos y creemos un
vaso de leche realista y una galleta de avena con textura con chips de
chocolate, utilizando las formas básicas de Adobe Illustrator, los
efectos de distorsión y transformación y los gradientes para lograr un
aspecto brillante y tridimensional. ¡Empecemos!

1. Hacer una galleta de chocolate

crujiente
Paso 1
Comience haciendo un círculo de 250 x 250 px , utilizando
la herramienta Elipse (L) y manteniendo presionada
la tecla Mayús para que la forma sea uniforme. Rellénelo con color
amarillo arenoso y vaya a Efecto> Distorsionar y transformar>
Desbaste. Establezca el valor de Tamaño en 1% , Relativo . Y
establezca el valor de Detalle en 5 , seleccionando Puntos
suaves. Haga clic en Aceptar para que el borde de nuestro círculo
tenga baches.

Anuncio

Paso 2
Vaya a Objeto> Expandir apariencia para aplicar el efecto, y use
la herramienta Warp (Shift-R) para hacer que los bordes sean aún
más ásperos en algunos lugares.
Paso 3
Apliquemos un
degradado radial a
nuestra galleta,
colocando el color
más claro justo en el
centro de la forma y
haciendo los bordes
de color marrón
oscuro, agregando
dimensión.

Etapa 4
Hagamos la superficie de la galleta más texturizada, formando los
hoyuelos.Utilice la herramienta Elipse (L) para hacer un grupo de
círculos, variando sus
tamaños y extendiéndolos al
azar sobre la cookie.

Aplique el
mismo efecto Roughen que
hicimos para la base de la
cookie, pero esta vez haga
que los bordes de los círculos
se vuelvan aún más ásperos
al establecer el valor
de Tamaño en 5%,
Relativo y el valor
de Detalle en 10 . Establezca
los puntos para suavizar y
haga clic en Aceptar .

Luego, Objeto> Expandir

apariencia para aplicar el
efecto y deformar las formas
con la ayuda de
la herramienta Warp (Shift-
R) .
Paso 5
Rellene las formas expandidas
con un degradado lineal vertical
de blanco a naranja claro,
cambiando el Modo de
fusión a Multiplicar en
el panel Transparencia . De
esta manera estamos formando
las cavidades, creando
sombras semitransparentes.
Paso 6
Ahora comencemos a dar forma a los trozos de chocolate, esparcidos
sobre nuestra galleta. Haga un grupo de círculos marrones redondos y
aplique elefecto Roughen con un valor de Tamaño del
2% , Relativo , y 10 / en el valor de Detalle , Puntos de suavizado.

Objeto> Expanda las formas y aplique un degradado radial marrón

chocolate, colocando la parte más clara más cerca del borde superior
de cada pieza de chocolate.
Paso 7
Seleccione un chip de chocolate, cópielo y péguelo en el frente
(Control-C>
Control-
F) . Reduzca el
tamaño de la copia
creada y muévala un
poco hacia arriba,
más cerca del borde
superior del chip de
chocolate. Rellene la
forma pequeña con
un degradado lineal
vertical de marrón
oscuro en la parte
superior a negro en
la parte inferior.

Cambie el Modo de
fusión a Pantalla ,
haciendo que la
parte negra del
degradado sea
transparente y que
resalte el brillo.

Repita lo mismo para

cada chispa de
chocolate,
agregando luces y
haciendo los
elementos más
realistas.
Paso 8
Seleccione las formas de base de las chispas de chocolate (sin los
resaltados), cópielas y péguelas en Atrás (Control-C> Control-
B). Mueva las copias hacia abajo un poco, usando la tecla de flecha
hacia abajo de su teclado. Rellene las formas con degradado lineal
vertical de marrón claro a blanco. Cambia al modo de fusión
múltiple , formando sombras sutiles debajo de las chispas de
chocolate.

Paso 9
Vamos a añadir más detalles realistas a nuestra cookie. Crearemos
algunas grietas en su superficie, utilizando uno de los pinceles
predeterminados de Adobe Illustrator. Abra
el panel Pinceles (Ventana> Pinceles) , haga clic en el icono
del menú Bibliotecas de pinceles en la esquina inferior izquierda del
panel para abrir el menú desplegable y vaya a Artistic>
Artistic_ChalkCharcoalPencil . Luego, encuentre el pincel Carbón -
Fino , selecciónelo y tome la Herramienta Pincel (B).
Paso 10
Comience a dibujar las grietas a lo largo del borde de la cookie,
haciendo movimientos ondulados cada vez más largos y moviéndose
en círculos, desde los bordes hasta el centro de nuestra
cookie. Conecte algunas de las grietas y agregue piezas y puntos
cortos, extendiéndolos al azar sobre la cookie.
Paso 11
Cuando termine de dibujar
las grietas, selecciónelas
(use Seleccionar> Mismo>
Color del trazo para una
selección rápida) y Objeto>
Expandir apariencia para
convertir los caminos en
formas de bordes
irregulares. Manteniéndolos
seleccionados, haga clic con
el botón derecho y Crear
ruta compuesta o
use Control-8 para
convertir los elementos
separados en un solo
objeto.

Finalmente, rellene el
trazado compuesto creado
con un degradado lineal
desde amarillo claro en el
centro hasta marrón oscuro
en los bordes.

Como resultado, su cookie

debería verse así. Las
grietas son un poco más
oscuras que la base de la
cookie, creando un efecto
de textura elegante.
Paso 12
Hagamos las grietas más realistas agregando algunos puntos
destacados a lo largo de sus bordes. Seleccione la ruta compuesta de
las grietas, cópielas y péguelas en Atrás (Control-C> Control-B).

Mueva la copia hacia abajo un poco y rellénela con un color marrón

muy oscuro. Cambie el modo de fusión a pantalla, haciendo que la
copia de las grietas sea más clara que la cookie.
Paso 13
Agreguemos algunos golpes finales a nuestra cookie, haciéndola más
tridimensional. Copie la base de cookies dos veces y pegue al frente
(Control-C> Control-F>
Control-F) . Mueve la
copia hacia arriba y hacia
la derecha un
poco. Cambia el tamaño,
haciendo una copia un
poco más pequeña.

Seleccione la forma
superior y la que está
debajo de ella y use
la función Minus
Front de Pathfinder para
cortar las formas,
dejando solo una pieza
delgada a lo largo del
borde de la
cookie. Rellene la forma
con un degradado lineal
vertical de marrón claro a
blanco. Cambie al modo
de fusión múltiple ,
creando una suave
sombra en el borde de la
cookie.

Use el mismo método

para agregar otra sombra
delgada en la parte
superior de la cookie.

Paso 14
Copie (Control-C>
Control-F) la base de la
cookie una vez más y
hágala mucho más
pequeña. Rellene la
forma creada con un
degradado radial desde
marrón oscuro en el
centro hasta negro en el
borde. Cambie el Modo de fusión a Pantalla , convirtiendo la forma
en un punto culminante sutil, y mueva la parte más clara del gradiente
más cerca de la parte superior de la forma.
2. Hacer un vaso transparente con
leche fría.
Paso 1
En primer lugar, hagamos un fondo brillante para hacer visibles las
partes transparentes del vaso y la forma de leche blanca. Cree una
forma cuadrada de 600 x 600 px de tamaño para el fondo y rellénela
con un degradado radial desde el azul vivo en el centro hasta el azul
más oscuro en los bordes.
Paso 2
Vamos a empezar a renderizar el vidrio. Tome la herramienta
Rectángulo (M) y haga una forma de color blanco de 140 x 270
px . Tome la Herramienta de selección directa (A) y seleccione el
punto de anclaje inferior izquierdo del
rectángulo. Presione Entrar para abrir la ventana de opciones
de movimiento y establecer el valor de movimiento horizontal en 15
px y el valor vertical en 0 px . Haga clic en Aceptar , moviendo el
punto 15 px a la derecha.

Repita el proceso para el punto de anclaje inferior derecho, pero esta

vez muévalo 15 px hacia la izquierda estableciendo el valor de
movimiento Horizontal en -15 px en la ventana Mover .

Finalmente, use la herramienta de curvatura (Shift-`) para doblar la

parte inferior de la forma, haciéndola ligeramente arqueada.
Paso 3
Hagamos que las esquinas inferiores sean un poco más suaves
seleccionando los puntos de anclaje del lado inferior con
la herramienta Selección directa y configurando el Radio
de la esquina a 5 px en el panel de control superior.

Esta función solo está disponible en Adobe Illustrator CC. Sin

embargo, si está utilizando versiones anteriores, puede hacer que las
esquinas sean más suaves seleccionándolas y conviértalos a
suavizar con la función Convertir en el panel de control en la parte
superior. Y luego edite la posición de los mangos de anclaje con la
ayuda de la herramienta Punto de anclaje (Mayús-C).

Y formemos la parte superior de nuestro vaso. Utilice la herramienta

Elipse (L)para hacer una forma aplastada en la parte superior del
vidrio. Haz que su ancho se ajuste al ancho del vaso. Crear una copia
de la elipse y Pegar que en Back (Control + C> Control-B) , porque
necesitaremos esta copia un momento posterior.

Seleccione la elipse superior junto con la forma de vidrio

y únalos en Pathfinder , combinando piezas separadas en una sola
forma. Duplique esta forma (Control-C> Control-B) y manténgala
durante un tiempo. Puede alternar la visibilidad de la forma haciendo
clic en el icono del ojo en el panel Capas .
Etapa 4
Ahora seleccione la copia de la elipse, que hicimos en el paso anterior,
cópiela una vez más (Control-C> Control-F) y Ponga al frente
(Control-Shift-]). Seleccione la elipse superior y la copia de la forma
de vidrio fusionada y use la función Minus Front de Pathfinder para
cortar la parte superior de la forma de vidrio, haciéndola ligeramente
arqueada.

Baje la opacidad de la forma hasta el 65% en

el panel Transparencia .
Paso 5
Vuelva a la copia de la forma de vidrio fusionada, que hicimos en el
paso anterior. Debe estar ubicado debajo de la forma de vidrio tallado.

Aplique un degradado lineal horizontal con los siguientes ajustes:

rellene el lado derecho del control deslizante de degradado con un
color azul claro y establezca su opacidad al 50% en
el panel Gradiente . Rellene la parte derecha del degradado con el
mismo color azul claro y la misma opacidad del 50% . Finalmente,
agregue un tercer color haciendo clic en el centro del control
deslizante de degradado en el panel Degradado y aplique un color
blanco con 0% de opacidad , haciendo que el centro sea
completamente transparente.

Baje la opacidad de toda la forma hasta el 50% en

el panel Transparencia .
Paso 6
Hagamos la forma del vidrio frontal semi-transparente también
aplicando el mismo degradado de tres colores. Puede elegirlo desde la
forma de la espalda, utilizando la herramienta Cuentagotas (I).
Paso 7
Ahora vamos a volver a la copia de la elipse, que nos hemos salvado
de los pasos anteriores, y traer que a Frente (Control + Mayúsculas
+]). O simplemente cree una nueva elipse en la parte superior del
vidrio, si no le quedan copias. Rellene la forma con un color azul claro
y vaya a Objeto> Trayectoria> Desplazar ruta . Establezca el valor
de Desplazamiento en -1 px , creando una elipse más pequeña en el
interior.

Seleccione ambos círculos y use la función Minus

Front de Pathfinder para cortar el círculo interior, creando un borde
delgado en la parte superior del vidrio.
Paso 8
Añadamos espesor al vidrio para hacerlo más
tridimensional. Seleccione la forma del vidrio
frontal, cópielo y péguelo en el frente (Control-C> Control-F).

Aplasta un poco la forma, haciéndola unos píxeles más estrechos. Y

levántelo unos pocos píxeles con la tecla de flecha hacia arriba de
su teclado.

Ahora seleccione las dos formas y use Minus Front para eliminar la
parte superpuesta interior, de modo que solo tengamos el borde
exterior a la izquierda, que forma un borde claro a lo largo de los lados
del vidrio.
Paso 9
¡Ahora llenemos nuestro vaso con leche fresca y fría!

Tome la herramienta Elipse (L) y haga una elipse blanca aplastada,

colocándola cerca del cuarto superior del vaso, haciendo que se ajuste
a la forma interna (deje algo de espacio a los lados del vidrio para que
se vean más gruesos).

Copie la forma de vidrio frontal y pegue en frente (Control-C>

Control-F). Comience a aplastar la forma desde los lados y desde la
parte inferior, haciéndola más estrecha y más corta (el contorno rojo
en la captura de pantalla de abajo), para que se ajuste al ancho de la
elipse blanca.
Paso 10
Haga la forma más corta, dejando más espacio libre en el fondo del
vidrio. Y rellene la forma con degradado lineal horizontal, que consiste
en cuatro colores alternos: blanco, azul claro, blanco, azul claro.

¡Genial! Hemos llenado nuestro vaso con leche, creando una

superficie lechosa realista con la ayuda de nuestro gradiente. Sigamos
adelante y agreguemos más detalles al vidrio.
Paso 11
Las superficies de vidrio son muy suaves y brillantes, y generalmente
tienen muchos reflejos, luces y armónicos. ¡Así que vamos a añadir
más realismo a nuestro vidrio, haciéndolo más brillante!
Use la herramienta Rectángulo (M) para crear dos franjas estrechas
en el lado izquierdo del vidrio. Seleccione ambas franjas y conviértalas
en una ruta compuesta (Control-8). Seleccione todos los puntos de
anclaje inferiores del vidrio con la Herramienta de selección directa
(A) , y mueva el grupo seleccionado hacia la derecha, haciendo que la
forma sea sesgada y paralela al lado izquierdo del vidrio.
Paso 12
Duplica la forma del vidrio frontal. Seleccione la copia creada junto con
las rayas y use la función Intersect de Pathfinder para cortar las
piezas innecesarias fuera del vidrio. Rellene las formas con degradado
lineal de blanco a negro y cambie al modo de fusión de pantalla ,
para resaltarlas con brillo.

Paso 13
Manteniendo las franjas seleccionadas, use la herramienta Borrador
(Shift-E)para dibujar una línea a través de las franjas, haciendo un
espacio. Finalmente, ajuste la posición del degradado lineal,
colocándolo horizontalmente y colocando su lado transparente negro
más cerca del centro del vidrio.
Paso 14
Use el mismo método para agregar un resaltado en el lado derecho
del vidrio.Y termine dispersando algunas gotas de agua sobre la
superficie del vidrio.Consulte la Parte 3, Paso 5 del tutorial Crear
piedras y flores de spa detalladas en Adobe Illustrator para
descubrir cómo crear gotas tan simples pero realistas.
3. Hacer una composición simple
Paso 1
Genial, ahora tenemos un vaso lleno de leche y una galleta crujiente,
que se pueden combinar en una composición simple y equilibrada.

En primer lugar, redimensionemos ambos objetos, si es necesario,

colocándolos en el centro de nuestra mesa de trabajo. Y ponga la
galleta delante del vaso ( Control-Shift-] ).

Paso 2
Necesitamos separar la galleta del vaso, demostrando que los objetos
no son planos. Podemos hacer esto agregando una sombra sutil
debajo de la cookie.Copiar la base de galletas y Pegar que en Back
(Control + C> Control + B). Mueva la copia hacia abajo y hacia la
izquierda un poco, rellenándola con un degradado lineal de azul claro
a blanco y cambiando al modo de fusión múltiple para convertir la
forma en una sombra semitransparente.

Paso 3
Seleccione la parte frontal del vaso junto con la sombra de la cookie
creada y use la herramienta Shape Builder Tool (Mayús-M) para
eliminar esa parte de la sombra fuera del vaso. Simplemente desplace
el mouse sobre la parte innecesaria hasta que vea la selección gris y
haga clic mientras mantiene presionada la tecla Alt .
Etapa 4
Vamos a añadir otra cookie debajo de la primera. Copiar el conjunto
de galletas grupo con todos sus elementos y Pegar que en Back
(Control + C> Control + B). Haga una copia un poco más pequeña y
muévala a la derecha.

Copie la forma de la base de la nueva cookie y colóquela en la parte

superior (Control-C> Control-F). Hazlo más oscuro llenándolo con un
degradado radial de marrón oscuro a blanco y cambiando al modo de
fusión múltiple , lo que agrega contraste a la cookie de la parte
inferior.
Paso 5
Y hagamos que la cookie delantera se destaque más agregando otra
sombra.Copiar la base de nuestra cookie frente y Pegar que en Back
(Control + C> Control + B). Muévalo hacia la derecha, cubriendo la
cookie de vuelta, y use la herramienta Shape Builder Tool (Shift-
M) para deshacerse de la pieza no deseada.

Rellene la forma con un degradado lineal horizontal de marrón a

blanco y cambie al modo Multiplicar , formando una sombra.
Paso 6
Finalmente, hagamos los objetos más tridimensionales colocando un
grupo de sombras debajo de ellos.

Cree una elipse aplastada debajo del vidrio y rellénela con un

degradado radial aplastado desde el azul en el centro hasta el blanco
en los bordes. Cambia al modo de fusión múltiple , creando una
sombra suave debajo del vidrio. Agrega dos sombras más pequeñas
debajo de cada galleta.

¡Increíble! Ahora todos los objetos se ven como si estuvieran en una

superficie horizontal.
Yum ¡Nuestra escena de leche y
galletas está terminada!
¡Gran trabajo! Hemos completado con éxito este tutorial. ¡Espero que
se haya divertido mientras dibujaba estos elementos dulces y aprendió
algunos consejos y trucos nuevos que facilitarán su flujo de trabajo y
lo inspirarán a probar algo nuevo! ¡Sea creativo y estad atentos para
más!