Mais trêve de bavardages. Je vous souhaite beaucoup de plaisir avec le tutoriel ...

Étape 1 : Construire une structure de base pour les panneaux d'avertissement

Dans la première étape, nous allons construire la structure de base de nos panneaux d'avertissement. Ouvrez donc Illustrator et créez un nouveau document via Fichier>Nouveau. Pour le format, choisissez 70x70mm et confirmez en cliquant sur OK.

Adobe Illustrator - Concevoir des panneaux d'avertissement

Prenez l'outil Polygone (cet outil est subordonné à l'outil Rectangle et peut être appelé en cliquant longuement dessus) et cliquez quelque part sur votre plan de travail. Cela ouvrira une fenêtre dans laquelle vous pourrez régler le Rayon et le nombre de côtés. Sélectionnez un Rayon de 35mm et un nombre de côtés de 3 (Figure 02).

Adobe Illustrator - Construire des panneaux d'avertissement

Maintenant, allez dans la Palette d'alignement et positionnez votre triangle au centre de votre plan de travail. Si vous n'avez pas encore ouvert la Palette d'alignement, vous la trouverez dans la barre de menu en haut sous Fenêtre>Aligner.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Après avoir aligné le triangle, remplissez-le avec une couleur jaune (Figure 04).

Adobe Illustrator - Concevoir des panneaux de signalisation

Allez maintenant dans la barre de menu en haut sur Objet>Chemin>Déplacer le chemin … Réglez une valeur de 2,3mm dans la boîte de dialogue suivante et confirmez avec OK.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Cette commande créera un autre triangle, plus grand cette fois. Remplissez-le maintenant avec une couleur de remplissage noire. Ainsi, cela devrait ressembler à ceci chez vous (Figure 06) :

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Dans l'étape suivante, nous devons arrondir les coins du triangle noir. Allez sur Effet>Effets de stylisation>Coins arrondis … Ici, entrez une valeur de 4mm et confirmez avec OK.

Adobe Illustrator - Construire des panneaux de signalisation

Pour créer le dernier cadre de notre panneau d'avertissement, allez à nouveau sur Objet>Chemin>Déplacer le chemin … et définissez un Décalage de 1mm. Confirmez le tout avec OK.

Adobe Illustrator - Concevoir des panneaux de signalisation

Cliquez sur la petite flèche dans la Palette d'outils pour définir la couleur de remplissage comme contour (Figure 09).

Adobe Illustrator - Concevoir des panneaux d'avertissement

Comme cela ne semble pas encore très harmonieux pour le moment, allez dans la Palette d'apparence et cliquez sur Coin arrondi. Dans la fenêtre suivante, changez la valeur de 4mm à 6mm et confirmez avec OK.

Adobe Illustrator - Construire des panneaux de signalisation

Enfin, sélectionnez tout et appuyez sur le raccourci Command+G (sur PC : Ctrl+G) pour regrouper le tout.

Le résultat final devrait ressembler à ceci chez vous. Enregistrez ce fichier sous le nom "Warnschild_Grundlage" (ou un nom similaire).

Adobe Illustrator – Concevoir des panneaux d'avertissement.

Étape 2 : Construire le symbole radioactif

Dans cette section du tutoriel, nous allons créer pas à pas un symbole radioactif. Créez un nouveau document via Fichier>Nouveau et choisissez à nouveau une taille de 70x70mm.

Ensuite, vous devez afficher les Règles. Cela se fait le plus rapidement en utilisant le raccourci Command+R (sur PC : Ctrl+R).

Connaissance bonus :

Comme vous utiliserez souvent ce raccourci en travaillant avec Illustrator, assurez-vous de bien vous en souvenir. Personnellement, je peux toujours bien retenir les raccourcis lorsque je comprends leur signification. Le R ici signifie Rulers (anglais pour Règles).

Passez maintenant à l'outil de zone de dessin dans la palette d'outils. Cela a l'avantage de vous montrer le centre exact de votre zone de travail. Ensuite, tirez une ligne auxiliaire horizontale et verticale à partir des règles directement sur le centre.

Le tout devrait ressembler à ceci chez vous (Figure 12) :

Adobe Illustrator - Concevoir des panneaux de signalisation.

Prenez maintenant l'outil ellipse de la palette d'outils et cliquez en maintenant la touche Alt sur votre point central. Dans la fenêtre qui s'ouvre, entrez une valeur de 5mm pour la largeur et la hauteur. Confirmez avec OK.

Adobe Illustrator - Concevoir des panneaux d'avertissement

Cliquez à nouveau avec l'outil ellipse tout en maintenant la touche Alt sur le point central et choisissez cette fois une valeur de 30mm pour la largeur et la hauteur. Ensuite, le tout devrait ressembler à ceci chez vous (Figure 14) :

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Puisque créer des cercles est tellement amusant, nous allons également créer un troisième cercle. Procédez de la même manière que pour les premiers cercles. Cependant, pour ce cercle, vous devez définir une taille de 7,3 x 7,3mm (Figure 15).

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Ensuite, sélectionnez l'outil ligne dans la palette d'outils et faites glisser une ligne horizontale du centre vers le cercle extérieur (Figure 16).

Adobe Illustrator - Construire des panneaux de signalisation.

Maintenant, prenez l'outil de rotation et cliquez sur le point central en maintenant la touche Alt enfoncée (la ligne que vous venez de créer doit bien sûr être sélectionnée).

Comme nous devons diviser précisément les cercles en six parties, entrez simplement 360/6 dans la boîte de dialogue de rotation. Illustrator calculera automatiquement l'angle approprié pour vous. Confirmez en cliquant sur Copier.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Pour répéter cette opération quatre fois de plus, utilisez de préférence le raccourci Commande+D (sur PC : Ctrl+D). Ensuite, le tout devrait ressembler à ceci chez vous (Figure 18) :

Adobe Illustrator - Concevoir des panneaux d'avertissement.

À l'étape suivante, nous allons maintenant utiliser un outil que certains d'entre vous ne connaissent peut-être pas encore, bien qu'il puisse être vraiment très pratique. Il s'agit de l'outil de création de formes.

Sélectionnez tout (le plus rapidement via Commande+A (sur PC : Ctrl+A) et choisissez ensuite l'outil création de formes dans la palette d'outils mentionnée (Figure 19).

Adobe Illustrator - Concevoir des panneaux d'avertissement

En maintenant la touche Alt, vous avez maintenant la possibilité de supprimer des formes. Cliquez simplement sur votre zone de travail et faites une sélection des endroits que vous souhaitez supprimer.

Supprimez de cette manière toutes les zones marquées en rouge comme sur la Figure 20.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Après cela, le tout devrait ressembler à ceci chez vous (Figure 21) :

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Afin que les chemins soient tous correctement alignés, ...

Adobe Illustrator - Construire des panneaux d'avertissement

... allez maintenant dans la palette Pathfinder et cliquez sur Unir. Cela va notamment nettoyer le centre de votre symbole radioactif des chemins superflus (Figure 23).

Votre symbole radioactif est terminé.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Étape 3 : Créer le symbole de biohazard

Après avoir créé le symbole radioactif, c'est maintenant au tour du symbole de biohazard.

Créez pour cela, comme pour le symbole radioactif, une nouvelle zone de travail aux dimensions 70x70mm et construisez exactement comme à l'étape 2 votre point central avec deux règles.

Prenez maintenant l'outil Ellipse et cliquez avec la touche Alt enfoncée sur le centre. Entrez une valeur de 22x22mm pour la taille et confirmez avec OK.

Adobe Illustrator - Création de panneaux d'avertissement

Sélectionnez maintenant l'outil Déplacer et appuyez sur la touche Entrée. Cela ouvrira la fenêtre de dialogue Déplacer, que vous pouvez normalement atteindre via Objet>Transformer>Déplacer.

Entrez 0mm pour Horizontal et -6mm pour Vertical puis confirmez avec OK.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Ensuite, vous devez créer un autre cercle. Faites-le à nouveau en maintenant la touche Alt enfoncée et en cliquant sur le centre. Cette fois, cependant, choisissez une taille de 14x14mm. (Pour ce cercle, choisissez de préférence une autre couleur (par exemple, bleue) pour mieux les distinguer).

Revenez à l'outil Déplacer et ouvrez à nouveau la boîte de dialogue Déplacer en appuyant sur la touche Entrée. Entrez à nouveau 0mm pour Horizontal et -10,5mm pour Vertical, puis confirmez avec OK.

Adobe Illustrator - Construire des panneaux d'avertissement

Sélectionnez maintenant les deux cercles et passez à l'outil Rotation. Cliquez en maintenant la touche Alt enfoncée sur le centre pour pouvoir pivoter directement autour de cet axe. Entrez 360/3 dans la boîte de dialogue Rotation et confirmez en cliquant sur Copier. Répétez cette opération avec le raccourci Commande+D (sur PC : Ctrl+D) une fois de plus. Ensuite, cela devrait ressembler à ceci chez vous (Figure 27) :

Adobe Illustrator - Concevoir des panneaux d'avertissement

Sélectionnez maintenant tous les cercles bleus en maintenant la touche Majuscule enfoncée et allez sur Objet>Agencer>Avant-plan.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

À l'étape suivante, sélectionnez tous les cercles noirs et allez dans le Pathfinder sur Unir.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Ensuite, en sélectionnant via Commande+A (sur PC : Ctrl+A) tout, cliquez sur Soustraire l'objet avan. Ensuite, cela devrait ressembler à ceci (Figure 30) :

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Pour créer l'encoche au centre du symbole de danger biologique, créez à nouveau une Ellipse en maintenant la touche Alt enfoncée et en cliquant sur le centre, comme dans les étapes précédentes. Cette fois, choisissez une taille de 3x3mm.

Adobe Illustrator - Concevoir des panneaux d'avertissement

Ensuite, prenez l'outil Ligne et tracez une ligne verticale vers le haut à partir du centre (voir Figure 32). Donnez à cette ligne une épaisseur de contour de 3pt.

Adobe Illustrator - Construire des panneaux d'avertissement.

Prenez maintenant l'outil Rotation à nouveau et cliquez à nouveau en maintenant la touche Alt enfoncée sur le centre. Entrez un angle de 120° pour le pivot et confirmez en cliquant sur Copier. Répétez l'opération avec le raccourci Commande+D (sur PC : Ctrl+D).

Adobe Illustrator - Concevoir des panneaux d'avertissement

Ensuite, sélectionnez les trois lignes et allez dans la barre de menu supérieure sur Objet>Transformer. Confirmez la fenêtre suivante avec OK.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Sélectionnez les trois lignes et le cercle du milieu, puis cliquez sur Unir dans le Pathfinder.

Adobe Illustrator - Construire des panneaux de signalisation

Après avoir fait cela, sélectionnez tout et cliquez sur Soustraire l'objet avan dans le Pathfinder.

Ensuite, cela devrait ressembler à ceci (Figure 36) :

Adobe Illustrator - Construire des panneaux de signalisation.

Marquez maintenant tout. Avec Commande+C et Commande+F (sur PC: Ctrl+C et Ctrl+F) copiez vos objets et collez-les au même endroit. Donnez à cette copie un contour d'une épaisseur de 4pt.

Allez maintenant sur Objet>Transformer. Cela convertira le contour en une surface. À l'étape suivante, dans la palette Pathfinder, cliquez sur la petite flèche dans le coin supérieur droit puis sur Créer une forme composée. Maintenant, vous avez la possibilité de cliquer sur Transformer.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Nous approchons maintenant de la fin. Prenez à nouveau l'outil Ellipse et créez un cercle de dimensions 19x19mm. Procédez de la même manière en utilisant l'outil Ellipse et en cliquant sur le centre en maintenant la touche Alt.

Donnez à ce cercle un contour de 4pt puis allez à nouveau sur Objet>Transformer. Confirmez la fenêtre suivante avec OK.

Adobe Illustrator - Conception de panneaux de signalisation

Il ne reste plus qu'à sélectionner la forme précédemment créée (la forme que vous venez de créer avec le Pathfinder) et à la placer à l'avant à l'aide de Objet>Organiser>Placer devant.

Adobe Illustrator - Concevoir des panneaux de signalisation

Sélectionnez maintenant en maintenant la touche Maj la forme à l'avant et le cercle. Ensuite, dans la palette Pathfinder, cliquez sur Soustraire l'objet en avant.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Supprimez ensuite tous les contours et remplissez toutes les zones de couleur en noir. Ensuite, le tout devrait ressembler à ceci :

Le panneau Biohazard est prêt.

Adobe Illustrator - Concevoir des panneaux de signalisation

Conclusion :

Vous avez maintenant tous les éléments pour créer un panneau d'avertissement. Ouvrez votre fichier de l'étape 1 et insérez-y l'un des symboles que vous venez de créer. Il vous suffit maintenant de le placer au centre de votre panneau triangulaire et voilà, votre panneau d'avertissement est prêt.

Adobe Illustrator - Concevoir des panneaux d'avertissement.

Mots de fin :

J'espère que vous avez apprécié ce tutoriel et que vous êtes maintenant capable de créer vos propres panneaux d'avertissement. Si vous avez des questions sur le sujet, n'hésitez pas à me les poser dans les commentaires sous ce tutoriel. Je m'efforcerai de vous répondre dans les meilleurs délais.

Votre Julian