Cómo crear deliciosos iconos de cupcakes en Adobe Illustrator
Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)



En este tutorial aprenderás a crear un icono de cupcake en Adobe Illustrator, y partiendo del primero, crearás otras deliciosas variaciones con sólo hacer algunos cambios.
Vamos a aprovechar la vista superior de estos iconos y a ser lo más creativos posible con las decoraciones. Los cuatro sabores que he elegido son: vainilla con chispas de colores, terciopelo rojo, chocolate con almendras y crema de arándanos. ¡Empecemos!
Si tienes ganas de más iconos de comida o iconos vectoriales en general, Envato Market te ofrece un montón de diseños para elegir.
1. Comienza un nuevo proyecto
Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, establece las dimensiones, y luego selecciona Píxeles como Unidades y RGB como Modo de color. Asegúrate de que la opción Alinear nuevos objetos con cuadrícula de píxeles no está marcada.
A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1 px, y una vez alli, ve a Unidades para asegurarte de que están establecidas como se muestra en la siguiente imagen. Suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.



2. Crea el molde de papel
Paso 1
Empieza dibujando un círculo de 190 x 190 px en tu mesa de trabajo con la herramienta Elipse (L). Con la forma aún seleccionada, ve a Efecto > Distorsionar y transformar > Zig Zag y aplica los ajustes mostrados.



Paso 2
Con el círculo aún seleccionado, elige Expandir apariencia en el menú Objeto y Desagrupa (Mayúsculas-Control-G) si es necesario. Rellena la forma resultante con el degradado lineal mostrado en un Ángulo de -45 grados. Llamemos a esta forma "exterior de papel".



Paso 3
Mientras el "exterior de papel" permanece seleccionado, ve a Objeto > Trazado > Desplazamiento y aplica un Desplazamiento de -3 px. Rellena la forma más pequeña con el degradado radial mostrado y nómbrala "interior del papel".
Agrupa (Control-G) estas dos formas y nombra el grupo "molde de papel".



3. Crea el cupcake
Paso 1
Usa la herramienta Elipse (L) para dibujar un círculo de 170 x 170 px y colócalo en el centro. Rellénalo con el degradado radial mostrado y nombra la forma "cupcake".



Paso 2
Mientras el "cupcake"" permanece seleccionado, ve al panel Apariencia. Añade un Nuevo relleno encima del primero y mantén el mismo degradado. Ve a Efecto > Textura > Texturizar, aplica los ajustes mostrados y pulsa OK. Reduce la Opacidad al 33%.



4. Crea el glaseado de vainilla
Paso 1
Dibuja una forma como la de abajo y rellénala de amarillo (1). Copia y Pega detrás (Control-B) esta forma, cambia el color de relleno a marrón cálido, y luego muévela un poco hacia abajo y a la derecha para que actúe como sombra (2). Copia y Pega delante (Control-F) la primera forma, hazla más pequeña y cambia el color de relleno (3).



Paso 2
Toma la herramienta Pluma (P) o la herramienta Lápiz (N) y dibuja una espiral en el centro (1). Traza la espiral con el Pincel artístico Carboncillo - Emborronado del menú Biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Selecciona el amarillo como color de trazo y establece el Grosor en 2 pt (2). Luego, ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 5 px (3).



Paso 3
Copia y Pega delante (Control-F) la espiral del paso anterior, cambia el color del trazo a marrón y establece el Grosor en 0,5 pt. El resto de los ajustes siguen siendo los mismos.



Paso 4
Dibuja una nueva espiral en el centro, pero más pequeña. Utiliza el Pincel artístico Carboncillo - Emborronado de nuevo para trazarla y mantén el Grosor en 1 pto. Aplica un Radio de Desvanecimiento de 5 px.



5. Decora con chispas de colores y una cereza
Paso 1
Para crear las chispas de colores, simplemente toma la herramienta Elipse (L) y dibuja tantos círculos pequeños como quieras. Rellénalos con varios colores, y después agrúpalos (Control-G) todos. Con el grupo aún seleccionado, ve a Efecto > Estilizar > Sombra paralela y aplica la configuración mostrada.



Paso 2
Para la cereza, comienza con un círculo de 50 x 50 px. Rellénalo con el degradado radial que se muestra a continuación.



Paso 3
Dibuja una pequeña forma en la parte superior izquierda utilizando la herramienta Pluma (P). Rellénala con el degradado lineal mostrado; luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 2 px.



Paso 4
Dibuja otra pequeña forma en la parte inferior derecha y rellénala con el degradado lineal mostrado. Después de eso, aplica un Desenfoque gaussiano de 2 px.



Paso 5
Agrupa (Control-G) todas las formas que componen la cereza y muévelas sobre el glaseado. Dibuja un nuevo círculo del tamaño de la cereza, rellénalo con el degradado radial que se muestra, y luego establece el Modo de fusión Multiplicar. Esta forma actuará como la sombra y debe estar detrás de la cereza.
En este punto, el Cupcake de vainilla y chispas de colores está listo.



6. Crea el cupcake de terciopelo rojo
Paso 1
Ahora vamos a transformar el cupcake de vainilla en un cupcake de terciopelo rojo. Primero, haz una copia del cupcake de vainilla, pero elimina las chispas de colores y la cereza porque no los necesitas.



Paso 2
Para propósitos visuales y para enfocar mejor los cambios que necesitas hacer, oculté el grupo del glaseado, pero tu no tienes que hacerlo.
Primero, selecciona el "exterior de papel" cambia el degradado de relleno, y después cambia el color de relleno para el "interior del papel".



Paso 3
Selecciona "cupcake", y en el panel Apariencia, cambia los dos degradados existentes por el que se muestra a continuación. Aumenta la Opacidad al 44%.



Paso 4
Cambia los colores de relleno de las tres formas que componen el glaseado, y después cambia los colores de trazo de las tres espirales. El resto de los ajustes permanecen igual.



Paso 5
Utiliza la herramienta Pluma (P) para dibujar una forma aleatoria pero muy pequeña y rellénala de rojo. No dibujes un círculo porque al final, las migas rojas en el glaseado se verán demasiado perfectas y regulares. Arrastra esta forma al panel Pinceles y elige Nuevo pincel de dispersión.
Ahora, toma la herramienta Pluma (P) dibuja una espiral desprolija sobre el glaseado, y usa el pincel de dispersión que acabas de guardar para trazarla. Mantén el Grosor en 1 pt pero abre la ventana Opciones de trazo (doble clic en el atributo Trazo en el panel Apariencia) y cambia los ajustes como se indica a continuación.



Paso 6
Mientras la espiral desordenada permanece seleccionada, ve al menú Objeto y elige Expandir apariencia. Como resultado, el trazado se convertirá en un grupo de migas rojas. Toma la herramienta Selección (V) y haz doble clic en este grupo para entrar en el Modo aislamiento.
Ahora, podrás seleccionar las migas individualmente y eliminar las que estén demasiado dispersas. Para salir del Modo aislamiento, pulsa dos veces la flecha de la esquina.
En este punto, el Cupcake de terciopelo rojo está listo.



7. Crea el cupcake de chocolate y almendras
Paso 1
Ahora, vamos a transformar el cupcake de terciopelo rojo en un cupcake de chocolate. Primero, haz una copia del cupcake de terciopelo rojo, pero elimina las migas rojas.



Paso 2
El molde de papel sigue siendo el mismo. Selecciona "cupcake" y cambia los dos degradados en el panel Apariencia.



Paso 3
Cambia los colores de relleno de las tres formas que componen el glaseado, y después cambia los colores de trazo de las tres espirales como se indica. También hice una copia de la espiral más pequeña y la moví a la parte superior.



Paso 4
Dibuja una forma ovalada con la herramienta Pluma (P) similar a una rodaja de almendra. Haz unas cuantas copias y colócalas sobre el glaseado de chocolate. Utiliza los dos degradados para rellenarlas.



Paso 5
Aplica el efecto Sombra paralela a cada rodaja de almendra para añadir una pequeña sombra. En realidad, no se pueden aplicar los mismos ajustes a todas ellas porque dependen de la posición de las almendras, no obstante, en la siguiente imagen se pueden ver dos ejemplos.
En este punto, el Cupcake de chocolate y almendras está listo.



8. Crea el cupcake de arándanos y crema
Paso 1
Ahora, vamos a transformar el cupcake de vainilla en un cupcake de arándanos. Primero, haz una copia del cupcake de vainilla, pero elimina las chispitas de colores y la cereza.



Paso 2
El molde de papel y el cupcake siguen siendo los mismos. Cambia los colores de relleno de las tres formas que componen el glaseado y, después, cambia los colores de trazo de las tres espirales.



Paso 3
Ve al cupcake de terciopelo rojo, selecciona sólo dos de las tres formas que componen el glaseado y haz una copia. Agrupa (Control-G) las dos formas, hazlas más pequeñas y colócalas sobre el glaseado de arándanos.



Paso 4
Ahora, haz una copia de la cereza y transfórmala en un arándano. Primero, selecciona el círculo y cambia el relleno degradado. Después, cambia los colores de relleno de las dos formas resaltadas. El efecto de Desenfoque gaussiano sigue siendo el mismo.



Paso 5
Mueve el arándano sobre el glaseado. Dibuja un nuevo círculo del tamaño del arándano y rellénalo con el degradado radial mostrado. Ajusta el Modo de fusión a Multiplicar. Esta forma actuará como la sombra y debe estar detrás del arándano.
En este punto, el Cupcake de crema de arándanos está listo.



9. Añade las sombras
Paso 1
Selecciona el grupo "molde de papel", ve a Efecto > Estilizar > Sombra paralela, y aplica los ajustes mostrados.



Paso 2
Repite el paso anterior para los otros tres cupcakes. Aplica el efecto de Sombra paralela a cada "molde de papel".



Felicidades. ¡Terminaste!
Desafía tu creatividad y utiliza estos cupcakes como punto de partida para crear otros deliciosos sabores, o decóralos de forma diferente. Si lo haces, no olvides compartir tus recreaciones con nosotros. Me encantaría comerlas.... ¡Uy! Quiero decir, ¡verlas!


