Share
Il est possible de faire beaucoup de choses dans Illustrator sans s'appuyer sur l'outil Plume, comme le montre le récent didacticiel de sablier. En utilisant uniquement des formes simples et prédéfinies, ainsi que des outils tels que Pathfinder et des transformations, des illustrations entières peuvent être créées à partir de zéro. Dans ce didacticiel, nous allons créer une icône permettant de représenter les options, paramètres, préférences, etc., similaire à l'icône des préférences système d'OS X. Alors, commençons!
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.
Commencez par créer un nouveau document, quelle que soit la taille de votre choix. J'ai utilisé 600 x 400 pixels, car c'est la taille utilisée pour les images du didacticiel..
Nous allons commencer par dessiner le matériel. Commencez par dessiner un cercle et centrez-le par rapport à la planche d’art (vous pourrez ainsi aligner facilement toutes les formes que nous aurons besoin de dessiner). Ensuite, dessinez trois autres cercles qui deviennent progressivement plus petits vers le centre (et centrez-les dans la planche). Ajoutez également un remplissage gris clair aux cercles, ce qui facilitera le travail avec la palette Pathfinder lorsque vous découpez des morceaux de cercles..
Ensuite, sélectionnez le plus grand et le deuxième plus grand cercle, puis ouvrez la palette Pathfinder et cliquez sur le bouton Moins avant pour soustraire le plus petit cercle du plus grand..
Maintenant, sélectionnez les deux autres petits cercles et faites de même..
Ensuite, dessinez un rectangle, centrez-le verticalement dans la planche et placez-le sur la moitié supérieure des cercles..
Sélectionnez-le et cliquez sur l'outil de rotation dans la boîte à outils. Maintenez la touche Alt enfoncée et cliquez sur le centre même des cercles pour y placer le point d'origine bleu clair. Une boîte de dialogue apparaît. Nous pouvons maintenant faire pivoter le rectangle par rapport au centre des cercles. Puisque nous voulons six de ces rayons sur l'engrenage, entrez 60 pour l'angle en degrés (360/6 = 60).
Ensuite, cliquez sur Copier pour faire une copie du rectangle pivoté.
Enfin, avec le nouveau rectangle toujours sélectionné, appuyez sur Commande + D pour répéter la transformation trois fois de plus, jusqu'à obtenir cinq rectangles espacés de manière égale..
Sélectionnez toutes les formes, puis dans la palette Pathfinder, cliquez sur le bouton Unir pour les fusionner en une seule forme..
Enfin, sélectionnez la nouvelle forme et faites-la pivoter de 30 degrés en sélectionnant Objet> Transformer> Rotation dans le menu..
Nous avons maintenant la base pour notre équipement, mais il lui manque l'attribut essentiel qui fait d'un équipement un engrenage: les dents! Alors, dessinez un petit rectangle comme indiqué ci-dessous.
Sélectionnez le rectangle, puis allez à Effet> Warp> Arc… entrez -6 pour le pli, laissez la distorsion horizontale et verticale à 0 et cliquez sur OK..
Sélectionnez ensuite Effet> Styliser> Coins arrondis…, entrez 6 pour le rayon en pixels, puis cliquez sur OK..
Maintenant que nous avons notre dent, centrez-la verticalement dans la planche d’art et placez-la sur l’engrenage de manière à ce que le bord extérieur de l’engrenage se rejoigne à l’endroit où les coins inférieurs de la dent commencent à s’incurver.
Ensuite, sélectionnez la dent et sélectionnez Objet> Développer l'apparence pour tracer les effets que nous avons ajoutés à un chemin..
Nous devons maintenant faire tourner la dent autour du reste de l’engrenage et nous allons procéder comme nous l’avons fait plus tôt avec les rayons. Commencez par sélectionner la dent, puis l'outil Rotation dans la barre d'outils. Ensuite, maintenez la touche Alt enfoncée au centre de l’engrenage. Puisque nous voulons 18 dents, entrez une valeur de 20 pour l’angle en degrés (360/18 = 20).
Et cliquez sur copier pour faire pivoter une copie de la dent.
La deuxième dent étant toujours sélectionnée, appuyez sur Command + D 16 fois de plus, pour un total de 18 dents..
Enfin, sélectionnez toutes les formes et cliquez à nouveau sur Unir dans la palette Pathfinder pour tout fusionner en une seule forme..
À ce stade, nous pouvons supprimer le trait de l'engrenage et le remplir d'une nuance de gris légèrement plus sombre (j'ai utilisé le # C6C8CA).
Sélectionnez l'engrenage et copiez-le (Commande + C), puis collez-le directement derrière l'original (Commande + B). Ensuite, remplissez-le d'un gris foncé et décalez-le de quelques pixels.
Et refaites la même chose (copier l’engrenage d’origine et le coller à l’arrière), mais cette fois, remplissez-le de blanc et décalez-le de plusieurs pixels (vous pourriez ne pas le voir à moins de changer la couleur de fond).
Nous pouvons maintenant regrouper les trois formes, mais avant cela, faites une copie du haut, engrenage gris clair, et déplacez-la sur le côté. Nous en aurons besoin plus tard..
Tracez un cercle légèrement plus grand que la plus petite ouverture au centre de l'engrenage et ajoutez-y un trait fin (assez pour recouvrir les deux côtés du bord intérieur de l'ouverture - j'ai utilisé 15 pixels)..
Sélectionnez Objet> Chemin> Contour du contour pour tracer le contour..
Remplissez la nouvelle forme avec un dégradé de gris foncé à gris clair (de haut en bas).
Et enfin, sélectionnez la forme et envoyez-la à l'arrière (Commande + touche Support gauche, ou cliquez avec le bouton droit de la souris et sélectionnez Arranger> Envoyer à l'arrière-plan)..
Répétez maintenant le même processus que dans la dernière étape, mais recouvrez le deuxième bord circulaire le plus grand, comme indiqué ci-dessous. Remplissez ce cercle avec un dégradé radial sombre à gris clair, allant du plus sombre au centre à clair vers les bords.
Maintenant, sélectionnez cette forme, copiez-la (Commande + C) et collez-la directement devant (Commande + F). Maintenant, changez son gradient de radial à linéaire.
Ensuite, changez son mode de fusion (dans la palette Transparence) pour le superposer et baisser son opacité à 50%..
Et enfin, sélectionnez les deux formes d’anneaux et envoyez-les à l’arrière (touche Commande + Support gauche).
Nous avons presque fini le matériel. La dernière étape consiste à lui ajouter un peu de texture métallique. Bon, nous devons donc utiliser l'outil Plume, mais c'est la seule fois, et c'est facile - promis. :)
Dessinez quelques triangles de forme étrange (une certaine distorsion est bonne, nous ne les voulons pas parfaitement équilatéraux), et leurs points convergent tous vers le centre. Maintenant remplissez-les avec différentes nuances de gris.
Sélectionnez toutes les formes et regroupez-les (Commande + G). Sélectionnez ensuite Effet> Flou> Flou radial ...
Entrez 50 pour le montant et définissez la méthode sur Spin.
Remarque: l'effet de flou radial nécessite beaucoup de ressources processeur. Par conséquent, si vous travaillez sur un ordinateur plus lent, vous pouvez définir la qualité sur Brouillon pour le moment. Cela accélérera considérablement le rendu de l'effet et vous pourrez facilement revenir en arrière et le changer en Bon ou Meilleur avant de sauvegarder le produit final sous forme graphique ou de l'imprimer.
Vous avez toujours cette copie de la forme originale de l'engrenage que nous avons créée il y a quelque temps? Bien, car il est temps maintenant de l'utiliser (et au cas où, dans votre sagesse infinie, vous avez décidé de ne pas suivre mon conseil de faire une copie, vous pouvez simplement en faire une copie maintenant. Une fois que vous avez la forme, déplacez-le sur le dessus de la texture en métal et centrez-les les uns sur les autres.
Sélectionnez les deux objets, puis sélectionnez Objet> Masque de découpage> Créer (Commande + 7)..
Enfin, centrez la forme horizontalement et verticalement dans la planche d’art et regroupez toutes les formes qui composent l’engrenage. Et nous en avons fini avec ça!
Il est maintenant temps de créer la boîte qui contiendra nos engrenages (et formera les limites et la forme de notre icône). Commencez par créer un rectangle qui couvre environ les 2/3 de l’engrenage. Remplissez-le avec un dégradé de gris clair à moyen.
Ensuite, sélectionnez Effet> Styliser> Coins arrondis…, entrez 20px pour le rayon, puis cliquez sur OK..
Sélectionnez ensuite Objet> Développer l’apparence pour convertir les coins arrondis en chemin..
Continuez en dessinant un petit rectangle au-dessus du premier. Cela désignera notre la fenêtre à travers lequel nous verrons les engrenages. Centrez-le avec le premier rectangle.
Sélectionnez les deux rectangles…
… Et cliquez sur le bouton Moins avant de la palette Pathfinder pour couper le plus petit rectangle du plus grand.
Nous allons maintenant répéter le processus que nous avons fait plus tôt avec l'engrenage, pour créer le biseau intérieur autour de la fenêtre. Commencez par dessiner un rectangle un peu plus grand que l'ouverture de la fenêtre.
Changer son trait en quelque chose d'assez épais, assez pour recouvrir le bord de la fenêtre (j'ai utilisé 20px).
Envoyez-le à l'arrière (touche Commande + Support gauche).
Sélectionnez Objet> Tracé> Contour du contour pour tracer le tracé en une forme..
Et remplissez-le avec un dégradé noir à blanc (de haut en bas).
Nous allons répéter le même processus une dernière fois pour créer le biseau autour du bord extérieur. Dessinez le rectangle légèrement plus petit et changez-le en trait épais.
Mais cette fois avant que nous décrivions cela, nous arrondirons les coins pour faire correspondre la boîte.
Maintenant, tracez le trait et envoyez-le à l'arrière.
Et enfin, remplissez-le avec un dégradé de gris à blanc (de bas en haut cette fois).
Nous devons maintenant ajouter le support en métal perforé à la boîte. Commencez par dessiner un rectangle légèrement plus grand que l’ouverture de la fenêtre et remplissez-le avec un gris foncé.
Pour ajouter les trous perforés, tracez deux petits cercles, l'un plus petit que l'autre, et placez-les dans le coin supérieur gauche du rectangle. Remplissez le plus petit devant en noir et le plus grand en arrière avec un dégradé de gris foncé à blanc (de haut en bas).
Regroupez les deux cercles et sélectionnez Objet> Transformer> Déplacer… Entrez 40px pour horizontal et 0px pour vertical, puis cliquez sur Copier..
Maintenant que le deuxième trou est toujours sélectionné, appuyez sur Commande + D pour répéter la transformation. Continuez à répéter jusqu'à ce que vous ayez une ligne de la même largeur que le rectangle. Ensuite, groupez la rangée de trous ensemble.
Sélectionnez la ligne et sélectionnez Objet> Transformer> Déplacer… à nouveau. Cette fois, entrez 0px pour horizontal et -40px pour vertical et cliquez sur Copier..
Maintenant, appuyez à nouveau sur Commande + D pour répéter la transformation. Une fois le rectangle rempli, sélectionnez toutes les lignes et regroupez-les dans un seul objet..
Sélectionnez à nouveau les trous groupés, puis sélectionnez Objet> Transformer> Déplacer…. Cette fois, entrez 20px pour horizontal et -20px pour vertical..
Cliquez sur Copier, puis sélectionnez tous les trous et regroupez-les une fois de plus..
Et enfin, sélectionnez les trous groupés et le rectangle et centrez-les les uns par rapport aux autres.
Pour compléter la boîte, regroupez les trous et le rectangle et déplacez-les derrière le cadre créé précédemment.
Sélectionnez la forme de biseau interne du cadre et ajoutez-y une ombre portée..
Ajoutez ensuite une ombre portée à la forme du biseau externe..
Maintenant que les principaux composants sont terminés, il ne reste plus qu'à les assembler.!
Commencez par faire deux copies du matériel (assurez-vous de regrouper toutes les formes en premier) et placez-les dans les coins inférieurs de la forme principale..
Ajoutez une ombre portée à chacun des engrenages, puis regroupez les trois. Vous pouvez également les réorganiser comme vous le souhaitez (je déplace les deux engrenages avant un peu plus haut pour qu’ils soient plus visibles à travers la fenêtre).
Maintenant, dessinez un rectangle de la même taille que l’ouverture de la fenêtre (ou il peut être un peu plus grand, mais pas plus petit) et placez-le sur les engrenages. Vous pouvez le positionner comme vous le souhaitez, car tout ce qui est recouvert par le rectangle est tout ce qui apparaîtra dans l'image finale..
Une fois que vous l'avez positionné comme vous le souhaitez, sélectionnez le groupe d'engrenages et le rectangle, puis sélectionnez Objet> Masque d'écrêtage> Créer..
Faites glisser les engrenages dans la boîte et centrez la boîte et les engrenages l'un avec l'autre. Ensuite, placez les engrenages à l'arrière et avancez-les jusqu'à ce qu'ils soient directement au-dessus du dos perforé, mais derrière le cadre.
Enfin, la dernière étape consiste à ajouter le reflet pour simuler une fenêtre en verre au-dessus de l’ouverture. Créer un rectangle de la largeur de l'ouverture et d'environ la moitié de la hauteur.
Ensuite, dessinez une grande ellipse au-dessus du rectangle. Nous nous intéressons uniquement à l'arc créé au-dessus du bas du rectangle, assurez-vous qu'il couvre complètement le reste.
Sélectionnez à la fois l'ellipse et le rectangle, puis sélectionnez Intersection dans la palette Pathfinder. Puis supprimez les formes en excès.
Ajoutez maintenant un dégradé transparent à la forme (de haut en bas, le haut étant plus opaque et le bas étant plus transparent). Cela peut être fait dans Illustrator CS4 avec les dégradés transparents ou dans les versions antérieures avec un masque d'opacité..
Dans la palette de dégradés, ajoutez deux arrêts de couleur blanche, un à chaque extrémité. Réglez le mode sur Linéaire et l'angle sur -90 degrés. Ensuite, réglez la transparence de la butée gauche à 100% et la butée droite à 50%..
Ensuite, définissez la transparence globale de la forme sur 50% (dans la palette Transparence). En outre, envoyez la forme vers l'arrière jusqu'à ce qu'elle soit au-dessus des engrenages et du dossier, mais derrière le cadre extérieur (de manière à ce que l'ombre soit visible sur celle-ci)..
Remplissez l'objet avec du blanc uni, puis copiez-le (Commande + C) et collez la copie au premier plan (Commande + F).
Ajoutez-y un dégradé linéaire avec un angle de -90 degrés. Faites glisser un arrêt de couleur à chaque extrémité et faites en sorte que le gauche soit blanc et le droit 50% gris.
Sélectionnez ensuite les deux formes de réflexion, puis cliquez sur la petite icône de menu située dans le coin supérieur droit de la palette Transparence. Dans le menu qui apparaît, sélectionnez Créer un masque d'opacité..
Et pour finir, réduisez la transparence globale de la forme à 60%. En outre, envoyez la forme vers l'arrière jusqu'à ce qu'elle soit au-dessus des engrenages et du dossier, mais derrière le cadre extérieur (de manière à ce que l'ombre soit visible sur celle-ci).
Nous avons fini! Espérons que ce tutoriel a démontré la puissance des formes simples, des transformations et des outils tels que Pathfinder, et comment ils peuvent être utilisés pour produire des illustrations et des graphiques de qualité. Bonne chance avec votre propre travail!
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua