Faites une boisson énergisante Vector élégante et rafraîchissante

Prenez vos compétences au niveau supérieur avec ce tutoriel sur la création d'un objet volumineux et brillant. Nous verrons comment utiliser divers outils, tels que le filet de dégradé et les effets 3D, pour créer une illustration plus réaliste. Commençons bien!

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe Illustrator
  • Version: CS3
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 1,5 heure

Étape 1

Utilisation de l'outil Rectangle (M) pour dessiner un rectangle similaire à celui ci-dessous.

Étape 2

Dessine un autre rectangle beaucoup plus court. Cette forme sera la partie supérieure de la boîte qui se rétrécit vers l'intérieur.

Étape 3

Utilisez l'outil de sélection directe (A) pour déplacer légèrement les deux points supérieurs vers l'intérieur..

Étape 4

À l’aide de l’outil Ellipse (L), tracez un ovale de la largeur de la boîte. Assurez-vous de ne pas le rendre trop grand. Plus vous faites l'ovale grand, plus la boîte de conserve semble avoir de la perspective.

Étape 5

Utilisez l'outil Rectangle pour dessiner un autre rectangle court qui sera la lèvre du haut de la boîte..

Étape 6

Donnez facilement à la forme une courbe en allant dans Objet> Distorsion d’enveloppe> Faire avec Warp. Sélectionnez Arch dans le menu déroulant et courbez-le d'environ 12%..

Étape 7

Une fois que vous appliquez le filtre de chaîne à la forme, vous devrez le développer avant de pouvoir passer à l'étape suivante. Allez à Objet> Développer, puis sélectionnez OK dans la boîte de dialogue qui s'ouvre..

À l’aide de l’outil Plume (P), dessinez une forme semblable à celle rouge (illustrée ci-dessous) qui recouvre le coin supérieur de la forme rectangulaire. Sélectionnez la forme rouge et le rectangle gris puis, dans Pathfinder, sélectionnez Soustraire de la zone de forme, puis cliquez sur Développer..

Étape 8

C'est la forme qui vous restera. Les coins arrondis contribuent au réalisme général de l'illustration finale.

Étape 9

Copiez et collez une copie de la forme, puis retournez-la pour former la moitié arrière du bord..

Étape 10

Utilisez l'outil Plume pour dessiner une forme comme indiqué ci-dessous. Pour vous assurer que cette forme est parfaitement symétrique, vous pouvez dessiner la moitié de la forme, puis copier-la et la coller afin que l'autre moitié corresponde..

Étape 11

Créez une autre forme, comme la dernière, légèrement plus petite. Vous pouvez également simplement copier la forme ci-dessus et la réduire.

Étape 12

Voici à quoi devrait ressembler votre oeuvre d'art maintenant.

Étape 13

Pour créer la forme royale utilisée dans le logo, utilisez l’outil Plume pour dessiner le premier quadrant. Jouez avec des courbes et des points aléatoires pour créer quelque chose de tout à fait unique!

Étape 14

Copier et coller ou utiliser l'outil Reflect (O) pour dupliquer le premier quadrant.

Étape 15

Répétez la dernière étape pour faire la moitié inférieure.

Étape 16

Sélectionnez les quatre quadrants et cliquez sur Ajouter à la zone de forme, puis sur Développer..

Étape 17

Ensuite, je vais ajouter un peu de texture à la boîte en utilisant une police ornée comme illustration. J'ai utilisé un "X" de la police de caractères Extra Ornamental No 2.

Étape 18

Transformez la police en contours en le sélectionnant et en sélectionnant Type> Créer des contours. Ajustez également la transparence dans la palette de transparence en fonction de vos préférences..

Étape 19

J'ai utilisé une police appelée Verve pour le mot Onyx et Energy Tea. Cette police a été achetée chez Veer. Après cela, ajoutez quelques détails au fond de la boîte pour lui donner un peu plus d’intérêt..

Étape 20

Le design que j'ai conçu pour la boîte de conserve n'a pas nécessairement besoin de distorsion sur les bords pour donner l'impression qu'il enveloppe le bord. Si c'est également le cas avec votre conception, passez à l'étape 24.

Si votre graphique doit envelopper la boîte de manière plus drastique, faites-le d'abord glisser dans la palette des symboles. Sélectionnez "Graphique" dans la boîte de dialogue qui s'ouvre et cliquez sur OK..

Étape 21

Dessine un autre rectangle de la largeur de la boîte.

Étape 22

Avec uniquement le rectangle sélectionné, sélectionnez Effet> 3D> Révolution. Entrez "0" pour les rotations X, Y et Z. Pour les étapes de mélange, entrez 1, puis sélectionnez Art de la carte…

Étape 23

Tout d'abord, sélectionnez la 3ème surface. Sélectionnez ensuite le symbole en bas de la liste (il s’agit du graphique que vous avez fait glisser dans votre palette de symboles et qui deviendra l’étiquette de la canette.) Enfin, placez le symbole du côté droit de la zone de placement. Ajustez la taille si nécessaire et cliquez OK.

L'effet résultant produira le graphique dans la deuxième image ci-dessous. Pour continuer à travailler avec l’étiquette, je vous recommande d’aller dans Objet> Développer, puis de dissocier les formes pour ne conserver que l’étiquette et non la forme rectangle qui la recouvre. Votre graphique ressemblera à la troisième image. Vous pouvez utiliser l'outil de sélection directe pour supprimer les rectangles en arrière-plan..

Étape 24

Sur un calque séparé, tracez un rectangle et attribuez-lui un dégradé radial noir à gris (G.)

Étape 25

Appliquez un dégradé linéaire sur l'étiquette pour lui donner un aspect réfléchissant.

Étape 26

Faire des faits saillants crédibles sur la boîte est facile. Commencez par dessiner un rectangle sur la boîte de conserve où vous souhaitez voir le reflet. Vous voudrez peut-être dupliquer les formes de base qui composent la boîte et utiliser Pathfinder pour vous assurer que la forme de votre réflexion correspond exactement à celle de la boîte..

Appliquez un dégradé linéaire du noir au blanc. Définissez le mode Transparence sur Écran. Remarque: assurez-vous que vos couleurs noir et blanc sont constituées des valeurs R, V et B plutôt que du noir. L'utilisation des couleurs R, V et B donne une couleur plus intense. Si votre dégradé ne passe pas complètement au noir foncé, cela signifie que vous n'utilisez pas de noir RVB. Pour obtenir le noir le plus foncé, définissez les curseurs sur 0.

Étape 27

Appliquez quelques réflexions supplémentaires, mais n'allez pas trop loin ou cela paraîtra irréaliste.

Étape 28

Les réflexions sur la partie supérieure de la canette doivent être légèrement obliques car la partie supérieure de la canette est effilée vers l’intérieur..

Étape 29

Donnez un dégradé linéaire et vertical à un autre rectangle plus petit. Nous allons créer une réflexion moins dure en sélectionnant le rectangle et en allant dans Effet> Flou> Flou gaussien. Entrez un montant qui vous convient et cliquez sur OK..

Étape 30

Pour augmenter le réalisme de l’illustration, ajoutez un peu plus de détails au bord supérieur. Utilisez l'outil de maillage de dégradé et ajoutez des points de maillage à la forme. Pour utiliser pleinement le maillage dégradé, il est essentiel de ne pas placer les points de maillage de manière arbitraire. Pensez à l'endroit où vous voulez mettre en évidence avant de commencer à placer des points.

Lorsque deux points sont placés l'un à côté de l'autre, cela fonctionne bien pour créer une transition rapide d'une couleur à une autre. En ce qui concerne les réflexions, une couleur claire est généralement adjacente à un gris plus foncé. Par conséquent, lorsque les points de maillage vont de gauche à droite, je veille à ce qu'il y ait suffisamment de points de maillage horizontaux pour permettre à la jante de passer du blanc au gris, puis au gris plus foncé. au blanc, par exemple. Verticalement, je sais que le bord supérieur sera plus clair et que juste en dessous du bord supérieur sera plus sombre, je placerai une rangée de points de maillage juste en dessous du bord supérieur.

Étape 31

Utilisez l'outil de sélection directe (A), sélectionnez quelques points du maillage et modifiez leur couleur. Vous pouvez faire glisser une sélection de points de maillage avec l'outil de sélection directe pour sélectionner plusieurs points à la fois.!

Étape 32

Notez que le bord gauche de la jante est plus clair et que le point suivant est plus sombre..

Étape 33

Observez comment le bord inférieur est clair, puis la zone centrale passe au gris et le bord supérieur redevient légèrement plus clair. Donne à la bordure arrière un dégradé de gris clair à gris foncé.

Étape 34

Répétez cette procédure pour le bord inférieur de la boîte. Pour donner aux mots du bord inférieur un aspect plié, sélectionnez-les et accédez à Objet> Distorsion de l'enveloppe> Créer avec le Warp. Je recommanderais d'utiliser le style Arch pour obtenir une courbe subtile.

Étape 35

Nous allons donner un halo à la boîte en utilisant les formes ci-dessous comme point de départ. Dupliquez les formes qui composent la canette et cliquez sur Ajouter à la zone de forme, puis sur Développer, dans le navigateur.

Étape 36

C’est la forme qui vous restera.

Étape 37

Déplacez la forme derrière la canette et allez à Effet> Styliser> Lueur externe. Entrez les valeurs qui vous conviennent et cliquez sur OK.

Image finale

Voici l'illustration finale. Vous venez d'apprendre à créer un objet vectoriel volumineux et brillant!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.