Cómo crear iconos vectoriales de sushi en Adobe Illustrator
Spanish (Español) translation by Rosario (you can also view the original English article)



En este tutorial aprenderás sobre los diferentes tipos de sushi y cómo dibujarlos. Aprenderás un montón de técnicas nuevas como: cómo crear y utilizar un pincel de dispersión de arroz y un pincel de dispersión de caviar, cómo dibujar algas, salmón y atún de forma bonita y realista. También, sobre la marcha, guardarás un montón de nuevos estilos gráficos que te ayudarán a lo largo del tutorial. Si te apetece un poco de sushi Maki, Uramaki, Nigiri y Temaki en forma vectorial, ¡que empiece la diversión!
Si quieres más iconos de comida o iconos vectoriales en general, Envato Market te ofrece un montón de diseños para elegir.
Recursos del tutorial
Para completar el tutorial necesitarás los siguientes recursos:
- Textura de madera marrón claro Vector gratuito diseñado por Freepik
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, mientras tanto, ve a Unidades para asegurarte de que están establecidas como en la siguiente imagen. Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.



2. Crea el Maki
Paso 1
El Maki es un sushi enrollado con nori por fuera y arroz por dentro.
Lo primero que hay que hacer es dibujar un círculo de 77 x 77 px con la herramienta Elipse (L). Mientras el círculo permanece seleccionado, ve a Efecto > Distorsionar y transformar > Emborronar y aplica los ajustes que se muestran a continuación.



Paso 2
Con el círculo aún seleccionado, ve al menú Objeto y elige Expandir apariencia para ampliar el efecto Emborronar. Desagrupa (Mayús-Control-G) si es necesario. Rellena la "forma de rollo" resultante con marrón claro y dale también un Trazo de 2 puntos.
Utilizaremos esta "forma de rollo" para crear otro rollo de sushi más adelante en el tutorial, así que haz una copia de ella antes de continuar.



Paso 3
Con la "forma de rollo" todavía seleccionada, pulsa Añadir nuevo trazo en el panel Apariencia y arrastra este atributo hasta la parte inferior. Selecciona un Trazo de 5 pt y después, ve a Efecto > Trazado > Desplazamiento y aplica un Radio de 2 px.



Paso 4
Con la "forma de rollo" aún seleccionada, pulsa Añadir nuevo relleno en el panel Apariencia y arrastra este atributo por encima del trazo anterior. Selecciona el color indicado y, a continuación, ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de 3 px. A continuación, ve a Efecto > Distorsionar y transformar > Emborronar y aplica la configuración que se muestra a continuación.



3. Crea los pinceles de dispersión de arroz
Paso 1
Toma la herramienta Elipse (L) y dibuja una pequeña elipse de 9 x 12 px; luego dibuja una elipse más pequeña encima de ella. Utiliza los colores indicados para rellenarlas y, después, mientras ambas están seleccionadas, ve a Objeto > Fusión > Opciones de fusión. Escoge 10 Pasos especificados y pulsa OK, y luego vuelve a Objeto > Fusión > Crear (Alt-Control-B).



Paso 2
Vuelve a utilizar la herramienta Elipse (L) para dibujar una elipse de 9 x 15 px; luego dibuja otra elipse más pequeña encima. Utiliza los colores indicados para rellenarlas y, después, fusiona las dos formas como hiciste anteriormente.



Paso 3
Arrastra el primer grano de arroz, que es más oscuro, al panel de Pinceles, y elige Nuevo pincel de dispersión. Deja los ajustes como están por el momento, simplemente escribe "Arroz 1" como nombre del pincel y pulsa OK. Repite lo mismo con el segundo grano de arroz y nombra el pincel "Arroz 2".
Puedes ver en la siguiente imagen el tamaño real de los granos de arroz en la vista 100%. Son muy pequeños. Estamos utilizando dos granos de arroz diferentes para que el resultado final sea más realista.



4. Crea el relleno de arroz
Paso 1
Ahora vamos a usar los nuevos pinceles. Toma la herramienta Lápiz (N) y dibuja un trazado aleatorio sobre el rollo de Maki. El objetivo aquí es cubrir el área marrón en el centro, tan proporcional como sea posible, y sin sobrepasar los bordes. Mantén tu trazado dentro del área marrón y recuerda que puedes mover cualquiera de los puntos de anclaje en cualquier momento con la herramienta Selección directa (A).
Utiliza el Pincel de dispersión Arroz 1 para realizar un trazo sobre este trazado. No te preocupes por el color, pero mantén el Grosor del trazo en 1 pt. A continuación, abre la ventana Opciones de trazo y modifica la configuración como se muestra a continuación. Necesitamos más arroz, así que continuemos.



Paso 2
Mientras el trazado aún está seleccionado, pulsa Añadir nuevo trazo en el panel Apariencia. Utiliza de nuevo el Pincel de dispersión Arroz 1 y mantén el Grosor del trazo en 1 pt. A continuación, abre la ventana Opciones de trazo y cambia los ajustes.



Paso 3
Mientras el trazado sigue seleccionado, añade un Nuevo trazo en la parte superior del panel Apariencia. Esta vez, usa el Pincel de dispersión Arroz 2, manteniendo el Grosor del trazo en 1 pt pero cambiando la configuración de la ventana de Opciones de trazo. Cuando hayas terminado, pulsa el icono de Nuevo estilo gráfico en la parte inferior del panel de Estilos gráficos para guardarlo a fin de utilizarlo más tarde. Puedes cambiar el nombre a "Estilo gráfico arroz sushi".



Paso 4
Tu relleno de arroz no quedará perfecto a la primera, pero no te preocupes: todo se puede arreglar en Illustrator. Si el arroz sobrepasa los bordes o tienes áreas vacías, puedes tomar la herramienta Selección directa (A) y mover cualquiera de los puntos de anclaje individualmente. Haz todos los ajustes necesarios hasta que estés conforme con el resultado.



5. Crea el relleno del Maki
Paso 1
Empecemos con el trozo de atún. Toma la herramienta Pluma (P) y dibuja una forma, como la que se muestra abajo, sobre el arroz.



Paso 2
A continuación, dibuja tres trazados, como los que se muestran a continuación, sobre el trozo de atún. Selecciona un Trazo de 10 pt y el Perfil de Ancho 1 en el panel Trazo. Reduce la Opacidad al 25%.



Paso 3
Mientras los tres trazados siguen seleccionados, añade un segundo Relleno por encima del primero. Selecciona un Trazo de 4 pt, el Perfil de Ancho 2, y mantén el mismo color rosa. Establece el Modo de fusión en Luz suave.



Paso 4
Mientras los tres trazados siguen seleccionados, añade un tercer Relleno por encima de los otros. Selecciona un Trazo de 2 pt, el Perfil de Ancho 2, y mantén el mismo color rosa. Reduce la Opacidad al 50%.
Cuando hayas terminado, pulsa el icono de Nuevo estilo gráfico para guardarlo a fin de utilizarlo más tarde. Puedes cambiar el nombre a "Estilo gráfico detalles del atún".



Paso 5
Dibuja una forma blanca sobre el lado derecho del atún y reduce la Opacidad al 15%. Esto creará brillo.
A continuación, dibuja una forma blanca más fina encima y reduce la Opacidad al 18% esta vez.



Paso 6
Selecciona el trozo de atún y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) a fin de hacer una copia del mismo y eliminar el relleno de degradado existente. Ahora, selecciona esta copia junto con las dos formas blancas y los tres trazados, y ve a Objeto > Máscara de recorte > Crear (Control-7).



Paso 7
Para crear el trozo de pepino y el trozo de tortilla, simplemente dibuja las dos formas que se muestran a continuación y utiliza los colores indicados.
Gíralas y colócalas junto al atún como quieras. Para añadir algo de profundidad, toma la herramienta Pluma (P) y dibuja una forma alrededor del relleno, utilizando un verde oliva oscuro como color de relleno. Envía esta forma detrás del relleno pero delante del arroz.



Paso 8
Ahora, toma los dos granos de arroz y haz tantas copias como quieras. Gíralas y colócalas alrededor y ligeramente sobre el relleno. Agrupa (Control-G) todos los granos de arroz, y luego ve a Efecto > Estilizar > Sombra paralela y aplica los ajustes mostrados a continuación.
El Maki está listo.



6. Crea el Uramaki
Paso 1
El Uramaki es un sushi enrollado con nori en el interior y arroz en el exterior, también conocido como rollo de sushi invertido.
Utiliza la herramienta Elipse (L) para dibujar un pequeño círculo rojo. A continuación, dibuja una forma parecida a una luna en el lado izquierdo con un rojo más oscuro y, por último, las dos pequeñas formas blancas.
Arrastra todas las formas al panel Pinceles y elige Nuevo pincel de dispersión. Escribe "Pincel de dispersión de caviar" como nombre, deja los ajustes como están y pulsa OK.



Paso 2
Toma la copia de la "forma de rollo" que hiciste al principio del tutorial. Reemplaza el trazo existente con el Pincel de dispersión de caviar y establece el Grosor del trazo en 1 pt. A continuación, abre la ventana de Opciones de trazo y cambia la configuración como se muestra a continuación.



Paso 3
Dibuja un trazado aleatorio sobre el área marrón como lo hiciste antes, y simplemente elige el Estilo gráfico arroz de sushi que guardaste en el panel de Estilos gráficos. Haz ajustes adicionales si es necesario.



Paso 4
Para crear el trozo de aguacate, dibuja una forma de triángulo y rellénala de verde. Dibuja otro triángulo encima y rellénalo con el degradado radial mostrado. Agrupa (Control-G) las dos formas y haz una copia. Coloca los trozos de aguacate sobre el arroz.



Paso 5
Dibuja una forma como la de la siguiente imagen para representar el trozo de salmón. Utiliza el degradado lineal mostrado para el relleno.



Paso 6
Dibuja dos trazados sobre la forma del salmón y selecciona el Estilo gráfico detalles del atún que guardaste antes en el panel Estilos gráficos. Reemplaza el color rosa existente y cambia algunos de los ajustes como se muestra a continuación.
Mientras los dos trazados siguen seleccionados, pulsa el icono de Nuevo estilo gráfico para guardar el nuevo estilo a fin de utilizarlo más adelante. Puedes cambiar el nombre a "Estilo gráfico detalles salmón".



Paso 7
Selecciona la forma de salmón y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) a fin de hacer una copia de esta, y eliminar el relleno degradado existente. Ahora, selecciona esta copia junto con los dos trazados y ve a Objeto > Máscara de recorte > Crear (Control-7).



Paso 8
Utiliza la herramienta Pluma (P) para dibujar una forma alrededor del relleno y rellénala con un color verde oliva oscuro. Haz un trazo sobre este trazado utilizando el Pincel artístico Carboncillo - Grueso del menú Biblioteca de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Establece el Grosor del trazo en 0,5 pt y luego envía esta forma detrás del relleno pero delante del arroz.



Paso 9
Toma los dos granos de arroz y haz tantas copias como quieras. Gíralas y colócalas alrededor del relleno y ligeramente por encima de la hoja de nori en el interior para conseguir un aspecto más realista. Agrupa (Control-G) todos los granos de arroz, ve a Efecto > Estilizar > Sombra paralela y aplica los ajustes que se muestran a continuación.
El Uramaki está listo.



7. Crea el Nigiri de atún
Paso 1
El Nigiri es un sushi prensado a mano que suele hacerse con atún y salmón crudos.
Toma la herramienta Rectángulo (M), dibuja un rectángulo de 44 x 118 px y rellénalo de color marrón claro. Después, ve a Efecto > Estilizar > Redondear vértices y aplica un Radio de 15 px.



Paso 2
Con la herramienta Lápiz (N) dibuja un trazado aleatorio sobre la forma marrón y simplemente selecciona el Estilo gráfico arroz sushi que guardaste en el panel de Estilos gráficos. Si es necesario, haz ajustes adicionales, en este punto no deberías ver porciones de la forma marrón debajo.



Paso 3
Usa la herramienta Pluma (P) para dibujar la forma del atún, pero no cubras el arroz por completo. Utiliza el mismo degradado que se muestra para el trozo de atún en el relleno del Maki. A continuación, dibuja cinco trazados sobre el atún y selecciona el Estilo gráfico detalles del atún en el panel de Estilos gráficos.



Paso 4
Para añadir algo de brillo, dibuja una forma blanca en el lado derecho del atún y reduce la Opacidad al 15%. A continuación, dibuja una forma blanca más fina encima y reduce la Opacidad al 18%.



Paso 5
Selecciona la forma del atún y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) a fin de hacer una copia de ella y eliminar el relleno degradado existente. Ahora, selecciona esta copia junto con los cinco trazados y las dos formas blancas y ve a Objeto > Máscara de recorte > Crear (Control-7).
El Nigiri de atún está listo.



8. Crea el Nigiri de salmón
Paso 1
El proceso de dibujo es muy similar. Primero, dibuja el rectángulo marrón claro y aplica el efecto Redondear vértices. Continúa con el trazado aleatorio y selecciona el Estilo gráfico de arroz de sushi en el panel de Estilos gráficos.



Paso 2
A continuación, dibuja la forma del salmón con la herramienta Pluma (P) y utiliza el degradado lineal mostrado a continuación para el relleno. Continúa con los cuatro trazados y selecciona el Estilo gráfico detalles del salmón que guardaste en el panel Estilos gráficos. Después, dibuja las dos formas blancas en el lado izquierdo del salmón para darle un poco de brillo.



Paso 3
Selecciona la forma de salmón y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para crear una copia de ella y eliminar el relleno degradado existente. Ahora, selecciona esta copia junto con los cuatro trazados y las dos formas blancas, y ve a Objeto > Máscara de recorte > Crear (Control-7).



Paso 4
Continuemos con la tira de alga sobre el salmón. Primero, dibuja una forma como la de abajo y rellénala con el degradado lineal mostrado.
Mientras la forma de alga sigue seleccionada, añade un Nuevo relleno en el panel Apariencia. Utiliza el blanco como color de relleno; luego ve a Efecto > Bosquejar > Reticulación y aplica la configuración que se muestra a continuación. Ajusta el Modo de fusión a Multiplicar y reduce la Opacidad al 20%.



Paso 5
Mientras la forma de alga sigue seleccionada, añade un Nuevo relleno por encima de los demás. Usa blanco como color de relleno; luego ve a Efecto > Artístico > Esponja y aplica la configuración mostrada. Ajusta el Modo de fusión a Subexposición de color y reduce la Opacidad al 75%.
Mientras el alga sigue seleccionada, pulsa el icono de Nuevo estilo gráfico para guardarlo a fin de utilizarlo más tarde. Puedes cambiar el nombre a "Estilo gráfico de alga".



Paso 6
Toma la herramienta Lápiz (N) y dibuja un trazado aleatorio en zig-zag en el lado derecho del alga. Selecciona un Trazo de 0.1 pt; luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 1 px. Ajusta el Modo de fusión a Luz dura y la Opacidad al 75%.
Dibuja una forma de zig-zag más pequeña en el lado izquierdo del alga y aplica la misma configuración, pero reduce la Opacidad al 50%.



Paso 7
Selecciona la forma del alga y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V) para hacer una copia de ella y eliminar todas las apariencias existentes. Ahora, selecciona esta copia junto con la forma de alga original y los dos trazados en zig-zag y ve a Objeto > Máscara de recorte > Crear (Control-7). Como resultado, obtendrás unos bordes bien definidos.



9. Crea el Temaki
Paso 1
El Temaki es un rollo con forma de cono que tiene la lámina de nori en el exterior y el arroz en el interior.
Empieza con una forma de rombo. Utiliza la herramienta Añadir punto de ancla (+) para añadir dos puntos extra en la parte superior, y con la herramienta Selección directa (A) distorsiona la parte superior del cono como se muestra en la siguiente imagen. Después de eso, simplemente selecciona el Estilo gráfico algas en el panel de Estilos gráficos.



Paso 2
Usa la herramienta Pluma (P) para dibujar una forma negra en la parte superior del cono para definir el área donde se colocará el arroz. Dibuja un trazado aleatorio que cubra la forma negra y aplícale el Estilo gráfico arroz de sushi. Realiza ajustes adicionales moviendo algunos de los puntos de anclaje si el arroz sobrepasa el borde del cono.
Selecciona la forma negra de detrás del arroz, ve a Efecto > Estilizar > Sombra paralela y aplica los ajustes mostrados.



Paso 3
Con la herramienta Lápiz (N) dibuja un trazado aleatorio en zig-zag en el lado izquierdo del cono, dale un Trazo de 0.1 pt y aplica un Desenfoque gaussiano de 2 px. Establece el Modo de fusión en Luz dura y 60% de Opacidad.



Paso 4
Dibuja una forma negra en el lado derecho del cono como se muestra en la siguiente imagen; luego ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 7 px para crear una sombra discreta.



Paso 5
Selecciona la forma del cono y luego haz clic en Copiar y Pegar en mismo lugar (Mayúsculas-Control-V) para hacer una copia de ella y eliminar todas las apariencias existentes. Ahora, selecciona esta copia junto con la forma del cono original y todo lo demás, excepto el arroz, y ve a Objeto > Máscara de recorte > Crear (Control-7). Como resultado, obtendrás unos bordes bien definidos.



Paso 6
El caviar de salmón es básicamente el mismo que el caviar pequeño del Uramaki, pero más grande. Multiplica y coloca unos cuantos en el centro del arroz. Después, selecciona sólo el caviar de la parte inferior y de los lados y aplica el efecto Sombra paralela.



Paso 7
Como decoración, dibuja dos formas verdes y colócalas entre el caviar. Haz una copia del trozo de aguacate del Uramaki y colócalo detrás del caviar de salmón.
El Temaki está listo.



10. Crea el cuenco de soja y los palillos
Paso 1
Utiliza la herramienta Elipse (L) para dibujar un círculo blanco de 104 x 104 px. Después, dibuja un círculo más pequeño en el centro y rellénalo con el degradado radial mostrado.



Paso 2
Dibuja un círculo ligeramente más pequeño en el centro y rellénalo con el degradado radial que se muestra en la imagen. Para añadir algo de brillo, dibuja un semicírculo en la parte superior izquierda de la soja y rellénalo con el degradado lineal que se muestra a continuación.



Paso 3
Para los palillos, dibuja una forma larga similar a un triángulo pero redondeada en la parte superior. Continúa con la forma más delgada en el lado izquierdo. Ahora, selecciona ambas formas y ve a Objeto > Fusión > Opciones de fusión. Escoge 10 Pasos especificados, pulsa OK, y luego vuelve a Objeto > Fusión > Crear (Alt-Control-B).



Paso 4
Dibuja otra forma delgada en el lado derecho del palillo y rellénala con marrón claro. Ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 2 px.



11. Añade las sombras
Paso 1
Vuelve al Maki y selecciona solo la "forma del rollo". Haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V), y luego envía esta copia detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayús-Control-[). Elimina todas las apariencias existentes y selecciona cualquier color de relleno; luego ve a Efecto > Estilizar > Sombra paralela y aplica la configuración que se muestra a continuación.
Repite el mismo procedimiento con el Uramaki para crear la sombra.



Paso 2
Vuelve al Nigiri de salmón. Selecciona sólo la forma del salmón y luego haz clic en Copiar y Pegar en mismo lugar (Mayúsculas-Control-V) para crear una copia de la misma. Envía esta copia detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayúsculas-Control-[) y, después, aplica el efecto Sombra paralela.
Repite lo mismo para el Nigiri de atún, utilizando una copia de la forma de atún para crear la sombra.



Paso 3
Lo mismo aplica para el Temaki. Haz una copia detrás de la forma del cono, reemplaza las apariencias existentes con cualquier color de relleno, y luego aplica el efecto Sombra paralela.



Paso 4
Agrupa (Control-G) todas las formas que componen el palillo y, después, aplica el efecto Sombra paralela. Haz una copia del palillo para tener dos, y colócalos como quieras en tu mesa de trabajo.



Paso 5
Para añadir la sombra del cuenco de soja, selecciona el primer círculo blanco y aplica el efecto Sombra paralela utilizando los ajustes mostrados. Agrupa (Control-G) todas las formas y nombra el grupo "cuenco de soja".



¡Felicidades! Terminaste
La tabla de sushi ya está lista. Puedes encontrar y descargar el genial fondo en Freepik. Es gratis, realista y, sobre todo, vectorial.
Espero que este tutorial te haya resultado divertido, y no olvides compartir con nosotros tus deliciosas recreaciones de sushi.


