Comment créer des pierres précieuses 3D à l'aide d'Adobe Illustrator et de Google Sketchup

La plupart des gens pensent que le produit Google Sketchup (Free et Pro) est avant tout un outil 3D, mais qu’il s’agit également d’un puissant moyen de créer des formes complexes à utiliser dans des packages vectoriels 2D. C'est en particulier un outil fabuleux pour la création de primitives nécessitant une géométrie précise afin de "bien regarder".

Nous allons créer une pierre précieuse dans ce tutoriel. J'utilise Illustrator et Sketchup Pro, mais des effets similaires peuvent être obtenus avec Corel, Inkscape, Xara ou d'autres outils et la version gratuite de Sketchup..

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.

Vous pouvez maintenant dessiner cette main libre ou utiliser d'autres packages 3D pour obtenir des résultats finaux similaires, mais l'utilisation de Sketchup présente des avantages distincts par rapport à l'une ou l'autre approche:

  1. Sketchup a une version gratuite. La version Pro rend ce tutoriel encore plus simple, mais je vais vous montrer comment utiliser à la fois Pro et Free avec de bons résultats..
  2. Souvent appelé le MSPaint de la modélisation 3D, Sketchup est très simple et rapide. Il vous permet de composer la position de vos objets en 3D sans la courbe d'apprentissage de produits plus complexes..
  3. Vous ne finirez pas 75% avec un projet uniquement si un client vous dit qu'il n'aime pas la vue que vous avez choisie pour illustrer.

Il y en a beaucoup d'autres que nous pourrions énumérer, mais ce sont des gros.

Étape 1

Tout d’abord, pour compléter ce didacticiel, vous aurez besoin de Google Sketchup, disponible ici. Vous aurez également besoin d'Illustrator (de préférence, CS4) ou serez prêt à adapter ces étapes à votre programme de vecteur de choix. Je suppose en outre que Sketchup est familiarisé avec les notions de base, ou que vous passerez environ 15 minutes à suivre son didacticiel très simple, lancé au premier lancement du programme. Maintenant passons à notre tour!

Tout d'abord, ouvrez Sketchup. Sélectionnez le modèle "Product Design and Woodworking" dans l'écran initial. Tout ce que cela fait est de définir les unités en pouces (ou en millimètres si vous allez en métrique) par défaut et nous donne une scène propre pour commencer. Si vous utilisez une ancienne version de Sketchup et ne voyez pas cet écran initial, vous devrez probablement supprimer le homme avatar placé dans la scène avant de commencer à travailler.

Étape 2

Activer le grand ensemble d'outils.

Étape 3

Désactivez les profils de bord et les extensions, si elles sont activées. Laissez un contrôle sur Show Edges.

Étape 4

Sélectionnez l'outil Polygone (l'icône en forme de triangle). Par défaut, c'est un hexagone, mais nous voulons un octogone. Pour cela, il suffit de taper 8 et appuyez sur Entrée. La forme se changera en octogone.

Étape 5

Placez la forme octogonale sur le point d'intersection des trois axes (lignes verte, rouge et bleue). Cliquez sur le bouton de la souris et faites glisser un peu. Un octogone apparaîtra et en bas à droite, vous verrez les dimensions changer au fur et à mesure que vous faites glisser. Si vous utilisez des unités anglaises, tapez 20 (vous n'avez pas besoin de sélectionner d'abord la zone de texte) ou l'équivalent en millimètres si vous êtes du genre métrique. Appuyez sur Entrée sur votre clavier.

Étape 6

Si vous avez une souris à molette, vous pouvez l’utiliser pour zoomer sur votre travail. Sinon, cliquez sur l'icône Zoom Zoom (il ressemble à une loupe avec quatre flèches) pour remplir votre écran avec votre travail.

Vous avez maintenant un plan octogonal large de 20 ”, posé à plat. Nous devons créer un autre octogone deux fois plus grand. Faites la même chose que vous avez fait à l'étape 5, mais cette fois, nous utiliserons 40 pour la taille de l'octogone.

Dans Sketchup, le logiciel s’accroche automatiquement aux points médians et aux points d’une ligne. Nous allons utiliser cela pour faire apparaître les anneaux extérieurs directement en face des milieux du bord de l'octogone intérieur. En partant du centre de l'octogone intérieur, utilisez l'outil Polygon et tracez un autre octogone, en plaçant le nouveau point de l'octogone au centre de l'une des faces du premier octogone. C'est une bouchée, alors une image pourrait aider. Il devrait ressembler à l'image ci-dessous.

Puis tapez 40 et appuyez sur Entrée. Vous devriez maintenant voir quelque chose comme l'image ci-dessous.

Étape 7

Il est maintenant temps de dessiner les facettes de la gemme. Cliquez sur l'outil Ligne et connectez les points comme indiqué..

Étape 8

Vous pouvez probablement voir où nous allons. cette forme de soleil finira par devenir le sommet de notre bijou. Nous devons maintenant passer un peu au domaine de la 3D. Commencez par choisir l'outil de sélection (la flèche noire) et cliquez deux fois sur l'octogone central. Il sélectionnera la face et les huit bords intérieurs.

Étape 9

Sélectionnez l'outil Déplacement et cliquez sur la face sélectionnée, puis faites-la glisser vers le haut (il n'est pas nécessaire de maintenir le bouton de la souris enfoncé). Appuyez sur la flèche vers le haut du clavier. C'est une touche de raccourci qui restreint nos mouvements à l'axe bleu (vertical ou Z). Assurez-vous qu'il dit Sur l'axe bleu, puis tapez 14 et appuyez sur Entrée. Félicitations! Si vous débutez dans -D, vous venez de devenir un artiste 3D! C'était facile!

Étape 10

À ce stade, nous devrions nous éloigner un peu de notre objet. Faites glisser la molette de la souris de quelques clics, puis sélectionnez Rayons X dans le menu Affichage> Style de visage. Cela nous permettra de voir notre modèle en développement comme s'il était en verre coloré.

Ensuite, utilisez l'outil Orbit pour obtenir une nouvelle perspective de dessous. Maintenant, sélectionnez l'outil de mesure de bande. Nous allons faire le cône inférieur de la gemme maintenant. Dans Sketchup, le logiciel s’accroche très utilement au centre, aux milieux et aux points d’une ligne. Nous allons utiliser cela pour positionner l'outil de bande au sommet des axes (comme à l'étape 5). Quand le mot Origine apparaît, cliquez avec l'outil Tape Tool, faites glisser un peu l'axe bleu et tapez 60.

Étape 11

Maintenant, nous allons utiliser l'outil Ligne à nouveau pour connecter tous les points hexadécimaux extérieurs à ce point unique, 60 ”ci-dessous. Quand nous aurons fini, ce sera le cône inférieur de la gemme. Faites pivoter le modèle à l'aide de l'outil Orbite comme indiqué..

Et ensuite, utilisez l'outil Ligne pour connecter chaque point externe au point de construction.

Étape 12

Une fois que vous avez terminé, faites pivoter votre modèle avec l'outil Orbit! Vérifiez que vous avez bien connecté tous vos points et corrigez-en si nécessaire. Une dernière chose à faire - avec l'outil de sélection, survolez la ligne de construction en pointillés que nous avons tracée. Il va briller en bleu. Sélectionnez-le et appuyez sur Supprimer. Nous en avons terminé avec Sketchup en ce qui concerne un dessin - maintenant, nous avons juste besoin de composer notre vue de la gemme, de faire une exportation en 2D et de la rendre jolie!

Étape 14

Faites pivoter la gemme à l'aide de l'outil Orbite jusqu'à ce qu'elle ressemble un peu à l'image ci-dessous. Vous voulez qu'il y ait beaucoup d'intersections de facettes intéressantes.

Étape 15

Basculer le style de visage en fil de fer.

Étape 16

Si vous utilisez la version gratuite, exportez l'image au format PNG. Assurez-vous que vous pouvez voir la gemme entière dans la fenêtre car elle exporte l'image en fonction de ce que vous voyez dans la fenêtre. Si vous utilisez Sketchup Pro, vous devez exporter au format EPS. Avant d’exporter en EPS, cliquez sur le bouton Options..

Étape 17 (utilisateurs de Sketchup Pro uniquement)

Définissez vos options d'exportation comme suit. Cliquez sur OK, puis sur Exporter dans la boîte de dialogue précédente. Nous en avons terminé avec Sketchup. Enregistrez votre fichier de gemme et fermez sketchup si vous le souhaitez.

Étape 18 - 21 (Utilisateurs gratuits de Sketchup uniquement)

Ouvrez Illustrator et démarrez un nouveau document. Si vous utilisiez SU pro, nous utiliserons les fichiers EPS fournis par Pro. Vous pourrez ainsi passer à l'étape 23. Toutefois, si vous deviez utiliser un raster (PNG), suivez les quatre étapes suivantes..

Étape 18

Utilisez la commande Place pour placer le fichier PNG de la gemme wireframe sur la planche d’art..

Étape 19

Tracé en direct de l'image à l'aide des paramètres indiqués pour le logo noir et blanc.

Étape 20

Supprimez quelques erreurs générales de Live Trace lors de l'utilisation de lignes droites à l'aide de l'outil Sélection directe (A) et de la commande de menu Objet> Simplifier avec les paramètres indiqués ci-dessous..

Étape 21

Vous avez maintenant un filaire vectoriel pour votre bijou. Ce n’est pas aussi propre que ce que Pro EPS peut fournir, mais c’est une approximation décente qui peut être retravaillée avec l’outil de sélection directe et un peu de temps..

Étape 22

Pour le reste de la tâche, je travaillerai avec les images filaires EPS exportées par SU Pro. Commencez par placer le fichier EPS filaire, puis intégrez-le..
Cela peut être très important sur la planche. Pas de problème, contentez-vous de trouver quelque chose de raisonnable. Vous pouvez le faire en utilisant les points de glissement de l'outil de sélection en maintenant la touche Maj enfoncée ou en utilisant la commande Echelle..

Étape 23

Faites une copie de la structure filaire et déplacez-la pour le moment. Nous en aurons besoin plus tard. Sélectionnez la gemme supérieure, puis utilisez Commande + Alt + X pour en faire un groupe de peinture dynamique (Peinture active> Créer)..

Étape 24

Nous avons besoin d'une palette de couleurs. Je choisis "Red Hot" de Kuler pour pouvoir fabriquer un rubis. Vous pouvez faire votre propre choix de couleur si vous voulez une couleur de gemme différente. À l’aide de l’Outil de peinture dynamique, donnez une couleur vive à la gemme entière. Puis colorez les différentes nuances de facettes de votre couleur, comme dans la série d’images ci-dessous..

Étape 25

Sélectionnez le groupe de peinture dynamique et développez-le en sélectionnant Objet> Développer..

Étape 26

Nous avons maintenant rempli des facettes qui peuvent être éditées séparément à l'aide de l'outil de sélection directe. La dernière étape consiste à créer des effets d'éclairage en ajoutant des hautes lumières et des dégradés. Pour ce faire, nous devons créer quelques facettes complètes. Comme vous pouvez le constater, la facette supérieure est un gros octogone, mais est composée de sept formes distinctes..

J'ai utilisé l'outil de sélection directe en maintenant la touche Maj enfoncée pour les sélectionner tous en même temps, puis je les ai copiés (Commande + C) et collés (Commande + V). Enfin, groupez (Commande + G). Cette dernière étape est une précaution contre la désélection accidentelle, mais n'est pas vraiment requise. Ensuite, utilisez le panneau Pathfinder pour unir les sept sections en un seul visage pour le sommet de la gemme..

Facultativement, vous pouvez créer un nouveau calque appelé "éclairage" et le déplacer à l'intérieur (et plus tard, déplacer toutes les autres formes que vous souhaitez utiliser comme effets d'éclairage pour la gemme à l'intérieur également). Cela garde les choses organisées.

Étape 27

Modifiez le remplissage de l'objet en fondu en blanc (fonctionnalité CS4 uniquement, les utilisateurs de CS3 doivent utiliser la fonctionnalité de masque de dégradé)…

Étape 28

… Et placez-le sur le dessus de notre bijou en suivant les formes avec lesquelles il a été fabriqué. CS3 et CS4 rendent cela très facile. L'objet s'emboîte lorsqu'il sera suffisamment proche. Si vous remarquez qu'il est éteint lorsque vous le déposez, utilisez les flèches pour le pousser en place..

Étape 29

Nous pouvons maintenant suivre les mêmes étapes pour créer plus d’effets pour d’autres facettes. Faire preuve de créativité! Introduisez des fondus directionnels (très simples dans CS4 et Xara), des couleurs d’accompagnement et bien plus encore pour donner à la pièce profondeur et intérêt. Jouez avec des opacités, vous pouvez même incorporer des objets dans la gemme en utilisant le bon ordre de superposition.

Étape 30

Rappelez-vous le fil de fer? C'est l'heure des dernières étapes. Sélectionnez la structure en fil de fer et donnez-lui un trait fin d'environ 0,75 avec une version sombre de la couleur de la pierre, ou noir si vous voulez qu'elle ait l'air moins réelle et plus colorée. Vous pouvez éventuellement le déplacer vers son propre calque, appelé "fils", ou simplement le disposer tout en haut du calque…

… Et déplacez la grille au-dessus de la gemme pour accentuer les facettes.

Conclusion

Enfin, ajoutez des embellissements facultatifs tels que des fusées éclairantes, des occlusions internes ou d’autres effets à votre convenance. Enregistrer à nouveau; vous avez économisé, non? Et tu as fini! Merci de suivre le long; Je travaille sur une pièce similaire pour la peinture conceptuelle que j'espère finir dans les semaines à venir.

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