Travailler avec des objets 3D et des transparents pour créer une conception de bouteille de cola de vecteur

VECTORTUTS a déjà traité les effets 3D d'Illustrator à quelques reprises. Vous devez donc vous familiariser avec les bases. Dans ce didacticiel, nous allons approfondir ces compétences et expliquer comment Illustrator gère la transparence dans les objets 3D. En quelques étapes seulement, vous avez créé une bouteille de cola en plastique, idéale pour les personnes impliquées dans le marketing produit..

Aperçu de l'image finale

C'est ce que nous cherchons à construire avec ce tutoriel.

Étape 1

Nous avons besoin de deux symboles pour mapper notre dernier objet 3D. une étiquette de bouteille et une texture pour le bouchon à vis. Faites le vôtre avec des proportions similaires à celles indiquées ci-dessous et utilisez les motifs de votre choix. Regroupez les composants d'étiquettes (Objets> Groupe) pour créer un groupe d'étiquettes et regroupez également les principaux composants de texture.

Une chose à garder à l'esprit est l'utilisation de gradients dans ces symboles. Illustrator pixellise les dégradés lors de l'application des symboles aux surfaces 3D. Ceci est correct et peut vous donner l’effet souhaité, mais vous limiterez ainsi l’évolutivité de votre objet final..

Étape 2

Ouvrez le panneau de symboles (Fenêtre> Symboles) et faites glisser chacun des deux groupes dans la fenêtre. En fonction de la version d'Illustrator que vous utilisez, la boîte de dialogue Options de symbole s'affiche automatiquement ou vous devez double-cliquer sur les symboles une fois qu'ils sont dans le panneau..

Dans les deux cas, entrez un nom pour chacun de vos deux symboles dans la boîte de dialogue Options de symbole, puis cliquez sur OK. Vous pouvez également trouver utile d'afficher le panneau Symboles sous forme de liste (comme le montre l'image ci-dessous), ce qui vous permet de voir les icônes de symboles ainsi que les noms qui leur sont attribués. Les occurrences existantes des symboles sur votre planche graphique peuvent maintenant être supprimées.

Étape 3

Je suis maintenant en mode Plan (Commande + Y pour basculer entre Aperçu et Plan) tout en travaillant avec des vecteurs simples, mais vous pouvez choisir le mode d'affichage que vous préférez..

Utilisez les différents outils de dessin pour créer les formes nécessaires à la silhouette d’un flacon de cola. Alignez-les tous de manière centralisée, mais ne vous inquiétez pas si tout n'est pas parfaitement symétrique, nous allons le couper au centre de toute façon. Il existe de nombreuses approches pour préparer les formes pour la rotation, ce qui vous donne une impression raisonnable de la forme finale avant l'application de l'effet 3D..

Étape 4

Utilisez les outils Pathfinder pour joindre les formes. Puis développez vos formes pour avoir un objet complet.

Étape 5

Tracez une ligne verticale au milieu de votre objet de bouteille. Ensuite, alignez les deux ensemble de manière centralisée. Cliquez maintenant sur l'outil Diviser de Pathfinder et développez le résultat. Votre objet aura été scindé proprement en deux.

Dissociez les deux moitiés (Objets> Dissocier) et supprimez l'une d'entre elles. Peu importe laquelle des deux moitiés vous supprimez; plus sur cela plus tard.

Étape 6

Nous allons continuer à diviser notre objet, cette fois avec une série de lignes horizontales. Ce que nous visons est une collection de pièces afin que chaque zone de la bouteille puisse avoir ses propres propriétés de couleur et de transparence..

Commencez avec une ligne pour séparer le haut de la bouteille du reste, puis une ligne sur laquelle commence l'étiquette et une autre pour le plastique situé sous l'étiquette. Continuez avec cette méthode jusqu'à ce que votre dessin corresponde à l'image ci-dessous.

Étape 7

Une fois encore, nous nous tournons vers nos outils Pathfinder. Vous n'avez pas besoin de regrouper les lignes horizontales, il suffit de sélectionner tout ce qui se trouve sur la page et de cliquer sur Diviser. Développez votre objet comme vous l'avez fait auparavant. Puis dissociez (Object> Ungroup) pour séparer les sections de votre bouteille.

Étape 8

Utilisez l'outil de sélection directe pour sélectionner quatre des nœuds situés le long du bord de votre objet (comme indiqué ci-dessous). Puis appuyez sur Supprimer pour les supprimer. Cela devrait vous laisser avec un vecteur segmenté définissant le bord extérieur de moitié de votre bouteille.

Étape 9

Si vous travaillez actuellement en mode Plan, passez en Aperçu (Commande + Y) pour pouvoir déterminer certaines couleurs. Attribuez une couleur à chacune des cinq sections de la bouteille et laissez la largeur de trait d'une valeur par défaut de 1 px (la largeur de trait déterminera efficacement l'épaisseur du plastique de votre bouteille, vous voudrez peut-être jouer avec cela)..

Étape 10

Sélectionnez toutes les sections de votre bouteille et regroupez-les (Objet> Groupe). C'est une étape simple mais cruciale du processus de rotation 3D. Nous voulons que toutes les sections soient traitées comme une seule unité et que les effets soient appliqués au groupe dans son ensemble. Sans les regrouper, l'effet de révolution serait appliqué à chaque section individuellement, créant cinq objets 3D aléatoires. Essayez par vous-même!

Étape 11

Sélectionnez vos vecteurs de bouteilles maintenant regroupés. Allez à Effet> 3D> Révolution et cliquez sur Aperçu dans la boîte de dialogue Options qui apparaît. Vous obtiendrez un rendu 3D révolutionnaire de votre vecteur, tourné à 360 ° par défaut sur le bord gauche.

Cela nous ramène à l'étape 5 lorsque j'ai mentionné "plus à ce sujet plus tard". Bien plus tard est ici maintenant. Lorsque j'ai scindé tout l'objet de la bouteille en deux moitiés, j'ai choisi de supprimer le côté droit, de me laisser avec le côté gauche. Si vous avez fait la même chose, votre bouteille aura rendu comme ci-dessous.

Vous devrez modifier les paramètres afin que l'objet soit tourné autour du côté droit, comme indiqué dans la deuxième image ci-dessous..

Étape 12

Dans la boîte de dialogue Options de révolution 3D, cliquez sur l’art cartographique, qui ouvre la boîte de dialogue Cartographie. Sélectionnez les surfaces dont vous avez besoin à l'aide des flèches de navigation de surface et mappez les symboles appropriés dans la liste déroulante des symboles. Il y aura beaucoup de surfaces à choisir avec un objet complexe comme celui-ci, alors il peut prendre un certain temps pour trouver celles que vous recherchez. C’est particulièrement vrai lorsqu’on fait pivoter un vecteur, à l'intérieur de votre objet peut également être mappé.

Cliquez sur Shade Artwork puis sur OK. Une fois de retour dans la boîte de dialogue Options 3D, jouez avec l'angle, la perspective et l'éclairage (sous Autres options) jusqu'à ce que vous soyez satisfait du résultat. Puis cliquez sur OK.

Étape 13

Nous avons maintenant une belle bouteille 3D avec une étiquette et un peu de texture de couvercle, mais le plastique et le cola sont opaques; nous devons résoudre le problème de la transparence (voici la partie la plus importante du tutoriel). Vous pouvez penser que vous pouvez aborder cette question de différentes manières. Je vais donc commencer par rayer les mauvaises manières et ensuite montrer comment faire..

1. En sélectionnant le flacon 3D et en réduisant l'opacité dans le panneau de transparence, l'objet entier s'estompe. De plus, vous ne pourrez même pas voir le verso de l'objet, celui-ci aura été traité comme une image 2D. En effet, lorsque Illustrator rend un objet en 3D, il aplatit d'abord la transparence de cet objet (voir la première image ci-dessous)..

2. A la place, vous pouvez développer le groupe dans le panneau Calques ou double-cliquer sur l'objet pour afficher les éléments du groupe. En sélectionnant uniquement ceux dont nous avons besoin et en modifiant leur opacité, nous pouvons donner à notre bouteille un aspect transparent (voir la deuxième image ci-dessous). La bonne approche! Droite? Faux!

Étape 14

Techniquement, nous venons d’obtenir le look que nous voulions, mais en termes de les meilleures pratiques cette méthode ne va pas gagner une étoile d'or. Illustrator a aplati la transparence de l'objet principal (dans ce cas, le groupe de vecteurs) bien que nous ayons maintenant modifié les propriétés d'un objet. dans notre groupe. Cette transparence n'est pas aplatie et l'effet fonctionne.

Cependant, imaginons que nous n’ayons pas de groupe. Imaginons plutôt que nous ayons construit un seul vecteur pour fabriquer une bouteille de verre verte et que nous voulions également appliquer un transparent. Nous n'aurions pas de groupe à développer, mais nous aurions quand même besoin de modifier la transparence d'un élément dans notre vecteur, c'est donc là que la troisième correct la méthode entre en jeu.

3. Ouvrez votre panneau Apparence (Fenêtre> Apparence) et utilisez l'outil Sélection directe pour cliquer sur un vecteur dont vous souhaitez modifier la transparence. Dans le panneau Apparence, vous pouvez maintenant isoler les propriétés de transparence des traits de cet objet. Pour ce faire, cliquez sur l’attribut Trait et modifiez la valeur dans le panneau de transparence. Vous ne modifiez pas les propriétés de l'objet, mais les propriétés de son trait, qui est aussi bas que possible dans la hiérarchie des propriétés! Transparence garantie!

Donne aux traits des sections en plastique une transparence multipliée par 40% et au trait des sections en cola une transparence multipliée à 60%.

Étape 15

Si vous pensez que la bouteille doit reposer sur quelque chose, créez une ellipse, attribuez-lui un dégradé radial allant de 50% de noir à blanc et redimensionnez-la verticalement, comme dans l'image ci-dessous. Placez-le sous la base de la bouteille. Créez une autre ellipse (plus grande) en lui donnant un dégradé radial allant de 20% de noir à blanc. Puis masquez (Commande + 7) la moitié supérieure avec un rectangle. Placez-le derrière la bouteille comme un horizon.

Malheureusement, Illustrator ne prend pas (encore) en compte des ambiances telles que les programmes 3D dédiés. faux votre propre ombre.

Conclusion

Là nous l'avons! Une bouteille de cola en plastique 3D transparente! Dupliquez votre dernière bouteille si vous voulez vraiment démontrer sa transparence. Échelle pour tenir compte de la distance. N'oubliez pas que lors de la modification de l'échelle d'objets rendus en 3D (ou de la largeur du trait, etc.), il peut être nécessaire de réappliquer le mappage d'image. Il est probable que des numéros différents ont été attribués à vos surfaces et que vos symboles sont attachés à des endroits différents..