Illustrer une épargnante de vecteur

Dans ce tutoriel, nous allons créer une bouée de sauvetage unique pouvant être utilisée en tant qu'icône ou élément de conception. Nous allons travailler avec les outils Pathfinder pour créer les formes. L'outil de maillage nous aidera à appliquer la couleur et les surbrillances pour donner à notre objet l'aspect "réaliste" souhaité. Nous tirerons également parti des outils de duplication et de rotation afin d'obtenir un look équilibré..

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Vous trouverez ci-dessous l'illustration terminée pour savoir vers quoi vous travaillez..

Étape 1

Commencez par créer un nouveau document dans Illustrator de 800 pixels sur 600 pixels. Activez la règle (Ctrl + R) et activez la grille (Ctrl + "). Faites ensuite glisser un guide horizontal et un guide vertical sur la planche graphique..

Nous allons commencer par créer nos formes. Sélectionnez l'outil Ellipse (L), puis cliquez sur le centre de nos guides. Ensuite, faites glisser vers l'extérieur en maintenant les touches Maj + Ctrl enfoncées. Cela nous donnera un cercle centré sur la grille / les guides. Remplissez le cercle avec une couleur rouge (R = 190 G = 28 G = 35) et laissez le trait vide.

Étape 2

Créez un autre cercle, comme à l'étape précédente. Ensuite, rendez-le environ 75% plus petit que le premier cercle. Donnez-lui une autre couleur pour qu'il soit facile à voir. Sélectionnez les deux cercles, ouvrez la palette Pathfinder et cliquez sur l'outil de division. Désélectionnez les formes, puis sélectionnez à nouveau le cercle plus petit, puis supprimez-le..

Étape 3

Créez un rectangle d'environ 25 pixels de large sur 600 pixels de haut. Puis remplissez-le de blanc et laissez le trait vide. Sélectionnez le cercle et le rectangle avec l'outil flèche noire. Cliquez une fois sur le cercle (pour indiquer qu'il s'agit de votre base pour l'alignement).

Ensuite, ouvrez la palette d’alignement. Cliquez sur le bouton Centre horizontal, puis sur le bouton Centre vertical. Cela va centrer le rectangle avec le cercle. Maintenant, répétez cette étape et réglez-la perpendiculairement au premier rectangle. Sélectionnez les deux rectangles et faites-les pivoter de 45 degrés.

Étape 4

Sélectionnez tous vos objets. Ensuite, ouvrez la palette Pathfinder et cliquez sur l’outil de division. Nous allons supprimer la plupart des formes maintenant. Nous n'avons besoin que de deux. Après avoir appliqué l'outil de maillage, tout ce que nous avons à faire est de les dupliquer.

Supprimez toutes les formes jusqu'à ce qu'il vous reste un quart de cercle avec une forme blanche sur votre tableau, comme dans l'image ci-dessous. Une fois que vous avez fait cela, sélectionnez la forme blanche et verrouillez-la (Commande + 2). Cela nous permettra d’appliquer l’outil de maillage à la forme rouge sans que la forme blanche n’interfère.

Étape 5

Nous allons maintenant appliquer l'outil de maillage. Sélectionnez la forme rouge avec la flèche noire. Assurez-vous qu'aucune couleur n'est sélectionnée (pas de remplissage ni de contour). Sélectionnez ensuite l'outil Maillage (U) et déplacez-le sur la trajectoire supérieure de la forme rouge. Vous verrez un "+" qui indique que nous allons ajouter un maillage.

Cliquez sur le chemin pour ajouter le maillage, puis sélectionnez l'outil flèche blanche et sélectionnez le point final. Cela rend la poignée visible. Commencez à le faire glisser jusqu'à ce que le chemin du maillage soit parallèle au contour de la forme. Répétez cette opération pour chaque point final. Ajouter quelques chemins de maillage supplémentaires (U).


Étape 6

Nous allons maintenant ajouter quelques points saillants. J'ai mis en place un rouge légèrement plus clair en tant que nuance de couleur (R = 214 G = 111 B = 115). Sélectionnez ensuite les points de croisement des deux chemins de maillage à l'aide de l'outil Flèche blanche. Cliquez sur votre nuance de couleur. Cela ajoute un dégradé au maillage et convient parfaitement aux objets elliptiques.

Les choix de couleurs sont bien sûr optionnels. Une fois que cela est fait et que vous pensez avoir besoin de plus de profondeur, vous pouvez ajouter un autre chemin de maillage. Assurez-vous simplement que la couleur la plus claire est sélectionnée et cliquez avec le maillage sur la forme rouge..


Étape 7

Dans cette étape, nous allons répéter l'utilisation de l'outil Maillage sur la forme blanche. Débloquez toutes vos formes. Sélectionnez l'outil de maillage (U). Ajoutez ensuite les chemins de maillage à votre forme blanche. Sélectionnez les points d'ancrage et ajoutez du gris. J'ai choisi différentes nuances de gris pour un rendu un peu plus réaliste.


Étape 8

Maintenant, nous avons créé nos formes les plus importantes et sommes prêts à construire toute la vie. Avec l'outil de rotation toujours sélectionné, maintenez la touche Ctrl enfoncée. Puis déplacez le curseur sur la forme sélectionnée. Vous verrez une flèche noire et blanche (qui se chevauchent).

Maintenez la touche Maj enfoncée tout en maintenant la touche Ctrl enfoncée. Maintenez le bouton gauche de la souris enfoncé et faites glisser votre objet dans le sens des aiguilles d'une montre. Cela va dupliquer et faire pivoter (par pas de 45 degrés) les objets. Lâcher la souris. Ne désélectionnez pas l'objet. Appuyez ensuite deux fois sur Commande + D pour dupliquer cette étape deux fois de plus. Vous verrez votre bouée de sauvetage se construire!



Étape 9

Maintenant que nous avons créé la bouée de sauvetage, il est temps d'ajouter le cordon. Créez un rectangle avec l'outil Plume, similaire à celui que vous voyez dans l'image ci-dessous. Sélectionnez à nouveau l'outil de maillage (U). Ajoutez ensuite des chemins de maillage et appliquez une couleur aux points d’ancrage, comme nous l’avions déjà fait. Cela crée la forme pour le cordon à traverser.


Étape 10

Créons le cordon. Sélectionnez l'outil Ellipse (L) et cliquez sur le point central de nos guides. Maintenez les touches Maj + Ctrl enfoncées et faites glisser un cercle. Donnez-lui un trait de 10 pixels et aucun remplissage. Faites-le juste un peu plus grand que la bouée de sauvetage. Avec l'objet toujours sélectionné, sélectionnez Objet> Chemin> Contour du contour. Cela nous donnera un joli groupe que nous pourrons manipuler.

Sélectionnez l'outil couteau. Ensuite, coupez le groupe juste au bout de notre quart de bouée de sauvetage. Pour cette étape particulière, j'ai caché les pièces dupliquées afin qu'elles ne gênent pas ma découpe. Puis supprimez le plus gros morceau.


Étape 11

Une fois que nous avons coupé notre cordon en un morceau plus petit, nous pouvons manipuler la forme en sélectionnant les points d’ancrage et en les faisant légèrement glisser. Ajoutez à nouveau des chemins et des couleurs de maillage (U), comme nous l’avons fait lors des étapes précédentes..


Étape 12

Nous devons maintenant y ajouter du dynamisme. Sélectionnez plusieurs points d'ancrage sur une ligne verticale et faites-les glisser vers l'extérieur ou vers l'intérieur. Notez que le maillage bougera légèrement avec elle. Cela ajoute de la dimension et du dynamisme à notre corde.

Étape 13

Nous sommes presque au stade final. Sélectionnez le rectangle et le cordon, puis regroupez-les. Laissez la sélection active et sélectionnez l'outil Rotation (R). Puis cliquez une fois sur le centre des guides. Maintenez la touche Alt enfoncée et déplacez le curseur sur la forme sélectionnée..

Vous verrez à nouveau une flèche noire et blanche (se chevauchant). Encore une fois, maintenez les touches Maj + Alt enfoncées, cliquez avec le bouton gauche de la souris et faites glisser votre objet dans le sens des aiguilles Cela va dupliquer et faire pivoter (par pas de 45 degrés) les objets. Lâchez la souris. Ne désélectionnez pas l'objet. Appuyez ensuite deux fois sur Commande + D pour dupliquer cette étape deux fois de plus. Et voilà, la forme vectorielle de la bouée de sauvetage est terminée!


Étape 14

Dernier point mais non le moindre, ajoutez de la lueur pour lui donner un peu de vie. Sélectionnez tous les objets et ajoutez une lueur externe en allant dans Effets> Styliser> Lueur externe..


Conclusion

Après avoir ajouté du texte final, cela termine la conception de notre bouée de sauvetage à partir de zéro!