Le logo est l'un des éléments visuels les plus représentatifs d'une marque, il est capable de transmettre au public ce qu'est son essence et c'est un symbole très puissant. Dans ce didacticiel, je vais vous montrer les outils de base proposés par Illustrator pour la conception de logo et je vais vous apprendre à en tirer le meilleur parti. Si vous voulez savoir comment créer un logo avec Adobe Illustrator, vous ne pouvez pas manquer cet article!
Logo, isotype ou imagotype
Normalement, nous utilisons le mot logo pour désigner le symbole qui représente une marque. Cependant, ce terme n'est pas entièrement utilisé. Avant de commencer à concevoir, clarifions cela.
- El logo est le symbole qui représente la marque et se compose de images et texte (ou typographie).
- Lorsque le symbole est uniquement composé de une image, pas de texte, il est plus correct d'utiliser le terme isotype.
- Il existe des marques qui utilisent parfois les différentes parties de leur logo indépendamment. Par exemple, Nike est souvent représenté uniquement par le Virgule. Lorsque l'image du logo est associée à la marque sans avoir besoin d'être accompagné de la typographie, on peut s'y référer comme imagotype.
Créez un nouveau document dans Illustrator et observez le modèle
Créons un nouveau document. Nous donnerons à la table de travail un Format A4, ainsi nous ne manquerons pas d'espace pour travailler. J'ai changé le mode couleur vers RVB.
Nous commencerons par un logo simple que j'ai précédemment conçu. En regardant ce modèle, nous verrons étape par étape comment je l'ai créé et avec quels outils. Leur objectif est que vous ayez une idée de la façon dont vous pouvez tirer le meilleur parti de ce que propose Illustrator. En décomposant le logo, nous voyons que Il est composé d'un ensemble de formes combinées et d'un texte.
Créez toutes les formes nécessaires dans Adobe Illustrator
Le corps de la chouette
Concentrons-nous d'abord sur les formes. Dans la barre d'outils, vous trouverez le outil de formes. En cliquant dessus, cela nous donne la possibilité de créer des rectangles, des ellipses, des étoiles, des polygones ou des segments de ligne. Dans ce cas, nous avons besoin créer un rectangle. Sélectionnez l'outil et faire glisser la souris créez un rectangle qui correspond à peu près aux dimensions que vous voyez dans l'image ci-dessus.
Comment passer de ce rectangle à la forme qui compose le corps du hibou? Nous devons le déformer, et pour cela nous avons le Outil de sélection directe dans la barre d'outils. Lorsque vous le sélectionnez, vous verrez qu'aux coins du rectangle une sorte de manutentionnaires (les cercles). Si vous tirez directement sur l'un d'eux, vous verrez que les coins se retournent. Pour déformer un seul coin, il suffit de cliquer une fois, puis de tirer. Vous verrez que ce coin bouge et que le reste reste tel quel.
Nous commencerons par le coin inférieur gauche, nous prendrons la poignée à la limite. Nous continuerons en haut à gauche et enfin nous arrondirons en haut à droite. De cette façon, vous obtiendrez la forme souhaitée.
L'oeil de la chouette
Large pour regarder de près le modèle. Les yeux ont la même forme que le corps et pour deux cercles, l'un dans l'autre. Nous allons créer un rectangle plus petit et nous le déformeronsC'est comme nous l'avons fait à l'étape précédente. Maintenant, nous allons créer les cercles. Sélectionnez le outil ellipse. Pour créer un cercle parfait, nous devons appuyer sur la touche décalage en faisant glisser, sinon il pourrait être déformé et être plus une ellipse qu'un cercle.
Une fois que nous avons tous les éléments de l'œil, il est temps de l'assembler. Pour toute tâche de conception que vous effectuez dans Illustrator l'outil d'alignement est basique. Vous ne l'avez peut-être pas visible, vous pouvez toujours y accéder dans fenêtre>s'aligner. Cela vous aidera automatiquement à aligner différents éléments. Vous pouvez référencer le plan de travail, la sélection ou un objet clé. Pour aligner, il vous suffit de sélectionner plusieurs objets et echoisissez une option d'alignement. Si vous souhaitez choisir un objet de référence, effectuez la sélection et cliquez sur l'objet que vous souhaitez transformer en objet clé sans appuyer sur aucune touche. Nous allons centrer la pupille à l'intérieur de la partie externe de l'œil.
Dupliquer et retourner pour créer l'autre œil
Si vous remarquez, l'autre œil est exactement le même mais dans la position opposée. Afin de ne pas avoir à répéter tout le processus, nous allons faire dupliquer le déjà créé. Vous pouvez le faire avec la commande + c (copier) puis la commande + v (coller) ou vous pouvez choisir de appuyez sur la touche d'option et faites glisser. Pour l'inverser, cliquez dessus, et dans le panneau des propriétés, dans la section "transformée", dans les symboles indiqués dans l'image ci-dessus, vous pouvez inverser la forme, dans ce cas, nous avons besoin qu'elle soit horizontale.
Créez l'aile avec l'outil Pathfinder ou Plume
Revenons à la grande forme, vous verrez qu'elle a une sorte d'aile. C'est en fait la même forme que nous utilisons pour le corps, placé derrière et tourné. Je profiterai de cette occasion pour expliquer deux outils super utiles pour créer des logos: l'outil plume et le pathfinder.
La outil stylo Vous l'avez dans la barre d'outils et vous pouvez l'utiliser pour créer l'aile. Son utilisation est très simple. Simplement cliquez pour créer des sommets et des lignes seront automatiquement dessinées pour les joindre.
Une autre façon de construire l'aile consiste à utiliser le pathfinder. Si vous ne l'avez pas visible, vous le trouverez dans l'onglet fenêtre> Pathfinder. Avec cet outil, vous pouvez combiner ou soustraire des pièces. Dans ce cas, nous devons sélectionner l'option: moins de front. Dupliquez la forme du corps, placez-le derrière en formant l'aile et dupliquez à nouveau, appuyez moins en avant et effacez l'excédent. Nous aurions déjà notre aile. Une fois toutes les formes créées, vous pouvez assembler le logo.
Couleur et dégradé pour votre logo dans Illustrator
Jusqu'à présent, nous n'avons pas abordé la question de la couleur. Il est important que lorsque vous concevez votre logo, vous faites attention à la couleur, choisissez des tons qui s'harmonisent et représentent l'esprit de la marque. J'ai choisi un rose, je laisserai le code couleur ci-dessus au cas où cela fonctionne pour vous. Les yeux ne sont pas remplis, ils sont une ligne blanche d'une épaisseur de 0,25.
La partie rose du corps n'est pas une couleur plate, elle a un dégradé. Il y a des opinions contradictoires sur les logos avec ou sans dégradé. Avant de les utiliser, c'était un risque car le dégradé pouvait être perdu lors de son téléchargement sur le Web. Cependant, c'est un problème surmonté. De nombreuses marques utilisent des dégradés dans leurs logos, des marques aussi reconnaissables qu'Instagram. Personnellement, je les aime parce que, s'ils sont bien utilisés, ils ajoutent du volume au logo.
Pour appliquer des dégradés, nous devons sélectionner l'outil Dégradé et double-cliquer sur l'objet. Nous pouvons raccourcir en appuyant sur le G du clavier et en double-cliquant. Dans le panneau des propriétés, en dégradé, vous pouvez choisir le type de dégradé et afficher un menu pour le modifier dans les trois points. Dans ce cas, nous avons choisi un dégradé qui va du noir au blanc et nous avons changé le noir en rose et le blanc que nous allons remplacer par un rose très très clair, presque blanc. En déplaçant la barre qui apparaît dans la forme et les points, vous pouvez modifier la position et la structure du dégradé.
Typographie dans le logo
Le texte n'a pas de complications, il est écrit avec la police Oswlad Medium, que vous pouvez télécharger gratuitement sur Google Fonts. Nous lui avons donné une taille de 17 points et nous avons choisi le même ton rose, voici à quoi il ressemblerait!
Comment personnaliser les polices dans Adobe Illustrator
Parlons plus de typographie! Les polices peuvent être converties en traits, casser, déformer et nous pouvons jouer avec eux. Je suis assez réticent à le faire, mais bon, créer des logos est une bonne ressource et vous devriez le savoir. Voyons un exemple:
Choisissons la police File Black, et je vais écrire ce nom. Dans l'état actuel des choses, nous ne pouvons pas en faire grand-chose. Il faut transformer la typographie en trait. Pour ça, nous le sélectionnons avec l'outil de sélection, et allons dans l'onglet texte> créer des contours. Avant de faire cela, assurez-vous que le texte est bien écrit, car vous ne pourrez plus le modifier!
En créant les contours, vous pouvez traiter votre texte comme n'importe quel autre trait Illustrator. Comme nous l'avons fait avec les formes, avec l'outil de sélection directe nous allons courber les extrémités des i et le point du deuxième «i» nous le transformerons en une sorte de feuille, à laquelle je vais donner ceci ton turquoise. Ce qui est intéressant, c'est que le mot entier pourrait être utilisé comme logo ou le «i» comme type d'image indépendant.
Testez vos logos avec des maquettes dans Photoshop
Une bonne idée pour voir si votre logo fonctionne est de créer des maquettes avec Photoshop. C'est la meilleure façon de voir rapidement à quoi cela ressemblerait dans la réalité et comment cela pourrait être mis en œuvre.