Créer une illustration de machine Candy Gumball dans Adobe Illustrator

Ce que vous allez créer

Le look et la simplicité d'une machine à gommes sont omniprésents dans sa conception. Il ne fait aucun doute que vous avez grandi autour d'eux dans les magasins, les restaurants ou les centres commerciaux. Bien que les machines de type globe aient tendance à être les plus emblématiques, nous allons nous concentrer sur la conception en forme de boîte qui est souvent considérée comme contenant plus que des gumballs. Feu Adobe Illustrator CC et passons à cela!

1. Configurer la base de la machine

Étape 1

Créer un Nouveau document. Le mien a des dimensions de 6.67 "x 7.75", cependant, tout ce qui est dans ce stade devrait constituer un espace suffisant pour votre conception. Commençons par la base de la machine à gommes:

1. Utilisez le Outil Rectangle (M) dessiner un rectangle qui couvre 2/3 de la largeur de la planche. Tirer le Coins vivants légèrement vers l'intérieur pour arrondir les coins du rectangle. Si vous n'utilisez pas Illustrateur CC, Utilisez le Outil Rectangle Arrondi avec quelques essais et erreurs pour obtenir le rayon que vous voulez.
2. Avec le Outil de sélection directe (A), déplacez les points d'ancrage du coin inférieur gauche pour que l'espace entre eux soit allongé à droite.
3. Déplacez le chemin du côté gauche du rectangle arrondi de manière à ce qu’il soit incliné vers l’intérieur, vers la droite.
4. Finalement, ramenez un peu l’ancre de coin vers le haut pour que la courbe se soulève à son extrémité (voir le coin en haut à gauche du trapèze).

Étape 2

1. Tracez un rectangle vertical avec le Outil Rectangle chevauchement de la moitié du trapèze. 
2. Sélectionner les deux formes et frappé Minus Front dans le Éclaireur panneau. Développer la forme sous Objet.
3. Copier (Control-C) et Coller (Contrôle-V) la forme nouvellement coupée et Réfléchir sur un Axe vertical. Aligner les deux formes et Unir les dans Éclaireur.
4. Changer la Remplir couleur à brillant rouge.

2. Rendre la base

Étape 1

Cette machine à gommes a besoin d'une base brillante et très brillante (très brillante) pour contenir des pièces de monnaie, etc..

Trois formes de dégradé ont été dessinées ci-dessous avec le Outil stylo (P). La première et la plus grande des formes recouvre le côté inférieur droit de la base de la machine. Une fois dessiné avec le Outil stylo, Utilisez le Outil de dégradé (G) pour appliquer Gradient linéaire ça va de Rouge foncé à rouge. Concentrez la couleur plus foncée du dégradé dans le coin inférieur droit. Le faire dans le Pente panneau.

Tracez délicatement deux formes de chaque côté de la base pour projeter des ombres de chaque côté de la machine à gommes.

Étape 2

La troisième et dernière forme d’ombre sur la partie rouge de la base en gomme est incurvée autour du côté inférieur gauche de la base de la machine et contient un Gradient linéaire venir de Rouge foncé à 100% d'opacité à rouge à 0% d'opacité. Concentrez la couleur la plus sombre vers le bas de la base de la machine.

Étape 3

Des lignes au trait supplémentaires seront placées sur la majorité des formes de la machine à gommes. Commençons à le faire maintenant:

1. Copie et Coller le trapèze dessiné Section 1, étape 2 et mettre le Remplir couleur à Nul et la couleur de trait à Noir. dans le Accident vasculaire cérébral panneau, définir les deux Casquette et Coin à Arrondi et le coup Poids à 2 pt.
2. Avec le Outil stylo, dessinez une longue forme rectangulaire sur le dessus de la base de la machine qui se courbe sur les côtés. Cette forme tiendra le récipient en verre qui tient les gumballs. Dessinez une seconde forme sous la première (sélectionnée ci-dessous) qui se courbe légèrement au milieu.
3. Enfin, dessinez une forme rectangulaire incurvée au bas de la machine à gommes. J'ai trouvé le plus facile de tracer le bord inférieur et les côtés du trapèze avant de tracer la courbe supérieure de la forme. Ajustez les courbes avec le Outil de sélection directe.

Étape 4

Sélectionner les quatre formes dessinées dans la forme précédente, Groupe (Control-G) ensemble et définissez le Mode de fusion à Lumière douce dans le Transparence panneau. Copie et Coller le groupe, définissez le Mode de fusion à Ordinaire, Accident vasculaire cérébral couleur à Nul, et Remplir couleur àNoir. Placez le nouveau groupe sous son homologue dans le Couches panneau.

3. Rendre le métal noir brillant

Étape 1

Sélectionner la forme noire en bas avec le Outil de sélection directe et appliquer un Gradient linéaire venir de Noir à Gris foncé à Noir à Gris foncé à Noir (voir ci-dessous). Dessinez deux rectangles sur les formes noires supérieures avec Gradients Linéaires venir de Gris clair à 0% d'opacité à 100% d'opacité à 0% d'opacité.

Étape 2

Concentrons-nous sur le dessus de la base de la machine. Copie et Coller les deux formes noires et appliquez le même dégradé noir et gris foncé de l'étape précédente. Réduire leur Opacité à 46% dans le Transparence panneau.

Étape 3

Cette étape nécessite cinq rectangles au total dessinés avec le Outil Rectangle. Deux sur chaque forme noire (voir ci-dessous) qui va de Gris clair à 0% d'opacité à 100% d'opacité à 0% d'opacité. Notez que les dégradés sont les plus clairs et les plus brillants dans le même espace de chaque côté du dessin.

Dessinez un mince rectangle horizontal en haut de la deuxième forme noire (dernière image ci-dessous) contenant un Gradient linéaire ça va de grayon à 0% Opacité à White à 100% d'opacité à grayon (0%) àWhite (100%) à Gris (0%).

Groupe réunissez les formes dessinées dans cette étape et placez-les sous les lignes tracées de Section 2, étape 3.

Étape 4

Tracez deux autres rectangles horizontaux plus fins sous le dernier tracé de l'étape précédente et placez-les comme indiqué ci-dessous. Pour le dégradé sur la base rouge (image finale ci-dessous), utilisez le Light grayon à 0% d'opacité à 100% d'opacité à 0% d'opacité gradient avec son global Opacité réduit à 40%, ou alors, dans le Transparence panneau.

Étape 5

Pour le bas de la base de la machine à gommes, appliquez les mêmes dégradés des trois étapes précédentes pour obtenir quatre rectangles de dégradé supplémentaires (voir la progression ci-dessous).

Étape 6

La dernière étape du rendu de la base de la machine à gommes est constituée de quelques reflets brillants sur la partie rouge du motif. Dessinez deux rectangles verticaux (minces) sur le côté gauche de la base de la machine. Appliquer Gradients Linéaires à chacun allant de White à 100% d'opacité à 0% d'opacité à 90 ° angle. Diminuer Opacité de la deuxième forme de dégradé à 40% dans le Transparence panneau.

Dessinez deux rectangles supplémentaires, côte à côte, pour compléter les points saillants de la base. Les deux formes ont un Gradient linéaire venir de White à 0% d'opacité à 100% d'opacité à 0% d'opacité.

Étape 7

Ce n'est pas tellement une étape que c'est un point de progrès de ce que nous avons accompli dans cette section. Comparez les deux modèles au vôtre. Peut-être que vous avez juste assez de formes de rectangle dégradé brillantes, ou souhaitez ajouter plus. Groupe tout ensemble quand votre base de machine à gommes est terminée.

4. Le récipient en verre

Étape 1

Dessine un Rectangle arrondi et placez-le derrière le groupe de base de la machine dans le Couches panneau. Met le Fmauvais couleur à White.

En utilisant le Outil stylo, dessinez deux formes d'ombre qui suivent les bords latéraux de la boîte blanche et qui forment un angle vers le bas. Met le Gradient linéaire à noir à 100% Opacité à 0% d'opacité et un 90 ° angle. 

Copie et Coller la boîte blanche, définissez le Fmauvais couleur à Nul et le Accident vasculaire cérébral couleur à Noir. dans le Accident vasculaire cérébral panneau, réglez le poids à 2 pt et Casquette et Coin à Arrondi. Met le Mode de fusion à Lumière douce dans le Transparence panneau.

Étape 2

Pour le dessus du récipient en verre, nous devrons créer deux formes de base, puis les rendre.

1. Utilisez le Outil stylo dessiner un rectangle dont les côtés sont inclinés vers l’intérieur. Définissez la couleur de remplissage sur Noir. Alternativement, vous pouvez utiliser le Outil Rectangle et inclinez les points d'ancrage pour correspondre à l'image ci-dessous.
2. Pour le devant, utilisez le Outil stylo pour commencer au coin inférieur gauche du rectangle noir avec une ligne droite vers le bas et un coin légèrement incurvé à droite.
3. Je trouve le plus facile de tenir Décalage afin de tracer une ligne droite horizontale à droite.
4. Terminez la forme au centre de la vitrine. Les coins droits de la forme sont tous deux des angles de 90 °. Fermez la forme au point d'ancrage d'origine sur le côté gauche.
5. Copie, Coller et refléter la forme collée sur une Axe vertical. Aligner les formes ensemble et Unir eux dans le Éclaireur panneau.

Étape 3

Le processus pour rendre le dessus de la vitrine est à peu près le même que ce qui a été fait dans Section 3 de ce tutoriel. 

1. Met le Remplir couleur du devant à un Gradient linéaire ça va de Noir à Gris foncé à Noir à Gris foncé à Noir. 
2. Copie et Coller les deux formes et définir la Remplir couleur à Nul et le Accident vasculaire cérébral couleur à Noir, Poids à 2 pt, Casquette à Arrondi, Coin à Arrondi, et le Mode de fusion à Lumière douce.
3. Tracez un mince rectangle horizontal le long du bord supérieur de la forme avant. Met le Pente à blanc à 0% à 100% à 0% Opacité dans le Pente panneau.
4. Tracez deux rectangles sur le Gris foncé des portions de la forme avant avec le même blanc à blanc dégradé réalisé à l'étape précédente.
5. Dessinez deux petits rectangles minces près du bord supérieur avec le même dégradé afin de vraiment faire ressortir les faits saillants.. Groupe ensemble de tous les composants du couvercle de la machine à gommes.

Étape 4

Dessinez un rectangle fin et horizontal près du bas du conteneur en verre. Met le Remplir couleur au noir et le Opacité à 23% dans le Transparence panneau. Regrouper les formes de dégradé d'ombre. 

Étape 5

Toutes les conceptions à l'intérieur de la machine qui ne sont pas les gumballs elles-mêmes sont facultatives, car votre vitrine peut masquer complètement cette construction. Si cela sera montré, cependant, suivez les étapes ci-dessous.

1. Tracez un long rectangle vertical au centre de la vitrine avec un Gradient linéaire ça va de Gris foncé à Gris moyen à Gris foncé.
2. Sous cette forme, tracez deux identiques Gris foncé ellipses utilisant le Outil Ellipse (L).
3. Dessine un rectangle entre eux pour que leurs bords affleurent les côtés du rectangle.
4. Non plus Unir les trois formes dans le Éclaireur panneau, ou utilisez le Outil de création de forme (Maj-M) à Fusionner les formes.
5. Placez la nouvelle forme de cylindre aplati sous le long poteau rectangulaire dans le Couches panneau.

Étape 6

Pour rendre le cylindre, suivez les étapes ci-dessous:

• Apple a Gradient linéaire ça va de Gris foncé à Gris moyen à Gris foncé.
• Dessine un Gris clair ellipse et l'aligner sur le haut du cylindre.
• Appliquer un Gris clair à Gris moyen Gradient linéaire à l'ellipse.
• Copie et Coller le cylindre et l'ellipse, réglez le Remplir couleur à Nul et le Accident vasculaire cérébral couleur à Noir. dans le Accident vasculaire cérébral panneau, réglez le Casquette et coin à Arrondi, et le Poids à 2 pt. Groupe ensemble les composants du cylindre et placez-les sous le rectangle vertical dans le Couches panneau.

Étape 7

Encore une fois, il ne s’agit pas d’une étape si importante, mais bien d’un progrès pour savoir où nous en sommes. J'ai ajouté deux ellipses transparentes sous la base de la vitrine.

5. Créer les Gumballs

Étape 1

Nous allons commencer avec le "gumball" rouge vif au sommet de la machine. Ce sera la méthode de base pour chaque couleur de gumball dans la conception.

1. Dessine un rouge cercle avec le Outil Ellipse.
2. Copie et Coller le cercle deux fois et chevauchent les deux formes copiées comme vu ci-dessous.
3. Frappé Minus Front dans le Éclaireur panneau.
4. Aligner en bas à droite du cercle rouge. Appliquer un Gradient linéaire ça va de Rouge foncé à rouge avec la couleur plus foncée concentrée en bas à droite.

Étape 2

1. Coller le cercle à nouveau sur le cercle rouge. Met le Remplir couleur à Nul et le Accident vasculaire cérébral couleur à Noir. dans le Accident vasculaire cérébral panneau, réglez le Poids à 0.5pt.
2. Coller un cercle à nouveau. Cette fois le Accident vasculaire cérébral Poids sera 2pts et le Mode de fusion sera Lumière douce.
3. Tracez un petit cercle au centre de la boule de gomme rouge avec un Gradient linéaire ça va de rouge à 100% à 0% Opacité.
4. Tracez deux petits cercles blancs dans le coin supérieur gauche de la boule de gomme. Groupe les composants gumball ensemble. Placez la gomme en haut de la machine.

Étape 3

Afin de créer plusieurs couleurs, j’ai trouvé le plus facile de Copie et Coller gumballs multiples et changer la rouge et Rouge foncé de la gomme d'origine en allant à Édition> Éditer les couleurs > Recoloriser l'illustration. Cela vous permet de changer deux couleurs dans chaque gumball sans avoir à vous soucier de chaque dégradé.

Étape 4

J'ai choisi sept couleurs au total pour mes gumballs. Combien de couleurs que vous choisissez est entièrement à vous. Copie et Coller les boules de gomme autour de la vitrine afin de la remplir. Assurez-vous qu'il y a quelques niveaux de gumballs entassés à l'intérieur afin d'ajouter de la profondeur. Une fois satisfait du placement, Groupe les gumballs ensemble.

Utilisez le Outil stylo afin de dessiner des formes en surbrillance à travers la vitrine avec un Gradient linéaire ça va de Crème ou blanc à 0% à 100%.

6. Dessinez le plateau de bonbons

Étape 1

Le plateau stylisé et le mécanisme à pièces sont plutôt simples.

1. Dessine un rectangle arrondi dans Gris foncé.
2. Appliquer le même gris et Noir Gradient linéaire comme utilisé dans Section 3 de ce tutoriel.
3. Tracez un rectangle plus petit et plus arrondi dans Noir dans la moitié supérieure du premier rectangle arrondi.

Étape 2

1. Tracez un rectangle sur le plus petit rectangle arrondi.
2. Utilisez le Outil de création de forme sélectionner la moitié inférieure du rectangle arrondi. Effacer le reste du rectangle qui se chevauchent.
3. Appliquer un Linéaire Pente venir de Noir à gris à Noir à gris à Noir encore.
4. Copie et Coller les trois formes et changer la Remplir couleur à Null, accident vasculaire cérébral à Poids 2pt, Noir, et Coins arrondis et Casquettes. Met le Mode de fusion à Lumière douce dans le Transparence panneau.

Étape 3

1. Tracez un mince rectangle horizontal avec un Gradient linéaire ça va de blanc à 0% à 100% à 0% à 100% à 0% d'opacité.
2. Répétez sur le plateau lui-même.
3. Tracez un rectangle vertical fin avec un Gradient linéaire ça va de blanc à 0% à 100% à 0%.
4. Dessine un petit gris rectangle fixé à 50% Opacité dans le Transparence panneau.
5. Utilisez le Outil stylo dessiner une forme incurvée sur le fond du plateau à gommes. Met le Remplir couleur à Noir et Opacité à 50%.

Étape 4

Pour le mécanisme de rotation, vous allez répéter les mêmes étapes de rendu que celles utilisées dans cette section..

1. Tracez un rectangle arrondi dont la largeur correspond au plateau à gommes.
2. Appliquez le même noir métallique brillant Gradient linéaire utilisé précédemment. Copie et Coller le rectangle arrondi, définissez le Remplir couleur à Nulet Accident vasculaire cérébral à Noir, Poids 2pt, Coins arrondis et Casquettes, et Mode de fusion à Lumière douce.
3. Dessinez un petit rectangle arrondi noir au centre de l'autre forme.
4. Dessinez un deuxième rectangle arrondi, encore plus petit, auquel est appliqué le dégradé noir métallisé brillant..
5. Dessinez des rectangles minces avec des gradients de surbrillance le long du bord supérieur du mécanisme de rotation.
6. J'ai dessiné au total cinq formes de dégradé de surbrillance, principalement sur les côtés supérieur et gauche de chaque forme, comme pour les autres composants noirs métallisés de la conception de la machine à gommes.

7. Terminer la conception

Étape 1

Groupe ensemble vos composants de la machine à gommes. J'ai choisi un jaune vif et jaune moutarde comme couleur de fond. Dessinez un grand rectangle sur la planche et placez-le derrière la machine à gommes afin de créer l'arrière-plan..

Dessinez un rectangle arrondi plus petit de la même couleur et placez-le au-dessus du rectangle blanc dessiné Section 4, étape 1 pour donner à la vitrine un aspect transparent.

Étape 2

Copie et Coller la machine à gommes sans les composants internes, Développer toutes les formes sous Objet, et Unir eux dans le Éclaireur panneau. Met le Remplir couleur à Nul et Accident vasculaire cérébral à 2-4pt Poids, Casquette à Arrondi, Coin à Arrondi, et Mode de fusion à Lumière douce. Aligner avec la machine à gommes.

Excellent travail, vous avez terminé!

Le processus a été long, mais votre machine à gommes est prête à fonctionner! Quelles couleurs as-tu utilisées? Imaginez toute une flotte de distributeurs automatiques de couleur bonbon. Montrez-nous votre version de cette conception dans les commentaires ci-dessous!