Disclaimer
Ce blog est rempli de liens affiliés de haute qualité, signalés par une astérisque *. Si tu fais des achats aprÚs avoir cliqué dessus, les entreprises concernées me verseront une commission. (Mais ne t'inquiÚte pas, tu ne paieras pas plus cher pour autant!)
Menu du jour
Pas le temps de lire l’article maintenant? TĂ©lĂ©charge-le au format PDF en cliquant ici ou enregistre-le dans un de tes tableaux Pinterest pour y revenir plus tard âŹ
Dans un article prĂ©cĂ©dent, je t’ai prĂ©sentĂ© une mĂ©thode pour crĂ©er ton logo en ligne avec Canva. Cependant, peut-ĂȘtre n’as tu pas rĂ©ussi Ă obtenir un logo original qui te satisfasse vraiment.
Afin d’y remĂ©dier, voici une sĂ©lection d’astuces faciles qui te permettront de rendre ton logo original, mĂȘme si tu n’es pas graphiste.
Tu peux utiliser les astuces des sections 1 Ă 3 avec Canva*, mais les astuces de la section 4 nĂ©cessitent de passer par un logiciel vectoriel comme Inkscape, qui est gratuit. (ne t’inquiĂšte pas, je te donnerai les instructions prĂ©cises Ă chaque fois!)
â Note: trouver des icĂŽnes qui soient libres de droit pour un logo, surtout gratuites, c’est compliquĂ©. đ«Pour simplifier les choses et limiter les risques de problĂšmes lĂ©gaux, je te recommande de te concentrer sur le texte, et de ne pas te prendre la tĂȘte avec l’icĂŽne. Les astuces que je m’apprĂȘte Ă te proposer seront donc particuliĂšrement centrĂ©es sur les polices d’Ă©criture.
đĄ Si ce n’est pas dĂ©jĂ fait, mets au clair ton archĂ©type de marque pour clarifier l’univers de ta marque, et c’est parti pour la crĂ©ation! đ
Pousser le contraste pour rendre un logo original en quelques secondes
Formatage du texte
Beaucoup de polices disponibles gratuitement sur Google Fonts prĂ©sentent des alternatives spĂ©cialement conçues pour l’italique et pour diffĂ©rents niveaux de graisse. Ces alternatives, lorsqu’elles existent, sont souvent trĂšs diffĂ©rentes de la version principale (la fonte principale de la famille de police). N’hĂ©site pas Ă expĂ©rimenter avec!
Juxtaposer 2 polices complÚtement différentes
De nombreux/ses graphistes te diront de n’utiliser qu’une seule police par logo, mais c’est loin d’ĂȘtre une rĂšgle absolue. Utiliser deux polices trĂšs contrastĂ©es (une Ă©paisse et une cursive fine, par exemple) peut faire des merveilles⊠En particulier si le nom de ta marque est en deux parties! Par contre, Ă©vite absolument de juxtaposer deux polices trop proches: le rĂ©sultat serait plus discordant qu’autre chose!
Variations de tailles
Par dĂ©faut, on s’attend Ă ce que toutes les parties d’un logo soient Ă peu prĂšs de la mĂȘme taille. Cependant, augmenter ou diminuer radicalement la taille d’un Ă©lĂ©ment (une lettre, par exemple) peut donner des rĂ©sultats intĂ©ressants. Fais le test!
Garde toutefois Ă l’esprit qu’un Ă©lĂ©ment nettement plus grand et voyant que les autres doit avoir une signification particuliĂšre. Ăa peut ĂȘtre une icĂŽne si jamais tu en as une, la lettre initiale du nom… Ne mets pas en valeur un Ă©lĂ©ment au hasard!
Majuscules ou minuscules?
Les logos Ă©crits tout en majuscules ont tendance Ă apparaĂźtre plus stricts et/ou traditionnels que les logos en minuscules. Teste les deux options, et tu pourrais ĂȘtre surpris(e) de la diffĂ©rence de rĂ©sultat!
đ§ Sois trĂšs prudent(e), par contre, si tu utilises une police script. Dans ce cas de figure, la juxtaposition de lettres est gĂ©nĂ©ralement peu lisible. Pour un logo original qui ne sacrifie pas la lisibilitĂ©, il vaut mieux partir sur une police dĂ©corative avec des lettres Ă©paisses style « coup de pinceau » (brush stroke). RĂ©fĂšre-toi Ă mon article sur les polices d’Ă©criture si tu as besoin d’une explication sur la typologie des polices de caractĂšres!
Jouer sur les couleurs
Certes, il est prĂ©fĂ©rable, dans un premier temps, de travailler en noir et blanc. Cela permet notamment de ne pas se laisser submerger par la quantitĂ© de paramĂštres Ă traiter. NĂ©anmoins, il est de plus en plus frĂ©quent d’utiliser la couleur comme un Ă©lĂ©ment du logo Ă part entiĂšre: ce serait dommage de s’en priver! De plus, si les couleurs sont suffisamment contrastĂ©es, la diffĂ©rence se perçoit mĂȘme en nuances de gris, ce qui justifie de s’en prĂ©occuper assez tĂŽt dans le processus crĂ©atif.
Ci-dessous, quelques suggestions pour placer la couleur créativement:
- Enfermer tout ou une partie du texte dans une boßte colorée
- Remplir les espaces vides formées par les boucles des lettres
- Changer la couleur d’un Ă©lĂ©ment d’un caractĂšre (par exemple, un accent)
Placer un slogan (ou tagline) sous le nom de la marque pour occuper l’espace de façon plus Ă©quilibrĂ©e
Fais en sorte que le slogan soit court et ne dĂ©tourne pas l’attention du nom de la marque. Pour cela, utilise des caractĂšres fins, dans une taille de police plus petite. Les petites capitales sont tolĂ©rĂ©es, et mĂȘme, parfaitement adaptĂ©es Ă cet usage!
MĂȘme si tu n’as pas de slogan, tu peux utiliser un autre type de texte, comme l’annĂ©e de la crĂ©ation de ton business, sa ville de naissance, la catĂ©gorie de produits / services que tu fournis (reste suffisamment gĂ©nĂ©rique pour ne pas avoir Ă changer de logo tous les ans!)âŠ
MĂ©thodes de triche pour dessiner un logo original… sans dessiner
Rendre un logo original en explorant les alphabets du monde
Cette page de WikipĂ©dia rĂ©pertorie un certain nombre d’alphabets, dont tu peux copier-coller directement les caractĂšres (aussi appelĂ©s glyphes). Si tu ne sais pas par oĂč commencer, voici quelques suggestions d’alphabets qui offrent des glyphes intĂ©ressants. Tu peux mĂȘme essayer de les combiner entre eux!
- Arabe
- Arménien
- Cyrillique
- Grec
- Géorgien
- ThaĂŻ
- Tifinagh
- Rune
- Phonétique international
Je te conseille Ă©galement de faire un tour sur Google Noto. Ce moteur de recherche recense des polices gratuites et de haute qualitĂ© qui couvrent actuellement plus de 150 systĂšmes d’Ă©criture diffĂ©rents: une vraie mine d’or sous-exploitĂ©e pour la crĂ©ation de logo!
Créer un logo original avec un traducteur LingoJam
LingoJam est un site qui permet de crĂ©er ses propres systĂšmes de conversion de caractĂšres. Celui-ci, par exemple, transforme n’importe quel texte (sans accents, malheureusement) en combinaisons de glyphes originales (dont la fameuse fausse Ă©criture script qu’on voit de plus en plus sur les rĂ©seaux sociaux). Cela dit, pour que les symboles s’affichent correctement, tu devras les utiliser avec une police unicode, dont tu peux trouver la liste ici.
Explorer les bibliothĂšques de glyphes des polices de base
Les polices qui comportent le plus de glyphes sont aussi souvent les plus « classiques » (comprendre: ennuyeuses), parce qu’elles sont plus complĂštes: Arial, Open Sans, Bodoni, Calibri… L’avantage, c’est qu’une grande partie de ces polices sont installĂ©es par dĂ©faut sur les ordinateurs, donc pas besoin d’aller les chercher bien loin!
Pour ouvrir une bibliothĂšque de glyphes, c’est super simple:
- Sur PC – tape character map dans la barre de recherche de Windows, et lance l’application du mĂȘme nom. Il ne te reste plus qu’Ă explorer les polices en les sĂ©lectionnant dans le menu dĂ©roulant!
- Sur Mac – ouvre le livre des polices (dĂ©so pour le manque de prĂ©cision, je suis une pĂ©cĂ©iste de longue date – mais Apple a mis un tutoriel Ă ta disposition!)
Bonne nouvelle pour les amateur(ice)s d’Ă©mojis: ceux de Twitter, les Twemojis, sont libres de droit!
Le hic, par contre, c’est qu’il faut mentionner leur provenance (sur les site internet oĂč le logo apparaĂźt, notamment). Personnellement, je te conseille, dans la mesure du possible, d’apporter une ou plusieurs modifications Ă l’Ă©moji que tu souhaites utiliser, histoire de te l’approprier. Le site Craiyon, par exemple, a changĂ© la couleur de l’Ă©moji crayon pastel đ, ce qui en fait un tout nouvel Ă©lĂ©ment visuel! Continue ta lecture: dans la derniĂšre partie, je te montrerai comment faire des modifications basiques avec un logiciel de vectoriel gratuit.
Tracer et combiner des formes simples (lignes, cerclesâŠ)
Ces formes sont trĂšs faciles Ă dessiner avec la bibliothĂšque d’Ă©lĂ©ments graphiques de Canva*. Assure-toi simplement que ton icĂŽne ne ressemble pas trop Ă celle d’un(e) concurrent(e)!
Remplir une ou plusieurs lettres avec une texture, voire une photo, pour en faire l’icĂŽne d’un logo original
Sur Canva*, c’est simple: utilise les lettres-cadres. Pour ça, va dans la bibliothĂšque d’Ă©lĂ©ments, descend jusqu’Ă trouver les cadres, clique sur afficher tout et tape letter dans le moteur de recherche:
Sur Inkscape, la procédure est la suivante:
- Tape la ou les lettres dans un nouveau document (bouton Créer et éditer des objets textes)
- Fichier > importer (photo-texture)
- Place le texte sur la photo importée. Si le texte disparaßt derriÚre la photo, clique sur monter la sélection au premier plan.
- SĂ©lectionne la photo et le texte en mĂȘme temps
- Objet > Découpe > Définir
Occuper l’espace de façon inattendue
Modifier l’espacement des lettres
Dans l’exemple ci-dessus, on est gĂątĂ©(e)s. Le sigle JCM nous montre Ă quoi peut ressembler un logo avec des lettres resserrĂ©es. En revanche, sa version dĂ©veloppĂ©e, Le Journal du CM, prĂ©sente une approche (aussi appelĂ©e « interlettrage ») positive. Joli contraste!
De vertical Ă horizontal, et vice-versa
On s’attendrait Ă ce qu’un nom Ă rallonge occupe de la place horizontalement, mais que se passerait-il si on le dĂ©structurait complĂštement pour le faire rentrer dans un carrĂ©? N’hĂ©site pas Ă explorer toutes les options de placement du texte, y compris celles qui paraissent ridicules ou impossibles de prime abord. C’est en expĂ©rimentant que l’on atteint l’originalitĂ©!
Superpositions
Superposer des caractĂšres et des icĂŽnes sans que ça ne devienne un cafouillage illisible peut ĂȘtre un vrai challenge… mais c’est aussi trĂšs amusant, et cela donne assurĂ©ment un logo original!
Rotations
Incline ou fais pivoter les lettres. Idéal pour apporter fraßcheur et dynamisme à un logo autrement trop sage!
Inverser un caractÚre sur un axe de symétrie
Dans Canva*: malheureusement, il n’existe actuellement aucune option permettant de retourner directement du texte comme avec n’importe quel autre Ă©lĂ©ment graphique. La bonne nouvelle, c’est que ça ne veut pas dire qu’on ne puisse pas le faire du tout! Il te suffit d’exporter en PNG + fond transparent la partie du texte que tu souhaites inverser, et de l’uploader sur Canva. Fais glisser ton texte ainsi rĂ©uploadĂ© sur la page, et tada: tu peux maintenant le retourner horizontalement ou verticalement!
Dans Inkscape: Objet > Retourner horizontalement ou verticalement
Une autre option consiste Ă utiliser un gĂ©nĂ©rateur de texte en miroir comme celui-ci, mais les glyphes obtenus ne seront pas compatibles avec toutes les polices. De plus, l’Ă©quivalence des caractĂšres est loin d’ĂȘtre parfaite. Dans la mesure du possible, privilĂ©gie donc les deux mĂ©thodes prĂ©cĂ©dentes!
Jouer sur l’espace nĂ©gatif
La technique par excellence pour crĂ©er des logos avec des significations cachĂ©es! MĂȘme si, techniquement, tu manipules uniquement de l’espace positif, l’espace nĂ©gatif n’en reste pas moins un Ă©lĂ©ment porteur de sens et d’intĂ©rĂȘt⊠Si tu es bloquĂ©(e) dans ton design, cela peut valoir la peine de s’y intĂ©resser, ne serait-ce que pour avoir un regard neuf sur ta crĂ©ation.
Répéter le nom de la marque (ou un seul caractÚre)
Cette astuce ne conviendra pas à tout le monde, et le risque de créer une certaine lourdeur est bien présent. Pour une question de lisibilité, je te recommande de mettre en avant un seul des « clones », et de rendre les autres moins visibles, en diminuant leur opacité par exemple.
Ce n’est cependant pas le seul type de contraste possible: tu peux aussi distinguer un « clone » par une couleur, une texture diffĂ©rente⊠Une bonne pratique serait de voir le texte rĂ©pĂ©tĂ© comme une texture graphique, qui peut mĂȘme Ă©ventuellement devenir une icĂŽne Ă part entiĂšre. Explore!
Ne pas avoir peur de laisser de l’espace
En crĂ©ation graphique, il vaut souvent mieux un peu trop d’espace et de marges que pas assez. Un logo avec du texte Ă l’Ă©troit dans un cadre, par exemple, donnerait l’impression d’Ă©touffer.
Inversement, des espaces beaucoup plus larges que nĂ©cessaires constituent un choix artistique Ă part entiĂšre qui peut surprendre, et donc retenir l’attention.
Retouches vectorielles de base pour un logo original de haute qualité
Je te recommande le logiciel gratuit Inkscape pour appliquer les astuces suivantes. Mais avant de te lancer dans la personnalisation de tes lettres et caractĂšres divers, tu vas avoir besoin de convertir ton texte en tracĂ©s vectoriels. Ne t’inquiĂšte pas, c’est plus facile que ça en a l’air! Voici comment faire avec Inkscape:
- Dans le menu vertical de gauche, clique sur l’icĂŽne crĂ©er et Ă©diter des objets textes
- Clique sur la page blanche et tape ton texte
- Dans le menu vertical de gauche, clique sur l’icĂŽne Ă©diter les nĆuds ou les poignĂ©es de contrĂŽle d’un chemin (c’est l’outil qu’on utilise pour modifier des formes vectorielles)
- Dans la barre horizontale supĂ©rieure, clique sur l’icĂŽne convertir les contours des objects sĂ©lectionnĂ©s en chemins
- Alors que l’ensemble est encore sĂ©lectionnĂ©, presse simultanĂ©ment les touches CTRL, SHIFT et G de ton clavier pour rendre les lettres indĂ©pendantes (sĂ©lectionne plusieurs lettres et appuie sur CTRL et G pour les regrouper)
Une fois cela fait, ton texte est prĂȘt pour les astuces suivantes!
Amplifier ou créer une courbe
- Dans le menu vertical de gauche, clique sur l’icĂŽne Ă©diter les nĆuds ou les poignĂ©es de contrĂŽle d’un chemin
- Clique sur la lettre que tu veux modifier
- Passe le curseur sur une ligne: il se transforme en icÎne de poing fermé
- Fais un cliquer-glisser dans la direction voulue pour former une courbe
Arrondir ou durcir les angles
- Dans le menu vertical de gauche, clique sur l’icĂŽne Ă©diter les nĆuds ou les poignĂ©es de contrĂŽle d’un chemin
- Clique sur la lettre que tu veux modifier, puis sur le nĆud (un des petits carrĂ©s gris) qui t’intĂ©resse
- Dans la barre horizontale supĂ©rieure, clique sur l’icĂŽne rendre doux les nĆuds sĂ©lectionnĂ©s (le rĂ©sultat est souvent intĂ©ressant sur les coins des lettres: ça les adoucit) ou rendre durs les nĆuds sĂ©lectionnĂ©s
Fusionner des traits séparés, y compris entre caractÚres distincts
- Dans le menu vertical de gauche, clique sur l’icĂŽne sĂ©lectionner et transformer des objets
- Rapproche les caractĂšres / traits en les faisant glisser avec la souris jusqu’Ă ce qu’ils se touchent, puis sĂ©lectionne-les
- Dans le menu horizontal supĂ©rieur, clique sur l’onglet chemin, puis choisis l’option combiner (le processus peut ĂȘtre annulĂ© en choisissant l’option sĂ©parer juste en-dessous)
Couper un bout d’un caractĂšre
- Dans le menu vertical de gauche, clique sur l’icĂŽne tracer des courbes de BĂ©zier et des segments de droite
- Trace une forme par-dessus la lettre Ă sectionner
- la partie de la lettre qui se trouve sous la forme que tu dessines sera supprimĂ©e Ă l’issue du processus.
- à chaque clic, tu définis un coin de la forme de ton « masque »
- fais CTRL + Z pour annuler ton dernier clic
- tu peux aussi dessiner une forme Ă main levĂ©e en cliquant sur l’icĂŽne juste en dessous de celle qui sert Ă tracer des courbes de BĂ©zier
- assure-toi de bien fermer ta forme en cliquant sur son point de départ quand elle est terminée!
- Par dĂ©faut, la forme que tu traces peut apparaĂźtre comme un cadre « vide », mais quand on va procĂ©der au dĂ©coupage, le logiciel la traitera comme une forme pleine. Si ça te perturbe, tu peux lui donner un fond colorĂ© en cliquant sur Ă©diter les couleurs de l’objet > fond et contour dans le menu vertical de droite.
- Dans le menu vertical de gauche, clique sur l’icĂŽne sĂ©lectionner et transformer des objets
- Sélectionne la lettre et la forme
- Dans le menu horizontal supĂ©rieur, clique sur l’onglet chemin, puis choisis l’option exclusion pour supprimer la partie de la lettre qui rencontre la forme
- Toujours dans l’onglet chemin, clique sur sĂ©parer pour dĂ©tacher les Ă©ventuels restes indĂ©sirables du « masque », et supprime-les en appuyant sur la touche SUPPR de ton clavier
Ci-dessous, un exemple de résultat que ça peut donner avec du texte:
Cette compilation d’astuces pour crĂ©er un logo original facilement est maintenant terminĂ©e! J’espĂšre qu’elle t’aura donnĂ© envie de crĂ©er un logo qui dĂ©chire. đ€
Si tu veux voir des exemples de logo original pour t’inspirer, le blog Pour pas un rond a fait une mĂ©ga compilation de logos simples mais redoutablement efficaces.
Et si tu as besoin d’une explication supplĂ©mentaire (ou si tu connais des astuces que je n’ai pas mentionnĂ©es!!), la section commentaires reste ouverte 24 heures / 24 âŹ