Astuces sous Illustrator : comment créer des bannières vectorisées

Je rajoute à la série des Astuces sous Illustrator un rapide tutoriel sur comment créer des bannières vectorisées cools et utiles, très utilisées dans la conception de logo et autres designs.

Commençons à créer des bannières vectorisées!

Étape 1

AI Quick Tip Vector Banners Step 1

Voici une vue d’ensemble de ce que vous pourrez réaliser à l’issue de ce tutoriel. Étant donné que la technique est similaire pour l’ensemble de ces bannières, je vous montrerai comment créer les deux premières à gauche de l’image et vous ne devriez pas avoir de mal à obtenir les deux autres par vos propres moyens. Dans tous les cas, comme d’habitude, les fichiers sources seront disponibles pour le téléchargement à la fin du tutoriel.

Étape 2

AI Quick Tip Vector Banners Step 2

  1. Comme dans la plupart de mes designs sur Illustrator, j’utilise fréquemment la symétrie, qui permet une certaine simplification dans le processus de conception. Dans cette étape, servez-vous de l’outil Plume en utilisant le raccourci (P) et dessinez la moitié de la bannière comme indiqué dans l’image ci-dessus. Comme vous pouvez le voir, nous dessinons uniquement la moitié de la forme principale sans nous préoccuper de la partie arrière de la bannière.
  2. C’est à ce moment que nous allons nous en préoccuper =D. En utilisant à nouveau l’outil Plume, dessinez une forme recouvrant ce qui devrait être la partie arrière de la bannière. J’ai utilisé un tracé magenta pour le mettre en valeur.
  3. Maintenant que vous vous êtes assurés que le forme va autour de l’espace vide comme indiqué dans l’étape intermédiaire 2, vous êtes prêts à lui donner une couleur pour la remplir et à l’envoyer en arrière en faisant un clique droit sur l’objet et en sélectionnant Disposition -> Arrière-plan.

Étape 3

AI Quick Tip Vector Banners Step 3

Vous ne pouvez pas vraiment le voir sur l’image à cause de la résolution, mais les plis des bannières ont un motif en fond, et c’est ce que nous allons apprendre à créer dans les étapes suivantes.

  1. La première chose que vous allez faire est une bande de longues bandes rectangulaires dont les couleurs de fond s’alternent. Utilisez l’outil Rectangle et cliquez n’importe où sur votre écran. Dans la boîte de dialogue, choisissez une largeur de 1px et une hauteur de 100px, puis donnez lui une couleur de fond des #999. Dupliquez ensuite le rectangle en le sélectionnant et en appuyant sur (Ctrl + C) et (Ctrl + V) et placez le à sa gauche en utilisant les flèches de direction et donnez lui une couleur de fond de #4D4D4D. Vous pouvez toujours modifiez les incréments du clavier en allant dans Éditer -> Préférence -> Général -> Incréments du clavier. Vous pouvez maintenant sélectionner les deux rectangles et les dupliquer autant de fois que vous le souhaitez jusqu’à obtenir quelque chose ressemblant au modèle que vous pouvez l’avoir ci-dessus.
  2. Nous avons donc notre modèle de base et nous allons maintenant lui appliquer une rotation de 45° vers la droite. Pour faire cela, sélectionnez tous les rectangles de façon à les déplacer en tant qu’une et même unité, et maintenez la touche (SHIFT) appuyez tout en le faisant tourner jusqu’à ce qu’il atteigne un angle de 45°. Maintenant, avec l’outil Rectangle, dessinez un carré, et tout en maintenant la touche (SHIFT) appuyée à nouveau, faites-le glisser au centre des rectangles en vous assurant qu’il s’aligne parfaitement avec ceux-ci, comme indiqué dans l’image ci-dessus. Réajustez le si besoin jusqu’à un alignement parfait.
  3. Une fois chose faite, sélectionnez les rectangles et le carré et utilisez l’outil Pathfinder avec l’outil Découpe. Parfait ! Nous avons obtenu notre modèle, tout ce qu’il nous reste à faire est alors de sélectionner le nouvel objet créé et de le faire glisser pour le disposer dans le nuancier.

Étape 4

AI Quick Tip Vector Banners Step 4

Nous allons maintenant customiser le modèle, pour lui donner son apparence finale.

  1. Pour ajouter le fond du modèle, il vous suffit d’ajouter la couleur de votre choix et cliquant sur l’objet et en le remplissant avec une couleur du nuancier. Plutôt simple non ? Vous pouvez utiliser cette technique pour n’importe quel modèle que vous voulez créer.
  2. Vous vous rappelez de la symétrie ? Dupliquez l’objet en le sélectionnant et en appuyant sur (Ctrl + C) et (Ctrl + F). Faites une réflexion de l’objet créé en faisant un clique droit dessus et sélectionnez Transformation -> Miroir. Assurez-vous que Vertical soit bien sélectionné dans la boîte de dialogue Miroir.
  3. Alignez-le maintenant comme indiqué dans l’image avec sa forme jumelle à gauche. Une fois chose faite, sélectionnez les deux objets et utilisez l’outil Pathfinder et cliquez sur Réunion.

Étape 5

AI Quick Tip Vector Banners Step 5

Passons tout de suite à la création de notre deuxième type de bannière. Mais si vous voulez vous accorder une pause café vous êtes libre de la faire. En fait, je peux vous garantir que je vous attendrez ici aussi longtemps que vous le désirez ! Êtes-vous prêt ? Ok, allons-y alors !

  1. Utilisez mon outil préféré d’Illustrator, la plume et commencez à créer. Essayez alors d’obtenir une forme semblable à celle-ci. Je sais qu’il peut être difficile de dessiner la forme, notamment en ce qui concerne les proportions mais souvenez-vous que vous êtes toujours libres de la dessiner sur papier et de la scanner ensuite pour la tracer sur Illustrator avec l’outil plume.
  2. Toujours avec l’outil plume, dessinez la partie arrière de la bannière. Ce second design est beaucoup plus simple car nous utilisons seulement des lignes droites, ce qui nous préserve des difficultés dues aux courbes du premier exemple de bannière.
  3. Une fois les deux parties réalisées, vous pouvez avancer en leur donnant les mêmes couleurs de fond que le premier design.

Étape 6

AI Quick Tip Vector Banners Step 6

Ah la dernière étape. Le titre de cet article concernant la rapidité d’exécution n’induit pas en ardeur. Vous pouvez vraiment faire ces deux bannières très rapidement. Quel que soit l’auteur, il doit vraiment être un as en la matière (le ton sarcastique est voulu =p).

  1. Cette fois-ci nous n’allons pas refléter la forme mais nous allons uniquement la dupliquer toujours en la sélectionnant et en appuyant sur (Ctrl + C) et (Ctrl + F). L’objet étant toujours sélectionné, faites-le simplement tourner de 180° vers la droite ou la gauche et placez-le un peu en dessous.
  2. Utilisez le (oui vous l’avez deviné), l’outil Plume et dessinez la forme qui formera l’illusion de la partie arrière de la bannière, représentée ici en magenta pour la mettre en valeur. Ce sont toutes des lignes droites dont vous pouvez aisément connecter les coins, ou points d’ancrage si vous voulez utiliser un terme plus adéquat.
  3. Enfin, donner à votre modèle le fond que vous voulez et vous avez terminé !

Note finale

Ceci conclut ce tutoriel. Vous roulerez ci-dessous un fichier zip contenant les fichiers sources Illustrator. Assurez-vous alors de respecter les « Conditions générales » applicables à l’ensemble des fichiers disponibles sur ce site.

Télécharger

J’espère que ce tutoriel vous a plu et n’hésitez pas à laisser un commentaire ou deux. Avoir des nouvelles de vous m’encourage à poursuivre ce blog. A bientôt.

Article précédent
Astuces sous Illustrator : comment créer une icône de tête de mort

Related Posts

Menu