Yum Cómo crear un icono de delicioso sándwich de panecillo en Adobe Illustrator

Lo que vas a crear

Siga este tutorial y aprenda cómo crear un icono de sándwich de panecillo en Adobe Illustrator. Al principio, creará las dos piezas de bagel, y luego dibujará todos los ingredientes para el sándwich: pedazos de lechuga, una rebanada de queso y una rebanada de jamón.. 

La parte más divertida es componer el sándwich de panecillo, porque puedes ser creativo aquí. Lo último es espolvorear algunas semillas de sésamo con la ayuda de un pincel esparcido. Si te gustan los tutoriales relacionados con la comida tanto como yo, comencemos la diversión!

Si está buscando una alternativa de inicio rápido, tenemos una colección sorprendentemente grande de iconos y vectores de panecillos en GraphicRiver, que puede personalizar según sus necesidades.!

1. Iniciar un nuevo proyecto

Lanzamiento Ilustrador y luego ir a Archivo> Nuevo para abrir un documento en blanco. Escriba un nombre para su archivo y configure las dimensiones, seleccionando Pixeles como Unidades y RGB como Modo de color

A continuación, vaya a Editar> Preferencias> General y establecer el Incremento de teclado a 1 px y mientras allí, también ir a Unidades para asegurarse de que están configurados como en la siguiente imagen. Normalmente trabajo con estas configuraciones y te ayudarán en todo el proceso de dibujo..

2. Crea el Bagel

Paso 1

Toma el Herramienta Elipse (L) y dibuja dos círculos con las dimensiones indicadas. Mientras los tiene seleccionados, presione Centro de alineación horizontal y Centro de alineación vertical en el Alinear panel. 

Paso 2

Con los círculos aún seleccionados, vaya a Objeto> Ruta compuesta> Marca (Control-8) y luego rellenar la forma resultante con marrón claro. Lo nombrarébagel-top”, Y necesitará copias adicionales de esta forma a lo largo del tutorial..

Paso 3

Con "bagel-top”Aún seleccionado, agregue un Relleno nuevo en el Apariencia Panel sobre el primero. Usa el gradiente radial que se muestra y luego ve a Efecto> Boceto> Bajorrelieve y aplicar la configuración de la siguiente imagen. Selecciona el Modo de fusión a Luz tenue

Etapa 4

Agrega un Relleno nuevo en el Apariencia Panel y utilizar el color marrón; luego establece el Modo de fusión a Luz tenue.

Paso 5

Agrega un Relleno nuevo de nuevo y usar el color indicado, y luego ir a Efecto> Boceto> Papel de nota y aplicar la configuración de la siguiente imagen. Establezca este atributo de relleno en Superposición de modo de fusión y 15% de opacidad.

Paso 6

Para deshacerse del borde pixelado generado por el Papel de notas Efecto, crearemos una máscara. Seleccione "bagel-top", Dupdo y Pegar en el frente (Control-F) para hacer una copia, y luego eliminar todas las apariencias existentes. Ahora, selecciona ambas formas y ve a Objeto> Máscara de recorte> Marca (Control-7). Nombre el grupo resultanteBagel Top”.

Paso 7

Vamos a crear la parte inferior del panecillo. Haz otra copia de “bagel-top”En su mesa de trabajo y use el degradado radial que se muestra para llenarlo. No necesitamos agregar más detalles porque la mayor parte estará cubierta por los ingredientes del sándwich..

3. Crea un pedazo de lechuga

Paso 1

Toma el Herramienta de lápiz (N) y dibuja una forma similar, llenándola con el degradado radial que se muestra. Utilizar el Herramienta de gradiente (G) para ajustar la dirección si es necesario.

Paso 2

Con la forma de lechuga aún seleccionada, vaya a Objeto> Ruta> Ruta compensada y aplicar un 1.2 px Offset Con el fin de obtener una forma un poco más grande. Rellene esta nueva forma con el degradado lineal que se muestra y asegúrese de que esté detrás de la primera.

Paso 3

Ahora, toma el Herramienta Pluma (P) y dibuja algunas formas como abajo en la lechuga. Rellénalos con diferentes tonos de verde (1). Para agregar alguna dimensión, dibuje algunas formas pequeñas entre las "ondas" de la lechuga, pero asegúrese de enviarlas hacia atrás. Use un tono más oscuro de verde como color de relleno (2).

4. Crea una rebanada de queso

Paso 1

Utilizar el Herramienta Rectangular (M) dibujar un 73 x 150 px rectángulo, y usar amarillo como el color de relleno. A continuación, dibuja algunos círculos con la Herramienta Elipse (L) y Grupo (Control-G) ellos. 

Antes de continuar, haga una copia de este grupo, ya que lo necesitará en el siguiente paso. Ahora, seleccione el rectángulo junto con el grupo de círculos y presione Frente menos en el Pionero Panel para obtener los agujeros en el queso..

Paso 2

Ahora, necesitará la copia del grupo de círculos del paso anterior (1). Selecciónelo y Dupdo y Pegar en el frente (Control-F) Para conseguir otro grupo de círculos (los verdes). Moverlos un poco hacia abajo y hacia la derecha (2). 

A continuación, seleccione ambos grupos y presione Excluir en el Pionero panel, y luego Desagrupar (Shift-Control-G) desde el Objeto menú (3). Elimine todas las formas resultantes del lado inferior derecho de los orificios porque no los necesitamos. Si algunas de las formas van más allá del borde, simplemente toma la Eliminar herramienta de punto de anclaje (-) y elimine los puntos de anclaje al final que no sean necesarios, y haga pequeños ajustes si es necesario (4). Rellena estas formas con el color indicado (5).

5. Crea una loncha de jamón

Paso 1

Utilizar el Herramienta de lápiz (N) para dibujar una forma como la de la siguiente imagen, y use el degradado lineal que se muestra para rellenarla. Mueva algunos de los puntos de anclaje hacia el interior con el Herramienta de selección directa (A) para crear una mirada más realista.

Paso 2

Utilizar el Herramienta de lápiz (N) De nuevo para dibujar una forma en la parte inferior. A continuación, seleccione la forma de jamón y Dupdo y Pegar en el frente (Control-F); luego seleccione esta copia junto con la forma negra y presione Intersecarse en el Pionero panel. Rellene la forma resultante con el degradado lineal que se muestra.

Paso 3

Como se explicó en el paso anterior, cree dos nuevas formas y rellénelas con el degradado lineal que se muestra en la siguiente imagen.

Etapa 4

Toma el Herramienta Pluma (P) o la Herramienta de lápiz (N) y dibuja algunas formas al azar en el jamón para agregar más detalles. Rellénelos con el degradado lineal que se muestra a continuación.

6. Componer el Sandwich Bagel

Paso 1

En este punto todos los elementos están listos. Antes de continuar, Grupo (Control-G) Todas las formas que componen la lechuga y nombran al grupo ".Lechuga”; Grupo (Control-G) Todas las formas que componen la rebanada de queso y nombran al grupo.Queso", Y lo has adivinado ... haz lo mismo con el"jamón". Como están en forma vectorial, también puede escalarlos si lo desea..

Paso 2

En la parte superior de la "fondo de bagel”, Empezar a ordenar las piezas de lechuga. Multiplica elLechuga”Agrupe tantas veces como desee y organícelas como desee. Puedes ser creativo aquí. También añadir la primera rodaja de queso..

Paso 3

Agreguemos algunas sombras a medida que avanzamos, porque será más difícil agregar todas las sombras al final. Es mejor trabajar en capas..

Utilizar el Herramienta Pluma (P) o la Herramienta de lápiz (N) para dibujar dos caminos a lo largo del borde exterior del queso, pero no se pase por el borde de la "fondo de bagel". Darles un Trazo 2 pt usando el color indicado, y luego ir a Efecto> Blur> Gaussian Blur y aplicar un Radio de 2 px. Enviar estos dos caminos detrás de la "QuesoGrupo.

Mientras las rutas aún están seleccionadas, presione Nuevo estilo gráfico en la parte inferior de la Estilos gráficos Panel para guardarlo para su uso posterior. Nombralo Sombra marrón estilo gráfico.

Etapa 4

Ahora, haz una copia de lajamónAgrupa y coloca sobre el panecillo. Con el Herramienta Pluma (P) o la Herramienta de lápiz (N), dibuje un camino en la esquina superior y luego simplemente seleccione el Sombra marrón estilo gráfico desde el Estilos gráficos Panel para añadir la sombra. Mueve este camino detrás de lajamón"Grupo pero en frente de"QuesoGrupo.

Paso 5

Dibuja otro camino en la esquina inferior, dale una 2 puntos negro Carrera, y luego aplicar un 2 px Gaussian Blur. Mueve este camino detrás de lajamón”Pero frente a la“Lechuga”.

Guarda este estilo en el Estilos gráficos panel y el nombre Sombra negra estilo gráfico.

Paso 6

Coloca una segunda loncha de jamón sobre el panecillo, dibuja dos caminos como en la siguiente imagen y selecciona Sombra negra estilo gráfico desde el Estilos gráficos Panel para añadir las sombras. Mueve estos dos caminos detrás de "jamón”.

Paso 7

Organiza la tercera loncha de jamón y dibuja los dos caminos como abajo. Para el camino negro, seleccione la Sombra marrón estilo gráfico, y para el camino azul selecciona el Sombra negra estilo gráfico. No olvides enviarlos detrás.jamón”Pero en frente de la primera rebanada (1).

Agrega otra rebanada de queso, dibuja el camino verde y selecciona el Sombra marrón estilo gráfico para ello. Enviar este camino detrás "Queso"(2).

Paso 8

Ahora, agarra el "Bagel Top”Grupo y colóquelo sobre los ingredientes. No lo coloque directamente sobre “fondo de bagel”Pero un poco abajo ya la derecha.

7. Añadir sombra debajo de la parte superior de bagel

Paso 1

Seleccione “bagel-top”Y Dupdo y Pegar en lugar (Shift-Control-V). Elimina todas las apariencias existentes y simplemente dale un relleno blanco; luego ve a Efecto> Stylize> Drop Shadow y aplique la configuración que se muestra a continuación. Mueve esta copia detrás de laBagel TopGrupo.

Como indican las flechas, hay áreas en las que no tenemos lechuga, jamón o queso que sobresalen del panecillo, por lo que no hay necesidad de sombra allí. Para hacer que la sombra no sea visible en esas áreas específicas, crearemos una máscara en el siguiente paso.

Paso 2

Primero cierre elBagel Top"Grupo en el Capas Panel, u ocultarlo por el momento. Ahora, seleccione todos los ingredientes en su bagel (en mi caso: 3 x "Lechuga", 3 x"jamón”Y 2 x“Queso”) Pero sin los caminos de sombra y luego presione Unir en el Pionero panel (1). Como resultado obtendrás una ruta compuesta (2). 

A continuación, seleccione la forma blanca del paso anterior junto con esta ruta compuesta (que debe estar al frente) y vaya a Objeto> Máscara de recorte> Marca (Control-7) (3). Puedes ver el resultado final en la siguiente imagen (4).

Paso 3

Utilizar el Herramienta Elipse (L) dibujar un Circulo de 57 x 57 px y luego colocarlo en el centro del panecillo. Seleccione blanco como el color de relleno; luego ve a Efecto> Estilizar> Resplandor interior y aplique la configuración que se muestra a continuación. En el Apariencia panel, cambiar el Modo de fusión para el relleno blanco a Multiplicar para hacerlo transparente. Solo queremos que la sombra sea visible..

8. Añadir las semillas de sésamo en el Bagel

Paso 1

Toma el Herramienta Pluma (P) y dibuja una forma de sésamo seguida de una forma más pequeña en la parte superior. Usa los colores indicados para rellenar estas formas y crea las semillas de sésamo blancas y negras. Al 100% de vista, las semillas son muy pequeñas, así que tome esto en consideración. 

Arrastra el sésamo blanco a la Cepillos panel y elegir Nuevo cepillo de dispersión. Escriba un nombre para su pincel y establezca la Rotación relativa al camino. Deja el resto de las configuraciones como están y pulsa DE ACUERDO. Repite lo mismo con el sésamo negro..

Paso 2

Tomar el Herramienta de lápiz (N) y dibujar un camino al azar sobre el "Bagel-Top"Y acaricie con la Pincel de dispersión de sésamo guardado anteriormente. los Peso del trazo se establece en 1 pt Pero el color del trazo no es importante. Abre el Opciones de trazo ventana de la Apariencia Panel y cambiar la configuración para dispersar las semillas tanto como sea posible. Juega con los ajustes hasta que te guste el resultado final..

Paso 3

Con la ruta aún seleccionada, presione Añadir nuevo trazo en el Apariencia panel. Usa el mismo Pincel de dispersión de sésamo pero abre el Opciones de trazo Ventana y elegir diferentes configuraciones. Esto agregará más semillas de sésamo en el bagel..

Etapa 4

Vamos a añadir unas pocas semillas de sésamo negro. En el Apariencia panel, pulse Añadir nuevo trazo y esta vez usa el Pincel de dispersión de sésamo negro que guardaste antes Abre el Opciones de trazo Ventana y jugar con la configuración..

Paso 5

Con la ruta aún seleccionada, elija expandir apariencia desde el Objeto menú. Como resultado, los tres golpes se convertirán en tres grupos de semillas. Haga doble clic en una de las semillas unas cuantas veces para ingresar al Modo de aislamiento hasta que pueda seleccionar las semillas individuales y eliminar las que pasan por el borde del panecillo. 

Cuando hayas terminado, sal Modo de aislamiento presionando el Atrás un nivel Flecha en la esquina superior izquierda de tu Artboard.

Paso 6

A continuación, seleccione todo el grupo de semillas de sésamo y vaya a Efecto> Stylize> Drop Shadow. Aplica los ajustes de la imagen de abajo y pulsa DE ACUERDO.

9. Agrega Shadow Under the Bagel Sandwich

Paso 1

Seleccione la ruta compuesta que hizo anteriormente en el tutorial utilizando todos los ingredientes del sándwich, y luego Dupdo y Pegar en lugar (Shift-Control-V). Envía la nueva copia detrás de todo yendo a Objeto> Organizar> Enviar hacia atrás (Shift-Control- [) (1). 

Ahora, seleccione "fondo de bagel" y entonces Dupdo y Pegar en la parte posterior (Control-B) (2). Mientras se seleccionan estas dos copias, presione Unir en el Pionero Panel para obtener una nueva ruta compuesta (3).

Paso 2

Seleccione “bagel-top" y entonces Dupdo y Pegar en lugar (Shift-Control-V). Envía la nueva copia detrás de todo yendo a Objeto> Organizar> Enviar hacia atrás (Shift-Control- [) (1). Ahora, seleccione la ruta compuesta del paso anterior junto con la copia de "bagel-top"Y presione Unir en el Pionero panel de nuevo (3).

Paso 3

La forma ya está lista. Seleccione negro como el color de relleno y luego vaya a Efecto> Stylize> Drop Shadow. Aplique este efecto dos veces usando la configuración que se muestra a continuación. En el Apariencia panel, establecer el Opacidad para el relleno negro a 0%.

Etapa 4

Dibuje un rectángulo en una nueva capa detrás del panecillo y use el degradado radial que se muestra para rellenar para crear el fondo (1). Por supuesto, puedes agregar otro fondo si lo prefieres..

Utilizar el Herramienta Elipse (L) dibujar un nuevo 57 x 57 px Círculo y colóquelo en el centro del panecillo. Envía el círculo detrás de todo yendo a Objeto> Organizar> Enviar hacia atrás (Shift-Control- [). Seleccione negro como color de relleno y ajústelo a Superposición de modo de fusión (2). Esto oscurecerá un poco más el área en el centro del panecillo (3).

¡Felicidades! Estas hecho

El icono de sándwich bagel está completo. Espero que esto haya sido divertido para ti, y no olvides compartir una imagen con nosotros. Me encantaría ver tus re-creaciones. Además, avíseme si desea más tutoriales relacionados con alimentos en el futuro.. 

Tienes hambre ahora?