Tutorial de l'illustrateur : recettes de flux de travail et de design tranchantes comme des couteaux

Cartographie (dessin de cartes d'itinéraire) avec Illustrator - Partie 5

Toutes les vidéos du tutoriel Tutoriel Illustrator : Recettes de workflow et de design bien affûtées

Comme annoncé dans la dernière partie, nous allons ici colorer l'eau. Ensuite, nous allons créer quelques arbres et nommer les rues.

Coloration de l'eau

Pour colorer l'eau, nous allons d'abord la marquer.

Cartographie (dessin de plans d'accès) avec Illustrator - Partie 5

Ensuite, nous allons dans le panneau des styles graphiques et nous avons ici un symbole appelé "Crépuscule".

Cartographie (dessiner des cartes routières) avec Illustrator - Partie 5

En montant une fois. Et d'un clic, nous obtenons ici un très beau tracé d'eau adapté.

Cartographie (dessiner des itinéraires) avec Illustrator - Partie 5

Malheureusement, l'effet de profondeur de notre quartier résidentiel ne ressort pas bien ici, même si nous lui avons déjà donné une ombre portée. Cela est dû au fait que nous avons placé la couche des espaces verts sous le quartier résidentiel. Nous déplaçons donc la couche résidentielle vers le haut une fois.

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Et le problème est résolu.

Cartographie (dessiner des cartes d'accès) avec Illustrator - Partie 5

Dessiner un arbre

Ensuite, nous allons dessiner un petit arbre. Pour cela, nous zoomons d'abord et prenons l'outil Étoile.

Avec cela, nous dessinons une étoile et appuyons sur les touche fléchée vers le bas jusqu'à obtenir un triangle. Ensuite, en maintenant la touche Maj pour que la pointe soit vers le haut, nous relâchons.

Cartographie (création de cartes d'itinéraires) avec Illustrator - Partie 5

Nous pouvons immédiatement colorer ce triangle. Pour cela, nous allons ici sur ce champ et lui donnons la couleur : 9ac551.

Cartographie (dessiner des cartes routières) avec Illustrator - Partie 5

Corriger les mauvaises couches

Ensuite, nous avons un beau vert. Et si nous ne pouvons pas le voir sur notre espace de travail, nous regardons notre panneau des couches, où nous avons dessiné ce triangle. Cela nous montre que nous l'avons dessiné sur la couche de fond. Nous voulions en fait le placer sur la couche "Icônes". Nous déverrouillons cette dernière une fois. Et pour assigner cette couche à la couche "Icônes", je vais simplement sur le carré de la couche d'arrière-plan, maintiens le bouton de la souris enfoncé ...

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

... et je déplace le tout vers la couche "Icônes". Et voilà, le triangle a été ajouté à la couche "Icônes".

Cartographie (dessin de cartes d'accès) avec Illustrator - Partie 5

Continuer à dessiner l'arbre

Ensuite, nous dupliquons simplement ce triangle en maintenant la touche Alt enfoncée, en cliquant à nouveau, en maintenant Shift, de sorte que nous descendions vraiment exactement vers le bas, et en relâchant.

Cartographie (dessin de cartes d'accès) avec Illustrator - Partie 5

Nous pouvons encore comprimer un peu ce triangle et le tirer légèrement vers le bas.

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Et ensuite, nous voulons lui donner un petit tronc. Pour cela, nous allons sur l'outil Rectangle et dessinons un rectangle ici depuis le milieu en maintenant enfoncées les touches Shift et Alt pour d'abord créer un rectangle. Ensuite, nous le comprimons à nouveau en maintenant la touche Alt. Maintenant, nous avons aligné ce tronc exactement au centre. Il ne lui manque plus qu'une couleur : 9ac551.

Cartographie (dessiner des cartes d'itinéraires) avec Illustrator - Partie 5

Maintenant nous voulons réunir l'arbre. Pour cela, nous le sélectionnons entièrement et allons à Fenêtre> Pathfinder.

Ensuite, nous sélectionnons le premier symbole ...,

Cartographie (dessiner des cartes de route) avec Illustrator - Partie 5

... qui assemble notre forme en une forme complète.

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Maintenant, nous avons ici un arbre. Mais nous voulons avoir plusieurs arbres. C'est pourquoi nous le sélectionnons une fois et nous allons sur Fenêtre>Symboles. Et pour convertir cet arbre en un symbole ou en créer un symbole, il suffit de le faire glisser et de le déposer simplement dans le panneau de Symboles.

Cartographie (dessin de cartes d'itinéraires) avec Illustrator - Partie 5

Nous lui donnons un nom et cliquons sur OK. Et maintenant, nous avons l'opportunité incroyable de choisir un outil de génie. Nous le trouvons dans la barre d'outils en tant qu'outil de pulvérisation de symboles.

Cartographie (Dessiner des cartes d'itinéraires) avec Illustrator - Partie 5

Ainsi, nous avons une bombe aérosol, et si nous cliquons maintenant avec le clic gauche sur notre surface de travail et maintenons ce bouton enfoncé, nous pouvons peindre ici un nombre illimité d'arbres.

Cartographie (dessin de cartes routières) avec Illustrator - Partie 5

Cependant, ceux-ci sont maintenant placés de manière aléatoire et pour ajuster un peu le placement, nous avons la possibilité de sélectionner l'outil de déplacement de symboles.

Cartographie (dessin de cartes routières) avec Illustrator - Partie 5

Et ainsi, nous pouvons redistribuer un peu les arbres.

Cartographie (dessin de cartes de navigation) avec Illustrator - Partie 5

Nous voulons également pulvériser des arbres dans les rivières. Si nous appuyons sur la touche une fois seulement, nous pouvons bien contrôler où les arbres atterrissent, et avec l'outil de déplacement, un peu pour les déplacer. Si nous avons trop de symboles - par exemple, s'il y en a trop alignés dans une rangée régulière - nous appuyons simplement sur la touche Alt et cliquons sur les symboles. Ainsi, nous pouvons supprimer certains arbres.

Ajuster la taille des symboles a posteriori

Et comme les arbres me semblent un peu encombrants en taille, nous allons les réduire un peu. Nous pouvons le faire très simplement sans avoir à recréer les symboles ni à les pulvériser à nouveau. Dans la palette de Symboles, double-cliquez simplement sur le symbole souhaité à modifier. Notre arbre apparaît. Nous le sélectionnons complètement une fois et le redimensionnons simplement un peu plus grand. Ensuite, nous revenons en arrière en cliquant sur le bouton Retour en haut à gauche.

Cartographie (dessin de cartes d'accès) avec Illustrator - Partie 5

Et vous pouvez immédiatement admirer le résultat, tous les arbres sont ajustés. Ainsi, vous savez comment vous pouvez réduire les symboles ultérieurement.

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Légendes des routes

Ensuite, nous voulons légender les routes. Pour cela, nous allons dans le panneau Calques, et nous dupliquons notre calque des routes principales. Comme nous voulons que notre texte suive exactement la route, nous déplaçons le calque dupliqué tout en haut, car nous avons déjà notre calque de noms de rues précédemment créé. Nous pouvons en fait le supprimer maintenant, car le duplicata des routes principales sert à cela.

Et pour pouvoir voir exactement quelles routes se trouvent en dessous, nous déplaçons simplement la carte vers le haut dans le panneau Calques. Ensuite, nous ouvrons la palette Transparence sous Fenêtre>Transparence.

Là, après avoir sélectionné et déverrouillé le calque, nous faisons baisser un peu la transparence, ce qui nous permet de voir les noms des rues à travers.

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Ensuite, nous retournons une nouvelle fois à notre duplicata des routes principales, le déverrouillons, verrouillons les autres pour ne rien modifier par inadvertance. Et pour créer le texte le long du tracé, nous sélectionnons l'outil Texte sur tracé...

Cartographie (dessiner des cartes pour se rendre) avec Illustrator - Partie 5

... et cliquons une fois sur l'une des routes. Si nous recevons le message suivant: "Vous devez cliquer sur un tracé non composé ni masqué pour créer du texte le long d'un tracé" ...,

Cartographie (dessiner des cartes d'accès) avec Illustrator - Partie 5

... nous devons d'abord sélectionner le chemin de texte dans le panneau des calques, prendre l'outil flèche, cliquer avec le bouton droit sur le chemin de texte sur notre plan de travail et là aller sur Convertir en tracé composé.

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Et maintenant je peux cliquer sur le Texte le long du tracé avec l'outil Texte le long d'un tracé sur le tracé pour "Dam Spandauer" ...

Cartographie (dessiner des cartes d'itinéraires) avec Illustrator - Partie 5

... et insérer "Dam Spandauer". Il apparaît maintenant joliment en bas. Et pour pouvoir le lire correctement, nous prenons l'outil de sélection et il y a une belle poignée sur le côté droit avec laquelle nous pouvons déplacer le texte à la bonne position.

Cartographie (dessiner des cartes de conduite) avec Illustrator - Partie 5

Sur le côté gauche, il y a une autre poignée. Avec cela, nous pouvons déplacer le texte vers le haut du tracé pour pouvoir le lire correctement.

Cartographie (dessiner des cartes d'itinéraires) avec Illustrator - Partie 5

Nous pouvons donner à notre texte une taille de police de 18 pt pour bien le lire. Et comme le texte est noir, il a toujours un contraste trop faible avec la route sombre. Cela signifie que nous allons l'aider à être plus lisible en ajoutant une autre contour dans le panneau Aspect. Nous allons alors...

Couleur de la contour : Blanc
Épaisseur de la contour : 6 Pt

Afin de pouvoir voir à nouveau le texte à travers, nous allons déplacer la surface vers le haut dans le panneau Aspect et la rendre à nouveau noire.

Cartographie (dessiner des plans d'accès) avec Illustrator - Partie 5

Maintenant nous voyons que notre contour est assez anguleux...

Cartographie (dessin de cartes routières) avec Illustrator - Partie 5

Si cela ne nous convient pas, nous allons dans la partie Contour du panneau Aspect et allons simplement arrondir cela...

Cartographie (dessin de cartes de direction) avec Illustrator - Partie 5

Maintenant, nous pouvons le lire magnifiquement. Et pour pouvoir continuer de la même manière avec les autres rues, nous allons cliquer sur Nouveau style graphique dans le panneau Styles graphiques. Cela crée un nouveau style graphique et nous pouvons ainsi créer les autres noms de rues en un clic dans le même style.

Cartographie (dessin de plans d'accès) avec Illustrator - Partie 5

Ensuite nous inscrivons "Chemin de Tegel".

Cartographie (dessin de cartes d'itinéraire) avec Illustrator - Partie 5

Ensuite il suffit de cliquer une fois sur l'icône dans le panneau Styles graphiques - et notre apparence de route a été transférée.

Cartographie (dessin de cartes d'accès) avec Illustrator - Partie 5

La même chose pour le reste des artères principales.

Cartographie (dessiner des cartes routières) avec Illustrator - Partie 5

Les autres tracés restants peuvent être supprimés facilement. Et pour pouvoir les identifier tous, nous allons dans le panneau des calques, ouvrons le calque "Artères principales" et regardons lesquels de nos calques de tracés sont toujours affichés comme un tracé au lieu du nom de la rue. Nous pouvons ensuite supprimer ces calques facilement. Ensuite, nous pouvons supprimer l'ancien calque "Noms de rues".

Cartographie (dessiner des cartes d'itinéraire) avec Illustrator - Partie 5

Et renommons les "Artères principales" en "Noms de rues".

Cartographie (dessin de cartes d'accès) avec Illustrator - Partie 5

C'est tout pour cette partie.

Cartographie (dessin de cartes d'accès) avec Illustrator - Partie 5

Dans la prochaine et dernière partie, nous créerons des icônes pour le métro et le RER afin de montrer où ils se trouvent. Ensuite, nous créerons un signe correspondant pour l'autoroute pour indiquer de quelle autoroute il s'agit. Et nous définirons notre position.