1. Design & Illustration
  2. Drawing/Illustration
  3. Vectors

Cómo Dibujar una Hamburguesa y un Hot Dog en Adobe Illustrator

En éste tutorial, ¡aprenderás cómo utilizar la Herramienta Malla en Adobe Illustrator para crear un hot dog y una hamburguesa!
Scroll to top

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En éste tutorial, ¡aprenderás cómo utilizar la Herramienta Malla en Adobe Illustrator para crear un hot dog y una hamburguesa!

Si quieres saltarte el tutorial y solo utilizar éstos elementos en tu trabajo, ¡puedes comprar el Hot Dog y la Hamburguesa de GraphicRiver!

Hot DogHot DogHot Dog
el Hot Dog
HamburgerHamburgerHamburger
la Hamburguesa

1. Cómo Crear una Malla de Hot Dog

Paso 1

Comencemos dibujando el bollo superior con la Malla de Degradado.

Crea un rectángulo naranja-el color es #CF682.

A continuación, toma la Herramienta Malla (U), crea nodos, que a su vez crean unas Líneas de Malla. Cuando tienes cuatro filas y cuatro columnas de malla, toma los bordes del rectángulo y muévelos para hacer la forma más redonda. Debería parecer la parte superior de un bollo.

Una vez que termines con la forma, selecciona las dos filas inferiores de nodos y coloréalas de #F5CD99.

Finalmente, colorea las dos filas superiores de nodos con #A3320E.

begin drawing the bun with meshbegin drawing the bun with meshbegin drawing the bun with mesh

Paso 2

Finaliza dibujando la mitad superior visible del bollo del hot dog al colocar mas nodos de Malla y coloreándolos como se observa en la captura de pantalla de abajo.

Siempre busca los nodos que están seleccionados en cada paso y coloréalos con el código hexadecimal que está presente debajo de cada imagen.

Necesitarás éstos colores:

  1. #E19843
  2. #F0AF4B
  3. #F6D4AF
  4. #DB9559
draw top mesh bundraw top mesh bundraw top mesh bun

Paso 3

Comienza a dibujar la parte inferior del bollo. Sigue la captura de pantalla, como en los pasos anteriores.

  1. #CF6822
  2. -
  3. #A0330F
  4. #EDC089
draw mesh bundraw mesh bundraw mesh bun

Paso 4

Finaliza coloreando el bollo.

  1. #F3BE5E
  2. #F9E3C0
  3. #E2A36A
  4. #8F2609
create bottom buncreate bottom buncreate bottom bun

Paso 5

Comienza a dibujar la salchicha de la misma manera.

  1. #C94D21
  2. -
  3. #89190C
  4. #F9ECE8
color mesh sausagecolor mesh sausagecolor mesh sausage

Paso 6

Agrega unos cuantos toques más.

  1. #D37550
  2. #6D0800
color sausagecolor sausagecolor sausage

Paso 7

Cambia algunos colores en el extremo derecho de la salchicha.

  1. #A0321A
  2. #881E0E
finish sausage tipfinish sausage tipfinish sausage tip

Paso 8

Colorea algunos nodos con #BD4E31

Luego, modifica los nodos de los extremos derecho e izquierdo de la salchicha como se indica abajo.

finish sausagefinish sausagefinish sausage

Paso 9

¡Dibujemos la mostaza!

  1. #FBD020
  2. #D6560A
draw mustarddraw mustarddraw mustard

Paso 10

Para hacerlo ondulado, crea algunos nodos de Malla adicionales. Luego, selecciona cada dos columnas, alternándolas, y presiona la tecla Abajo un par de veces, moviendo los nodos hacia abajo.

Repite hasta que la imagen parezca una franja ondulada de mostaza.

change mustard shapechange mustard shapechange mustard shape

Paso 11

Modifica la forma y los colores un poco más.

  1. #D98911
  2. #FFFFFF
mustardmustardmustard

Paso 12

Ahora necesitamos algunas sombras. Dibuja dos formas y rellénalas de #5B1B0C y #C94D21, como se indica abajo.

Coloca la forma más pequeña dentro de la más grande.

make shapes for blendmake shapes for blendmake shapes for blend

Paso 13

Cambia la Opacidad de la forma grande a 0%.

change opacitychange opacitychange opacity

Paso 14

A continuación, selecciona ambos objetos y ve a Objeto > Fusión > Opciones de Fusión. Establece el modo en Pasos Especificados con una cantidad de 30. Objeto > Fusión > Crear para crear la sombra.

make blendmake blendmake blend

Paso 15

Crea una copia más delgada de la Fusión. Cambia la Transparencia de ambos objetos a Multiplicar.

create copycreate copycreate copy

Paso 16

Coloca las sombras debajo de ambos bollos.

place shadowsplace shadowsplace shadows

Paso 17

Agrega la salchicha atrás y la franja de mostaza encima.

add sausageadd sausageadd sausage

Paso 18

¡Dibujemos otra sombra! Usa #5B1B0C y #FFFFFF.

circles for shadowcircles for shadowcircles for shadow

Paso 19

Crea otra Fusión como lo hicimos en los Pasos 13-14.

make blendmake blendmake blend

Paso 20

¡Coloca la sombra debajo del hot dog!

place shadowplace shadowplace shadow

2. Cómo Crear una Textura

Paso 1

En ésta sección opcional, crearemos una textura para la carne en nuestra hamburguesa.

Puedes elegir saltarte éste, pero si no, dirígete a mi tutorial de otoño y completa los Pasos 13-14 en la primera sección.

Selecciona y aisla únicamente el conjunto indicado de rutas, como se indica en la captura de pantalla de abajo.

isolate textureisolate textureisolate texture

Paso 2

Clona ésta parte particuar hasta que crees una línea lo suficientemente larga.

clone textureclone textureclone texture

Paso 3

Agrupa (Control-G) éstos elementos, y luego cambia su Transparencia a Superponer y Opacidad a 50%.

change opacitychange opacitychange opacity

3. Cómo Dibujar la Hamburguesa

Paso 1

Comienza a dibujar el bollo superior con la Malla, tal como lo hicimos con el hot dog.

  1. #FDC8D
  2. #933800
  3. #D8883B
start top mesh bunstart top mesh bunstart top mesh bun

Paso 2

Continua coloreando.

  1. #BC681E
  2. #FFF1C6
  3. #FFBF6A
top buntop buntop bun

Paso 3

Agrega algunos toques finales más.

  1. #FFCC82
  2. #7E2403
  3. #E1C5B2
finish bun meshfinish bun meshfinish bun mesh

Paso 4

Modifica los nodos en el borde inferior para dar al bollo una apariencia más realista.

modify bunmodify bunmodify bun

Paso 5

Dibuja otra sombra de la Fusión, como lo hicimos antes en los Pasos 12-14 de la sección previa.

  • #5B1D07
  • #AA4B0B
make blendmake blendmake blend

Paso 6

Coloca la sombra debajo del bollo.

place shadowplace shadowplace shadow

Paso 7

Dibuja el primer pedazo de queso.

  1. -
  2. #FFE885
  3. #CB7B0E
  4. #CC7D10
  5. #FCC94E
draw mesh cheesedraw mesh cheesedraw mesh cheese

Paso 8

Finaliza el queso.

  1. #FFFBEC
  2. #FEF1B4
  3. #CF7F12
  4. #520300
finish melted cheesefinish melted cheesefinish melted cheese

Paso 9

Dibuja el pepino.

  1. #437000
  2. #8EA456
  3. #567902
draw cucumberdraw cucumberdraw cucumber

Paso 10

Finaliza la verdura.

  1. #8BA152
  2. #2C4500
  3. #365900
draw cucumberdraw cucumberdraw cucumber

Paso 11

Crea dos copias de la Malla lado a lado. Luego, dibuja una elipse verde representando la parte superior de cada pepino.

finish cucumbersfinish cucumbersfinish cucumbers

Paso 12

Coloca los ingredientes debajo del bollo.

add elements to the burgeradd elements to the burgeradd elements to the burger

Paso 13

Dibuja el tomate.

  1. #D10C07
  2. #FD6853
  3. #690100
mesh tomatomesh tomatomesh tomato

Paso 14

Finaliza el tomate.

  1. #3A0000
  2. #FFFFFF
  3. #B90100
draw tomatodraw tomatodraw tomato

Paso 15

Agrega un #A51500 arriba del tomate.

finish tomatofinish tomatofinish tomato

Paso 16

Comienza el segundo pedazo del queso.

  1. #FFE36C
  2. #E59000
  3. #A42B08
draw mesh cheesedraw mesh cheesedraw mesh cheese

Paso 17

Colorea el queso.

  1. #913B00
  2. #FFFFFF
  3. #FFF49B
draw cheesedraw cheesedraw cheese

Paso 18

Dibuja la carne.

  1. #874115
  2. #340902
  3. #A6591D
draw meat with meshdraw meat with meshdraw meat with mesh

Paso 19

Finaliza la carne.

  1. #FFE36C
  2. #E59000
  3. #A42B08
finish drawing meatfinish drawing meatfinish drawing meat

Paso 20

Si hiciste la textura antes, aplícala a la carne.

add texture to meatadd texture to meatadd texture to meat

Paso 21

Dibuja la cebolla.

  1. #FAF5C8
  2. #3D1506
  3. #FFFFF2
  4. #E9E1AC
  5. #E3CC98
draw oniondraw oniondraw onion

Paso 22

Agrega los ingredientes a la hamburguesa.

add elements of burgeradd elements of burgeradd elements of burger

Paso 23

Finalmente, dibuja el bollo de abajo.

  1. #FBCE73
  2. #EB9626
  3. #A75C1D
  4. #A0780D
draw bottom bun with meshdraw bottom bun with meshdraw bottom bun with mesh

Paso 24

Finaliza el bollo.

  1. #945D1B
  2. #F9DC9B
  3. #EB982A
  4. #B5681B
draw bundraw bundraw bun

Paso 25

Dibuja las semillas para el bollo.

  1. #ECB369
  2. -
  3. #FBEDAC
  4. #FAC781
draw seeds with meshdraw seeds with meshdraw seeds with mesh

Paso 26

Finaliza dibujando las semillas.

  1. #FDE5A1
  2. #D89748
  3. #C4711E
  4. #E5A75B
draw seedsdraw seedsdraw seeds

Paso 27

Agrega semillas arriba de la hamburguesa.

add seedsadd seedsadd seeds

Paso 28

¡Toma la sombra que creamos para el hot dog y colócala debajo de la hamburguesa!

add shadowadd shadowadd shadow

¡Fabuloso Trabajo, Ahora Terminaste!

Gracias por seguir, y publica tu resultado en los comentarios con toda confianza. ¡Estaré ansioso de verlo!

En éste tutorial, aprendiste cómo crear un par de elementos de comida rápida usando la Herramienta Malla.

Espero que hayas disfrutado éste tutorial y aprendido a usar algunas herramientas útiles para el futuro! Consulta algunos de mis otros tutoriales sobre vectores en mi perfil de instructor.

Puedes comprar éstos elementos (Hot Dog, Hamburguesa) así como otros diseños similares en mi portafolio en GraphicRiver.

HamburgerHamburgerHamburger
Hamburguesa
Hot DogHot DogHot Dog
Hot Dog