Crear una ilustración de la máquina Candy Gumball en Adobe Illustrator

Lo que vas a crear

La apariencia y simplicidad de una máquina de gumball es ubicua en su diseño. No hay duda de que has crecido alrededor de ellos en tiendas, restaurantes o centros comerciales. Si bien las máquinas tipo globo tienden a ser las más icónicas, nos centraremos en el diseño tipo caja que a menudo se ve que alberga más que solo chicles. Quémalo Adobe Illustrator CC y vamos a ello!

1. Configure la base de la máquina

Paso 1

Crear un Nuevo documento. La mía tiene dimensiones de 6.67 "x 7.75", aunque cualquier cosa en ese estadio de béisbol debería ser un espacio amplio para su diseño. Empecemos por la base de la máquina gumball:

1. Utilizar el Herramienta Rectangular (M) dibujar un rectángulo que cubra 2/3 de la anchura de la mesa de trabajo. Jale la Esquinas vivas Hacia adentro ligeramente para redondear las esquinas del rectángulo. Si no estas usando Ilustrador cc, utilizar el Herramienta de rectángulo redondeado Con algunas pruebas y errores para obtener el radio que deseas..
2. Con el Herramienta de selección directa (A), mueva los puntos de anclaje de la esquina inferior izquierda para que el espacio entre los dos se alargue hacia la derecha.
3. Mueva el camino en el lado izquierdo del rectángulo redondeado de modo que quede en ángulo hacia adentro, hacia la derecha.
4. Finalmente, lleve los puntos de anclaje de la esquina hacia arriba un poco para que la curva se levante al final (vea la esquina superior izquierda del trapecio).

Paso 2

1. Dibuja un rectángulo vertical con la Herramienta rectangular Superposición de la mitad del trapecio. 
2. Seleccionar ambas formas y golpe Frente menos en el Pionero panel. Expandir la forma debajo Objeto.
3. Copiar (Control-C) y Pegar (Control-V) la forma recién cortada y Reflejar sobre un Eje vertical. Alinear las dos formas y Unir ellos en Pionero.
4. Cambiar el Llenar color a brillante rojo.

2. Renderizar la Base

Paso 1

Esta máquina de chicle necesita una base brillante y brillante (muy brillante) para sostener monedas y demás (aunque en el caso de esta ilustración, todos los chicles son gratis ya que me he negado a dibujar una ranura para monedas).

A continuación se dibujaron tres formas de degradado con la Herramienta Pluma (P). La primera y la más grande de las formas cubre el lado inferior derecho de la base de la máquina. Una vez dibujado con el Lapicera, utilizar el Herramienta de gradiente (G) con el fin de aplicar Gradiente lineal que va desde Rojo oscuro a rojo. Concentre el color más oscuro del degradado en la esquina inferior derecha. Hacerlo en el Gradiente panel.

Dibuje con cuidado dos formas a cada lado de la base para proyectar sombras a ambos lados de la máquina Gumball.

Paso 2

La tercera y última forma de sombra en la parte roja de la base de chicle está curvada alrededor del lado inferior izquierdo de la base de la máquina y contiene una Gradiente lineal ir desde Rojo oscuro a 100% de opacidad a rojo a 0% de opacidad. Concentre el color más oscuro hacia la parte inferior de la base de la máquina.

Paso 3

La mayoría de las formas de la máquina Gumball tendrán una línea de arte adicional sobre ellas. Vamos a empezar a hacerlo ahora:

1. Dupdo y Pegar el trapecio dibujado en Sección 1, Paso 2 y establecer el Llenar color para Nulo y el color del trazo para Negro. En el Carrera panel, establecer ambos Gorra y Esquina a Redondeado y el trazo Peso a 2 puntos.
2. Con el Lapicera, dibuje una forma larga y rectangular en la parte superior de la base de la máquina que se curva hacia arriba en los lados. Esta forma mantendrá el recipiente de vidrio que contiene los chicles. Dibuje una segunda forma debajo de la primera (seleccionada abajo) que se curva ligeramente en el medio.
3. Finalmente, dibuje una forma rectangular curvada en la parte inferior de la máquina gumball. Me resultó más fácil trazar el borde inferior y los lados del trapecio antes de dibujar la curva superior de la forma. Ajusta cualquier curva con la Herramienta de selección directa.

Etapa 4

Seleccionar Las cuatro formas dibujadas en la forma anterior., Grupo (Control-G) juntos, y establecer el Modo de fusión a Luz tenue en el Transparencia panel. Dupdo y Pegar el grupo, establece el Modo de fusión a Normal, Carrera color para Nulo, y Llenar color paraNegro. Coloque el nuevo grupo debajo de su contraparte en el Capas panel.

3. Render Metal Negro Brillante

Paso 1

Seleccionar la forma negra inferior con la Herramienta de selección directa y aplicar un Gradiente lineal ir desde Negro a Gris oscuro a Negro a Gris oscuro a Negro (vea abajo). Dibuja dos rectángulos en las formas negras superiores con Gradientes lineales ir desde Gris claro a 0% de opacidad a 100% de opacidad a 0% de opacidad.

Paso 2

Centrémonos en la parte superior de la base de la máquina.. Dupdo y Pegar las dos formas negras y aplique el mismo degradado negro y gris oscuro del paso anterior. Reducir su Opacidad a 46% en el Transparencia panel.

Paso 3

Este paso requiere cinco rectángulos en total dibujados con el Herramienta rectangular. Dos en cada forma negra (ver abajo) que va desde Gris claro a 0% de opacidad a 100% de opacidad a 0% de opacidad. Observe cómo los gradientes son más claros y brillantes a lo largo del mismo espacio a cada lado del diseño.

Dibuje un rectángulo delgado y horizontal en la parte superior de la segunda forma negra (última imagen a continuación) que contiene una Gradiente lineal que va desde solrayo a 0% Opacidad a White a 100% de opacidad a solrayo (0%) aWhite (100%) a Gris (0%).

Grupo junte las formas dibujadas en este paso y colóquelas debajo de las líneas trazadas desde Sección 2, Paso 3.

Etapa 4

Dibuje dos rectángulos horizontales más finos debajo del último dibujado en el paso anterior y colóquelos como se ve a continuación. Para resaltar el degradado en la base roja (imagen final a continuación), use el Light solrayo a 0% de opacidad a 100% de opacidad a 0% de opacidad gradiente con su en general Opacidad reducido a 40%, o así, en el Transparencia panel.

Paso 5

Para la parte inferior de la base de la máquina gumball, aplique los mismos gradientes de los tres pasos anteriores, lo que resulta en cuatro gradientes rectángulos adicionales (ver la progresión a continuación).

Paso 6

El último paso para renderizar la base de la máquina de gumball son unos pocos reflejos brillantes en la parte roja del diseño. Dibuje dos rectángulos verticales (delgados) en el lado izquierdo de la base de la máquina. Aplicar Gradientes lineales a cada uno que va desde White a 100% de opacidad a 0% de opacidad en un 90 ° ángulo. Reducir el Opacidad de la segunda forma de gradiente a 40% en el Transparencia panel.

Dibuje dos rectángulos adicionales, lado a lado, para completar los resaltes en la base. Ambas formas tienen una Gradiente lineal ir desde White a 0% de opacidad a 100% de opacidad a 0% de opacidad.

Paso 7

Esto no es tanto un paso como un punto de progreso de lo que hemos logrado en esta sección. Compara los dos diseños con los tuyos. Tal vez tengas suficientes formas de rectángulo degradado brillante, o deseas agregar más. Grupo todo junto cuando la base de su máquina de gumball está completa.

4. El recipiente de vidrio

Paso 1

Dibuja un Rectángulo redondeado y colóquelo detrás del grupo base de la máquina en el Capas panel. Selecciona el Fenfermo color para White.

Utilizando la Lapicera, dibuje dos formas de sombra que sigan los bordes laterales de la caja blanca y el ángulo hacia adentro en la parte inferior. Selecciona el Gradiente lineal a negro a 100% Opacidad a 0% de opacidad y un 90 ° ángulo. 

Dupdo y Pegar la caja blanca, establece el Fenfermo color para Nulo y el Carrera color para Negro. En el Carrera panel, establecer el peso a 2 puntos y Gorra y Esquina a Redondeado. Selecciona el Modo de fusión a Luz tenue en el Transparencia panel.

Paso 2

Para la parte superior del recipiente de vidrio, tendremos que crear dos formas de base y luego renderizarlas.

1. Utilizar el Lapicera para dibujar un rectángulo cuyos lados estén inclinados hacia dentro. Establezca el color de relleno en Negro. Alternativamente, puede utilizar el Herramienta rectangular e incline los puntos de anclaje para que coincidan con la imagen de abajo.
2. Para la pieza frontal, use la Lapicera para comenzar en la esquina inferior izquierda del rectángulo negro con una línea recta hacia abajo y una esquina ligeramente curva hacia la derecha.
3. Me resulta más fácil mantener presionado Cambio Para dibujar una línea recta horizontal a la derecha..
4. Termina la forma en el centro de la vitrina. Las esquinas derechas de la forma son ambos ángulos de 90 °. Cierre la forma en el punto de anclaje de origen en el lado izquierdo.
5. Dupdo, Pegar y reflejar la forma pegada sobre una Eje vertical. Alinear las formas juntas y Unir ellos en el Pionero panel.

Paso 3

El proceso para renderizar la parte superior de la caja de vidrio es muy similar al que se hizo en Seccion 3 de este tutorial. 

1. Selecciona el Llenar Color de la pieza frontal a una. Gradiente lineal que va desde Negro a Gris oscuro a Negro a Gris oscuro a Negro. 
2. Dupdo y Pegar ambas formas y establecer el Llenar color para Nulo y el Carrera color para Negro, Peso a 2 puntos, Gorra a Redondeado, Esquina a Redondeado, y el Modo de fusión a Luz tenue.
3. Dibuja un rectángulo delgado y horizontal a lo largo del borde superior de la forma frontal. Selecciona el Gradiente a Blanco a 0% a 100% a 0% Opacidad en el Gradiente panel.
4. Dibuja dos rectángulos sobre el Gris oscuro porciones de la forma frontal con la misma Blanco a Blanco gradiente hecho en el paso anterior.
5. Dibuje dos rectángulos pequeños y delgados cerca del borde superior con el mismo degradado de nuevo para que realmente resalten. Grupo juntos todos los componentes de la tapa de la máquina Gumball.

Etapa 4

Dibuje un rectángulo delgado y horizontal cerca del fondo del contenedor de "vidrio" en el diseño. Selecciona el Llenar color a negro y el Opacidad a 23% en el Transparencia panel. Agrupar las formas de degradado de sombra. 

Paso 5

Todos los diseños dentro de la máquina que no sean los propios chicles son opcionales, ya que su caja de vidrio puede ocultar completamente esta construcción. Sin embargo, si se mostrará, siga los pasos a continuación.

1. Dibuja un rectángulo largo y vertical en el centro de la caja de vidrio con una Gradiente lineal que va desde Gris oscuro a Gris medio a Gris oscuro.
2. Debajo de esta forma, dibuja dos idénticas Gris oscuro elipsis utilizando el Herramienta Elipse (L).
3. Dibuja un rectángulo entre ellos para que sus bordes estén al ras con los lados del rectángulo.
4. Ya sea Unir las tres formas en el Pionero panel, o utilice el Herramienta de construcción de forma (Shift-M) a Unir las formas.
5. Coloque la nueva forma de cilindro aplanado debajo del polo rectángulo largo en el Capas panel.

Paso 6

Para hacer el cilindro, siga los pasos a continuación:

• Manzana un Gradiente lineal que va desde Gris oscuro a Gris medio a Gris oscuro.
• Dibuja un Gris claro Elipse y alinéalo con la parte superior del cilindro..
• Aplicar un Gris claro a Gris medio Gradiente lineal a la elipse.
• Dupdo y Pegar El cilindro y la elipse, establecen el Llenar color para Nulo y el Carrera color para Negro. En el Carrera panel, establecer el Gorra y esquina a Redondeado, y el Peso a 2 puntos. Grupo juntar los componentes del cilindro y colocarlos debajo del rectángulo vertical en el Capas panel.

Paso 7

Una vez más, esto no es un gran paso, ya que es una imagen de progreso de donde estamos hasta ahora. Agregué dos elipses transparentes debajo de la base de la caja de vidrio.

5. Crea los chicles.

Paso 1

Comenzaremos con el "gumball" rojo brillante en la parte superior de la máquina. Este será el método básico para cada color de gumball en el diseño..

1. Dibuja un rojo círculo con el Herramienta elipse.
2. Dupdo y Pegar el círculo dos veces y se superponen las dos formas copiadas como se ve a continuación.
3. Golpear Frente menos en el Pionero panel.
4. Alinear a la parte inferior derecha del círculo rojo. Aplicar un Gradiente lineal que va desde Rojo oscuro a rojo Con el color más oscuro concentrado en la parte inferior derecha..

Paso 2

1. Pegar El círculo de nuevo sobre el círculo rojo. Selecciona el Llenar color para Nulo y el Carrera color para Negro. En el Carrera panel, establecer el Peso a 0.5pt.
2. Pegar un circulo de nuevo Esta vez el Carrera Peso estarán 2pts y el Modo de fusión estarán Luz tenue.
3. Dibuja un círculo más pequeño en el centro del chicle rojo con una Gradiente lineal que va desde rojo a 100% a 0% Opacidad.
4. Dibuja dos pequeños círculos blancos en la parte superior izquierda del gumball. Grupo Los componentes del gumball juntos. Coloque el chicle en la parte superior de la máquina.

Paso 3

Para crear múltiples colores, me resultó más fácil Dupdo y Pegar múltiples chicles y cambiar el rojo y Rojo oscuro del gumball original yendo a Editar> Editar colores > Recolor Obra. Esto le permite cambiar dos colores en cada gumball sin tener que molestarse con cada gradiente individual.

Etapa 4

Me decidí por siete colores en total para mis chicles. Cuantos colores elijas depende totalmente de ti. Dupdo y Pegar Los chicles alrededor de la caja de vidrio para llenarlo. Asegúrate de que haya algunos niveles de chicles apilados en su interior para agregar profundidad. Una vez satisfecho con la colocación, Grupo los chicles juntos.

Utilizar el Lapicera con el fin de dibujar formas de relieve a través de la caja de vidrio con una Gradiente lineal que va desde Crema o Blanco a 0% a 100%.

6. Dibuja la bandeja de dulces

Paso 1

La bandeja estilizada y el mecanismo de monedas son de diseño bastante simple..

1. Dibuja un rectángulo redondeado en Gris oscuro.
2. Aplicar el mismo gris y Negro Gradiente lineal como se usa en Seccion 3 de este tutorial.
3. Dibuja un rectángulo más pequeño, más severamente redondeado en Negro En la mitad superior del primer rectángulo redondeado..

Paso 2

1. Dibuja un rectángulo sobre el rectángulo redondeado más pequeño.
2. Utilizar el Herramienta de construcción de forma para seleccionar la mitad inferior del rectángulo redondeado. Borrar el resto del rectángulo superpuesto.
3. Aplicar un Lineal Gradiente ir desde Negro a gris a Negro a gris a Negro otra vez.
4. Dupdo y Pegar las tres formas y cambiar el Llenar color para Nulo, trazo a 2 puntos de peso, Negro, y Esquinas redondeadas y Tapas. Selecciona el Modo de mezcla a Luz tenue en el Transparencia panel.

Paso 3

1. Dibuja un rectángulo delgado y horizontal con una Gradiente lineal que va desde Blanco a 0% a 100% a 0% a 100% a 0% de opacidad.
2. Repetir en la propia bandeja..
3. Dibuja un rectángulo vertical delgado con una Gradiente lineal que va desde Blanco a 0% a 100% a 0%.
4. Dibujar un pequeño gris rectángulo establecido en 50% Opacidad en el Transparencia panel.
5. Utilizar el Lapicera para dibujar una forma curva en la parte inferior de la bandeja gumball. Selecciona el Llenar color para Negro y Opacidad a 50%.

Etapa 4

Para el mecanismo de giro, repetirá los mismos pasos de renderizado que se usaron en esta sección.

1. Dibuja un rectángulo redondeado cuyo ancho coincida con la bandeja de gumball.
2. Aplicar el mismo negro metalizado brillante. Gradiente lineal utilizado anteriormente. Dupdo y Pegar el rectángulo redondeado, establece el Llenar color para Nuloy Carrera a Negro, 2 puntos de peso, Esquinas redondeadas y Tapas, y Modo de mezcla a Luz tenue.
3. Dibuja un pequeño rectángulo redondeado negro en el centro de la otra forma.
4. Dibuje un segundo rectángulo redondeado aún más pequeño con el degradado negro metálico brillante aplicado.
5. Dibuje rectángulos finos con gradientes de resalte a lo largo del borde superior del mecanismo de giro.
6. Dibujé cinco formas de gradiente de resalte en total, principalmente en la parte superior e izquierda de cada forma, similar a lo que se ha hecho en los otros componentes negros metálicos del diseño de la máquina Gumball.

7. Termina el diseño.

Paso 1

Grupo juntos sus componentes de la máquina gumball. Elegí un color amarillo mostaza brillante para mi color de fondo. Dibuje un rectángulo grande sobre la mesa de trabajo y colóquelo detrás de la máquina Gumball para crear el fondo.

Dibuje un rectángulo redondeado más pequeño del mismo color y colóquelo sobre el rectángulo blanco dibujado en Sección 4, Paso 1 Para que la vitrina se vea transparente..

Paso 2

Dupdo y Pegar La máquina gumball sin los componentes internos., Expandir todas las formas bajo Objeto, y Unir ellos en el Pionero panel. Selecciona el Llenar color para Nulo y Carrera a 2-4pt Peso, Gorra a Redondeado, Esquina a Redondeado, y Modo de fusión a Luz tenue. Alinear con la máquina gumballera.

Gran trabajo, estás hecho!

Fue un proceso largo, ¡pero su máquina de gumball está lista para el negocio! ¿Qué colores usaste? Imagina toda una flota de máquinas expendedoras de dulces. Muéstrenos su versión de este diseño en los comentarios a continuación.!