Rendu d'un diagramme de bougie d'allumage 2D à partir de composants 3D dans Illustrator

Souvent, le meilleur moyen de vous assurer de votre profondeur et de vos angles consiste à restituer des objets à l'aide des outils 3D Illustrators. Ce tutoriel vous expliquera comment créer une bougie 3D à partir de plusieurs composants, puis agrandir l’image en diagramme vectoriel 2D. Une expérience préalable avec les outils Illustrators Revolve et Extrude sera nécessaire à cet effet..

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 VECTORTUTS PLUS pour seulement 9 / mois.

Étape 1: étincelle brillante

Pour commencer, nous devons savoir à quoi ressemble une bougie. Prenez-en un quelque part sur Internet, voici un exemple à télécharger si vous vous sentez plus à l'aise de travailler à partir d'une image de qualité..

Étape 2: approche

L'image montre que la création d'un seul objet 3D ne sera pas possible dans Illustrator. Les sections du haut et du bas peuvent être de révolution 3D, mais la partie centrale devra être rendue par extrusion 3D. L'électrode inférieure devra également être extrudée.

Pour plus d'informations sur ces deux techniques, pourquoi ne pas consulter les didacticiels VECTORTUTS Utilisation des objets 3D et des transparents pour créer une bouteille de cola de vecteur Concevez et créez une boîte de haricots en mappant des vecteurs sur un objet 3D.

Étape 3: aperçu

Pour nos deux éléments qui seront tournés nous pouvons faire un contour. Le vide qui en résulte au milieu sera finalement comblé par notre objet extrudé et par la rotation des deux sections principales en une seule, une fois que nous sommes assurés d’un bon alignement. Utilisez les outils Pathfinder pour créer une silhouette de votre prise.

Ajoutez toutes les formes ensemble (à l'exception de l'électrode de masse en bas) à l'aide de l'outil Pathfinder et coupez le résultat au milieu pour créer un objet à révolutionner. Remplissez-le avec une couleur assez pâle afin de pouvoir voir clairement les zones ombragées et éclairées une fois tournées.

Étape 4: hexagone

Le boîtier de la bougie d'allumage a six côtés afin que nous puissions facilement le construire en utilisant un hexagone extrudé. Nous devons d’abord établir les dimensions de notre polygone. La profondeur de l’espace peut être mesurée avec l’outil Mesurer et détermine de combien il faudra extruder l’hexagone..

Tout d’abord, sélectionnez Illustrator> Préférences> Unités et performances d’affichage. Vous devrez définir les unités générales en points, car ceux-ci seront utilisés lors du processus de rendu 3D. Dans ce cas, vous pouvez constater qu’après avoir fait glisser l’outil Mesurer sur l’espace vide, la palette Info affiche une distance. de 15 pt. N'hésitez pas à changer vos préférences d'unités maintenant, nous avions juste besoin de points pour cette mesure (bien que pour être juste, la différence entre px et pt est négligeable).

La largeur peut également être mesurée avec précision ou jugée à l'œil (et modifiée même si elle est rendue en 3D si nécessaire).

Étape 5: outil polygone

Maintenant nous avons nos mesures (36px de large x 15pt de haut) que nous pouvons commencer à construire notre hexagone. Sélectionnez l'outil Polygone et cliquez une fois sur la planche. Dans le dialogue Polygone, entrez 18px pour le rayon (tout segment de droite du centre au périmètre - rappelez-vous de l'école?) Et 6 pour les côtés. Cliquez sur OK.

Étape 6: autour des coins

Sélectionnez votre hexagone et allez à Effet> Styliser> Coins arrondis. Entrez une valeur de 1 px et cliquez sur OK. Développez l'effet résultant (Objet> Développer) et l'hexagone final prêt pour l'extrusion devrait ressembler à l'image ci-dessous..

Étape 7: Révolution 3D

Sélectionnez votre objet principal et accédez à Effet> 3D> Révolution ... Les options de révolution 3D vous seront probablement familières. Mon objet a été dessiné de sorte que je dois le faire pivoter autour du bord droit, c’est ce que j’ai sélectionné dans la Tourner à partir de menu déroulant. Cochez la case Aperçu et faites glisser le cube de positionnement jusqu'à ce que votre objet soit pivoté à la position souhaitée. En outre, notez que nous ne nous inquiétons de aucune perspective; cela compliquerait vraiment les choses lorsque nous commencerons à combiner des objets ensemble.

Notez les valeurs que vous avez entrées pour les 3 axes de rotation, car vous en aurez besoin à nouveau: -30 °, -14 ° et 19 °..

Étape 8: Extrusion 3D et biseau

OK, nous avons pris un bon départ, continuons avec l’hexagone que nous avons créé précédemment. Nous en avons besoin en 3D, avec le bon angle de rotation et la profondeur d'extrusion appropriée. Nous avons toutes nos informations, alors passons à autre chose…

Sélectionnez l'hexagone et allez à Effet> 3D> Extruder et biseauter… Maintenant, entrez les valeurs que nous connaissons déjà pour les angles de rotation: -30 °, -14 ° et 19 °. En outre, utilisez une profondeur d'extrusion de 15 pt.

Lorsque la case Aperçu est cochée, nous pouvons voir que notre hexagone est presque correct, le cube de positionnement est exactement identique à ce qu'il était avec notre objet principal dans tous les cas…

Cependant, en raison de la manière dont Illustrator a attribué les faces des objets, notre hexagone est incliné exactement à 90 ° sur son côté. Nous devons ajouter 90 ° à la valeur sur l’axe rouge (donc on lit 60 °) afin d’aligner notre hexagone sur le corps principal de la bougie. Bingo!

Étape 9: Major Tom to Ground Control

Notre dernière pièce en trois dimensions (est-ce un mot?) Est l'électrode de masse; ce petit morceau qui se courbe autour du bas pour aider à faire une étincelle. Nous avons son contour 2D de plus tôt, maintenant il s’agit de l’extruder en 3D selon le même angle que les autres objets et à une profondeur appropriée. Encore une fois: -30 °, -14 ° et 19 °. Ensuite, placez notre électrode de masse au bon degré de rotation, puis extrudez-la à 7 pt et elle s’intégrera parfaitement à nos autres objets..

Étape 10: Il est difficile de rompre

Nous pouvons maintenant organiser nos objets ensemble, mais parce qu'Illustrator ne permet pas de combiner des objets 3D, notre hexagone doit s'asseoir sur le dessus. Brisons-les tous pour pouvoir les superposer correctement. Sélectionnez les objets et accédez à Objet> Développer l'apparence. Assurez-vous d’avoir une copie de tous ces objets au cas où vous auriez besoin de vous reporter ultérieurement à leurs formulaires originaux. Ci-dessous, vous pouvez voir les vecteurs résultants - de jolis objets complexes!

Étape 11: Thérapie de groupe

Ces objets complexes sont construits à partir de groupes. Et des groupes de groupes. Et des groupes de groupes de groupes. Sélectionnez le corps principal de la bougie et dissociez-le (Commande + Maj + G). Maintenant, essayez de n'en sélectionner qu'une partie. Il se peut que vous deviez vous séparer à nouveau pour commencer à séparer les composants. Finalement, vous devriez pouvoir isoler le groupe de sections supérieur du groupe de section inférieur et donc positionner les composants dans l'ordre correct des couches, comme indiqué ci-dessous..

Étape 12: Exposer le problème

Commençons maintenant par créer les segments de notre diagramme qui seront décrits. Vous trouverez peut-être plus facile de placer chacune des pièces que nous avons déjà créées sur leurs propres calques. Verrouiller les calques avec lesquels vous ne travaillez pas vous évitera des difficultés pour sélectionner ce que vous cherchez.

Sélectionnez la section supérieure en premier et dissociez-la (Commande + Maj + G). Sélectionnez ensuite une partie plus petite telle que celle illustrée ci-dessous. Vous devez être capable de combiner ses parties les plus petites pour créer un seul objet de grande taille, ce qui se fait bien entendu avec les outils Pathfinder. Pour utiliser l'outil Ajouter à la forme dans la palette, vous devez vous assurer que les parties les plus petites sont toutes séparées. Si leur séparation ne fonctionne pas, essayez tout d'abord de les diviser à l'aide de l'outil Diviser de Pathfinder..

Une fois que vous avez combiné les petites pièces, développez-les.

Étape 13: Répétez-vous

Après l'avoir fait une fois, vous devrez maintenant répéter le processus plusieurs fois. Gardez à l'esprit que tout ne doit pas être inclus; votre objet 3D développé comprendra de nombreux calques et faces que vous pouvez simplement ignorer. Construisez les pièces dont vous avez besoin, remplissez-les toutes de la même couleur et nous travaillerons ensuite à leur nettoyage..

Remarque: rétrospectivement, le rose n’est peut-être pas le meilleur choix ici… désolé.

Étape 14: Trier le blé de la balle

Sélectionnez l'un de vos segments nouvellement créés et accédez à Sélection> Identique> Couleur de remplissage… pour sélectionner également les autres. Appuyez sur Commande + 3 pour les masquer, ne laissant que l'excédent de votre objet 3D développé. Il y en a beaucoup - et tout cela peut être supprimé. Alors faites-le!

Étape 15: simplifier

Une fois les déchets éliminés, simplifions les chemins restants. L'expansion de l'objet 3D a créé des milliers de points d'ancrage, ce qui augmente le temps de traitement et réduit la fluidité de vos vecteurs. Appuyez sur Commande + Alt + 3 pour révéler les objets que vous avez précédemment masqués. Puis, avec eux, sélectionnez Objet> Chemin> Simplifier…

Le dialogue Simplifier apparaîtra. Vérifiez Aperçu et voyez quel effet vos paramètres ont sur les chemins sélectionnés. Je vous suggère de conserver la précision de la courbe à 100% afin que vos objets restent fidèles à leur forme d'origine. La modification du seuil d'angle modifiera les limites auxquelles vos ancres peuvent être inclinées. Ceci affecte à nouveau la forme de vos objets et vous remarquerez que plus le seuil est élevé, plus il faut de points d'ancrage et plus vos objets resteront précis. Trouvez votre propre solde. Dans mon cas, j'ai réduit le nombre de points d'ancrage de 3196 à 315 seulement. Une amélioration considérable.

Étape 16: Waifs et Strays

Basculez en mode Plan (Commande + Y pour basculer en mode vue) afin de permettre un travail rapide (dans tous les cas, cette couleur rose était offensante). Avec l'outil Sélection directe, sélectionnez et supprimez tous les chemins superflus en ne laissant que ce qui est nécessaire pour la forme générale. N'hésitez pas à dessiner les chemins comme bon vous semble.

Étape 17: Reculer et admirer

Avec une couleur de remplissage appropriée (blanc) et un trait bien pondéré, vous devriez commencer à obtenir quelque chose qui ressemble à l'image ci-dessous. L’hexagone s’est également bien déroulé, même s’il faut lui ajouter des détails pour mettre en évidence les côtés..

Créez un rectangle et allez à Effet> Déformation> Renflement. Entrez 15% sous forme de courbure horizontale, cliquez sur OK, puis développez l'objet résultant..

Positionnez l'objet sur votre diagramme et utilisez l'outil Transformation libre pour le positionner. Si vous maintenez la commande enfoncée tout en faisant glisser le cadre de la frontière, vous le ferez de travers. Répétez pour les trois côtés visibles.

Étape 18: Félicitations, c'est une bougie d'allumage!

Cela prendra un certain temps, mais vous finirez par vous retrouver avec tous vos objets, nettoyés et positionnés correctement, formant ainsi une bougie reconnaissable..

Étape 19: Touches finales

Copiez et collez le tout (Command + C, Command + F), puis utilisez les outils Pathfinder pour tout combiner. Donnez à ce nouvel objet un trait plus épais, retirez le remplissage et alignez le trait sur l’extérieur. Ajouter un fond avec une couleur appropriée donnera également une certaine atmosphère au diagramme..

Étape 20: Autres finitions

Il est également possible d’ajouter un logo à la bougie d’allumage en associant un symbole à votre objet 3D original. Encore une fois, référez-vous à l'un des précédents tutoriels de VECTORTUTS pour voir exactement comment cela est fait. En mappant un objet vectoriel sur votre bougie, celui-ci peut également être développé comme indiqué ci-dessous.

Conclusion

Avec quelques étiquettes indiquant ce qu’est l’anatomie d’une bougie, nous avons nous-mêmes un schéma technique! Grâce aux outils 3D d'Illustrators, nous avons pu créer une profondeur et des angles presque parfaits, parfaitement alignés et finis dans un style clair et simple. Bien sûr, les outils 3D peuvent être utilisés pour créer une base pour toutes sortes de choses - allez et expérimentez!

Abonnez-vous au flux RSS VECTORTUTS pour rester informé des derniers tutoriels et articles sur les vecteurs.