Cómo crear un colorido plato de ensalada en Adobe Illustrator
Spanish (Español) translation by Rosario (you can also view the original English article)



En este nuevo tutorial aprenderás a dibujar una colorida ensalada en un plato, pero vamos a optar por un ángulo diferente ya que así es más divertido. Al principio, crearemos un plato sencillo, y después es el momento de ser creativos en la disposición de los ingredientes de esta ensalada: hojas de rúcula, trozos de pimientos rojos y amarillos, aros de cebolla, sabrosas rodajas de tomate, rábanos y aceitunas negras. Al final, trabajaremos con las sombras para darle un aspecto más realista. ¡Que empiece la diversión!
Si tienes hambre de más iconos de comida o iconos vectoriales en general, entonces corre a GraphicRiver y seguramente encontrarás lo que buscas allí.
1. Cómo crear un nuevo documento
Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, configura las dimensiones y 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 allí, ve a Unidades para asegurarte de que están configuradas como se muestra en la siguiente imagen. Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.



2. Cómo dibujar un plato sencillo
Paso 1
Comencemos con una elipse de unos 610 x 75 px, Rellenada con el Degradado lineal mostrado (1). A continuación, dibuja otra elipse ligeramente más grande sólo en la parte inferior y envíala detrás de la primera (2).



Paso 2
Para crear el centro del plato, dibuja una nueva elipse de unos 480 x 58 px (1). Ahora, selecciona la primera elipse y haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para hacer una copia de ella (2). Mientras esta copia (la elipse negra) y la elipse roja permanecen seleccionadas, pulsa Intersectar en el panel Buscatrazos. Rellena la nueva forma con el Degradado lineal mostrado (3).



Paso 3
Toma la herramienta Pluma (P) y dibuja una forma como la de abajo. La parte importante es la curva en la parte inferior que es un poco más baja que el resto de las elipses y crea el borde delgado. Utiliza el Degradado que se muestra y luego envía esta forma detrás de todo.



Paso 4
A continuación, dibuja la parte inferior del plato como se muestra en la siguiente imagen. Usa el Degradado mostrado y luego envía esta forma detrás de todo.



Paso 5
Dibuja otra forma como la anterior, donde la curva inferior es un poco más baja que el resto del plato, para crear un borde fino más oscuro (1).
Continúa con la última elipse, en la parte inferior del plato, de unos 280 x 58 px Rellena con el Degradado lineal mostrado, y luego envíala detrás de todo (2).



Paso 6
Para añadir iluminación en la parte inferior del plato, dibuja una forma muy fina con la herramienta Pluma (P) siguiendo el borde inferior, y Rellénala con el Degradado lineal mostrado.



Paso 7
Ahora, sigue el borde exterior del plato y dibuja dos nuevas formas finas como se muestra a continuación. Después de esto, el plato está listo, y puedes ver el resultado final en la imagen de abajo (3).



3. Cómo dibujar la hoja de rúcula (Arugula)
Es hora de dibujar los componentes de esta sabrosa ensalada, y el primer ingrediente es la rúcula, también conocida como arúgula. Toma la herramienta Pluma (P) y dibuja una forma de hoja similar a la de abajo. Una vez que estés conforme con la forma, Rellénala con el Degradado lineal mostrado (1).
A continuación, dibuja una forma delgada en el centro de la hoja y Rellénala con el Degradado mostrado a continuación (2).
Ya está. La hoja está lista. Agrupa (Control-G) las dos formas y nombra el grupo "rúcula".



4. Cómo dibujar el aro de cebolla
Paso 1
Utiliza la herramienta Elipse (L) para dibujar dos formas y colócalas como se muestra en la siguiente imagen (1). El tamaño no es importante porque de todos modos escalarás todos los ingredientes más adelante. Mientras las dos elipses permanecen seleccionadas, ve a Objeto > Trazado compuesto > Crear (Control-8) y Rellena la forma resultante con un color púrpura pálido (2).
Selecciona el aro y luego haz clic en Copiar y Pegar detrás (Control-B) para hacer una copia del mismo. Mueve esta copia 2-3 px hacia abajo con la ayuda de la tecla flecha hacia abajo de tu teclado (3).
Selecciona de nuevo el aro original y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para hacer otra copia del mismo. Teniendo esta nueva copia del aro seleccionada junto con el aro negro, pulsa Menos frente en el panel Buscatrazos. Envía las dos formas resultantes al fondo (4) y Rellénalas con los dos tonos de púrpura mostrados (5).



Paso 2
El aro de cebolla está listo. Puedes crear otra versión, pero es opcional. Solo haz una Copia del aro de cebolla y luego usa solo dos de los tres tonos de púrpura.
Agrupa (Control-G) las formas y nombra los grupos "aro de cebolla 1" y "aro de cebolla 2".



5. Cómo dibujar el trozo de pimiento rojo
Paso 1
El siguiente en la lista de ingredientes es el pimiento rojo. Dibuja una forma similar a la de abajo con la ayuda de la herramienta Pluma (P) y utiliza el rojo como color de Relleno (1). Mientras esta forma permanece seleccionada, ve a Objeto > Transformar > Escala, escribe 105% en el campo Escala y luego pulsa Copiar. Como resultado, obtendrás una forma ligeramente más grande. Utiliza un tono más oscuro de rojo para Rellenarla y envíala detrás de la primera (2).
Toma de nuevo la herramienta Pluma (P) y dibuja una nueva forma, delante de las dos Rellenas, con un tono más claro de rojo (3). Corrige los extremos del pimiento si es necesario y alinea los puntos con la herramienta Selección directa (A). El trozo de pimiento rojo ya está listo (4).



Paso 2
Este paso es opcional, pero si quieres más color en tu ensalada, puedes crear un trozo de pimiento amarillo. Simplemente haz una Copia del pimiento rojo y sustituye los colores de Relleno.
Agrupa (Control-G) las formas y nombra los grupos "pimiento rojo" y "pimiento amarillo".



6. Cómo dibujar la rodaja de tomate
Paso 1
Utiliza la herramienta Pluma (P) para dibujar la rodaja de tomate y Rellénala con un tono oscuro de rojo. Mientras la forma permanece seleccionada, añade un Nuevo relleno en el panel Apariencia por encima del primero y utiliza un color rojo anaranjado. Selecciona este atributo de Relleno, ve a Efecto > Distorsionar y transformar > Transformar y aplica los ajustes mostrados a continuación. Como resultado, obtendrás el borde más oscuro en la parte inferior de la rodaja.



Paso 2
A continuación, dibuja una forma similar pero más pequeña en la parte superior y Rellénala de rojo. Añade un Nuevo relleno debajo del primero y utiliza un tono más oscuro de naranja. Con este atributo de Relleno seleccionado en el panel Apariencia, ve a Efecto > Distorsionar y transformar > Transformar y aplica un Movimiento vertical de 1 px.



Paso 3
Toma la herramienta Pluma (P) de nuevo y dibuja una forma como la de la siguiente imagen, Rellena de naranja oscuro (1). Continúa con una forma similar pero ligeramente más pequeña, Rellénala con blanco. Ajusta el Modo de fusión a Luz suave (2). Puedes ver el resultado en la imagen de abajo (3).



Paso 4
Para la semilla del tomate, necesitas dos formas de lágrima. Rellena la más grande con naranja oscuro y la más pequeña con amarillo. Agrupa (Control-G) las dos formas y Multiplica para obtener más semillas; luego Gíralas y colócalas en la rodaja de tomate.



Paso 5
Ahora, dibuja un trazado curvo junto al borde inferior de la rebanada (1). Dale un Trazo rojo de 5 pt; luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 2 px. Reduce la Opacidad al 70% (2).
Selecciona la forma de la rebanada y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para hacer una copia de ella delante de todo. Establece esta copia sin trazo ni relleno. Ahora, selecciona el trazado curvo junto con la copia de la rodaja y ve a Objeto > Máscara de recorte > Crear (Control-7). Nombra el grupo resultante como "rodaja de tomate" y ya está (3). Puedes ver el resultado final en la imagen de abajo (4).



7. Cómo dibujar la rodaja de rábano
Usa la herramienta Pluma (P) para dibujar la forma de la rebanada, y después de eso, dibuja una forma similar pero más grande, solo en la parte inferior en la parte de atrás (2).
Selecciona la forma azul y luego haz clic en Copiar y Pegar en mismo lugar (Mayúsculas-Control-V) para hacer una copia de ella delante de todo. Teniendo esta copia seleccionada junto con la forma naranja, pulsa Menos frente en el panel Buscatrazos. Como resultado, obtendrás la forma en la parte inferior que será la piel del rábano (3). Rellena las dos formas con los Degradados radiales mostrados, Agrúpalas (Control-G) y la rebanada de rábano estará lista (4).



8. Cómo dibujar la aceituna negra
La aceituna es bastante fácil, y sólo necesitas dos formas: una elipse de 50 x 38 px (1) y la forma de la iluminación en la parte superior izquierda (2). Rellénalas con los Degradados radiales mostrados; luego Agrúpalas (Control-G), y puedes ver el resultado final en la imagen de abajo (3).



9. Cómo preparar la ensalada
Paso 1
Primero, selecciona el grupo "plato" y Gíralo como se muestra en la siguiente imagen para hacer las cosas más interesantes. Y ahora, por fin, es el momento de preparar la deliciosa ensalada. Toma el grupo "rúcula" y haz unas cuantas copias. Colócalas como se muestra a continuación, o puedes poner a prueba tu creatividad.
Hay muchas sombras en esta ensalada, y puedes optar por añadirlas luego, una vez que veas la imagen final, pero eso podría ser un poco abrumador porque hay muchos componentes involucrados. Para hacer las cosas más fáciles de entender, te mostraré los ajustes para el efecto de Sombra paralela a medida que avancemos. Los ajustes son ligeramente diferentes de un paso a otro porque dependen de la posición de cada ingrediente.
Algunos de los ingredientes ni siquiera necesitan una sombra. De las tres hojas de rúcula en la imagen de abajo, sólo una tiene el efecto de Sombra paralela aplicado porque las otras dos estarán cubiertas con el resto de los ingredientes al final, así que no es realmente necesario.



Paso 2
A continuación, toma el grupo "pimiento rojo" y muévelo sobre el plato. Aplica el efecto Sombra paralela para crear una sombra. Haz lo mismo con el grupo "pimiento amarillo".
De momento se ve algo raro, pero al final utilizaremos una Máscara para ocultar los ingredientes que sobresalen del borde del plato.



Paso 3
Duplica y coloca más hojas de rúcula. Para las hojas que están en el aire, no es necesario aplicar el efecto Sombra paralela porque la sombra debe existir sólo en el plato y no fuera ni alrededor de él.



Paso 4
A continuación, pon una aceituna en el plato y aplica el efecto Sombra paralela.
Además, pon un aro de cebolla y un pimiento amarillo en el lado izquierdo, pero sin la sombra esta vez, porque sobresalen del borde del plato. Más adelante en el tutorial crearemos sombras más detalladas para ingredientes como éstos.



Paso 5
Siguiendo la técnica explicada en los pasos anteriores, coloca más hojas y otros ingredientes en tu plato.



Paso 6
Coloca otro trozo de pimiento rojo, otra rodaja de tomate, más aceitunas, otra copia del aro de cebolla más un puñado de hojas entre y encima, tantas como quieras.
En la imagen de abajo, puedes ver los ajustes de Sombra paralela correspondientes al aro de cebolla del lado derecho y a la hoja de rúcula que está encima.
No añadas una sombra debajo de las rodajas de tomate porque nos ocuparemos de eso más adelante en el tutorial.



Paso 7
Es el momento de colocar algunas rodajas de rábano. Escálalas para que no tengan el mismo tamaño porque así es más natural. Añade más hojas por encima y empieza a subir los ingredientes.



Paso 8
Añade otro trozo de pimiento amarillo y otra rodaja de tomate en el aire entre las hojas. Los dos últimos ingredientes son el pimiento rojo y otro aro de cebolla.



10. Cómo añadir sombras entre los ingredientes
Paso 1
Si estás conforme con tu ensalada y la posición de cada ingrediente, ahora puedes añadir sombras más detalladas entre ellos para lograr un aspecto realista.
Concéntrate en las rodajas de tomate y dibuja un trazado siguiendo el borde inferior, uno por cada rodaja que tengas. Dales un Trazo negro de 3 pt y luego aplica un Desenfoque gaussiano de 3 px. Cuando hayas terminado, envía cada trazado justo detrás de la rodaja de tomate correspondiente.



Paso 2
Ahora, céntrate en los ingredientes que están en el aire y especialmente en las zonas donde se superponen, ya que necesitas que haya sombra allí. Tómate tu tiempo, haz todos los acercamientos que necesites y dibuja un pequeño trazado donde se superponen dos ingredientes siguiendo su contorno, pero sin sobrepasar los bordes (en el fondo blanco). Puedes ver algunos ejemplos en los acercamientos mostrados a continuación. Cuantos más trazados dibujes, más detallada y realista será tu ensalada.
Selecciona un Trazo negro de 2 pt para todos estos trazados y aplica un Desenfoque gaussiano de 2 px. Algunos de ellos están al 100% de Opacidad, y otros al 75% de Opacidad, dependiendo del área y los colores. No te olvides de mover cada trazado entre los dos ingredientes que se superponen en el panel Capas, ya que el orden correcto es muy importante en este caso.



11. Cómo perfeccionar el borde del plato
Paso 1
Selecciona la elipse del interior del plato y haz clic en Copiar y Pegar en mismo lugar (Mayúsculas-Control-V) para hacer una copia de la misma delante de todo (1). Toma la herramienta Tijeras (C) y haz clic en los dos puntos finales de esta copia para cortar la forma en dos y mantener sólo la mitad de delante (2). Usa la herramienta Pluma (P) para cerrar este trazado y crear una nueva forma alrededor de la ensalada (3).



Paso 2
No utilices Relleno ni Trazo en la forma del paso anterior. Ahora, selecciona todos los ingredientes de la ensalada junto con esta forma y ve a Objeto > Máscara de recorte > Crear (Control-7). Ahora, la parte frontal del plato está despejada, como debe ser.



Paso 3
Si quieres añadir una hoja que sobresalga del borde del plato para darle un aspecto más realista, ahora es el momento de hacerlo, fuera de la máscara. Colócala en el lugar deseado y luego aplica el efecto Sombra paralela.



12. Cómo agregar iluminación en la ensalada
Céntrate en una de las rodajas de tomate y dibuja dos trazados cortos como se muestra en la siguiente imagen. Trázalos con el Pincel artístico de fusión negro de otro de mis tutoriales dedicado a los Pinceles de fusión y a lo útiles que son: Cómo crear un conjunto de pinceles de fusión multiuso. Yo utilizo estos pinceles todo el tiempo para añadir luces y detalles en mis dibujos. Establece el color como se indica a continuación y establece el Grosor del trazo a 0.75 pt. Mantén el trazado más grande a 100% de Opacidad pero para el trazado más corto reduce la Opacidad a 50% para hacerlo más discreto.
Haz lo mismo con el resto de los tomates, para hacerlos más brillantes. También puedes hacer esto con los otros ingredientes si quieres, pero para mí, así es suficiente.



13. Cómo crear la sombra bajo el plato
Paso 1
Usa la herramienta Pluma (P) para dibujar una forma como la de la siguiente imagen en una Nueva capa detrás del plato, y dale un Relleno blanco. Continúa con una forma similar pero más pequeña Rellena con gris claro y ponla a 75% de Opacidad.



Paso 2
Dibuja otra elipse debajo de la parte inferior del plato y Rellénala de gris. La última elipse es mucho más pequeña y va rellena de un gris más oscuro.



Paso 3
Mientras las cuatro formas permanecen seleccionadas, ve a Objeto > Fusión > Opciones de fusión y elige 50 Pasos especificados. Pulsa OK; luego vuelve a Objeto > Fusión > Crear (Alt-Control-B).
Establece el grupo de fusión resultante en Modo de fusión Multiplicar y reduce la Opacidad al 75%, pero esto depende del color de tu fondo.



¡Felicidades! Terminaste
El colorido plato de ensalada está listo. ¡Toma un tenedor!
Déjame saber si te gustó este tutorial, y no olvides compartir con nosotros una imagen de tu recreación, si decides hacerla. Me encantaría verla.


