Crée seul le logo de ton entreprise

Le logo est l’élément le plus visible de la marque. Certains sont tellement connus qu’il n’est plus nécessaire de préciser le nom de la marque.

logos mc donalds nike lacoste apple

Tu vas réaliser seul ton logo à l’aide de tutoriels. C’est intimidant mais nous allons rester dans des projets réalistes et je détaille toutes les étapes.

Si tu souhaites un résultat immédiat, je te propose de créer ton logo en 25 minutes. Ce sera très simple pour faire face à l’urgence.

Des exemples de ce que tu vas pouvoir réaliser :

ombre
logo texte en arrière plan
détaché
coloré

Si tu n’as pas une idée précise de ce que tu souhaites réaliser, je te propose de commencer par ce travail préparatoire qui va t’aider à matérialiser ton idée.

picto articles intermediaires

Intermédiaire

La présentation d’Inkscape

Nous allons utiliser Inkscape pour réaliser ton logo. Ce logiciel gratuit permet de réaliser un logo abouti qui pourra ensuite être décliné en fonction de tes besoins.

Inkscape est un logiciel de dessin vectoriel. Pour faire simple, voici deux dessins jumeaux :

Au format PNG

dessin au format PNG

Au format SVG (vectoriel)

dessin au format SVG

La différence est flagrante lors d’un zoom à 500 %

Au format PNG

zoom PNG

Au format SVG utilisé par Inkscape (vectoriel)

zoom SVG

Ton logo sera toujours nickel quelle que soit sa taille.

Avantages

  • Résultat impeccable et professionnel
  • Logo dimensionnable
  • Aucune restriction graphique
  • La possibilité d’importer des polices

Inconvénients

  • Une phase d’apprentissage au démarrage
  • Logiciel et polices à installer sur son ordinateur

L’installation

  • Se rendre sur le site d’Inkscape
  • Onglet Télécharger
  • Cliquer sur Télécharger
inkscape télécharger
  • Sélectionner Windows (fonctionne sous Linux et Mac)
inkscape télécharger windows
  • Cliquer sur la version souhaitée (si tu ne sais pas : prends la 64)
inkscape télécharger windows version 64
  • Bouton Enregistrer le fichier
inkcape télécharger suite
  • Cliquer sur l’icône dans Mes téléchargements
inkscape icone
  • Bouton Oui pour autoriser l’installation
  • Bouton OK pour valider le Français
inkscape langue
  • Bouton Suivant
inkscape installation
  • Bouton Suivant
inkscape-installation
  • Bouton Suivant
inkscape-installation
  • Bouton Installer
inkscape installation
  • Bouton Fermer
inkscape installation
  • Fermer Inkscape

Maintenant, nous allons installer les polices du logo sur ton ordinateur.

Installer les polices

Si tu n’as pas défini de polices pour ton logo, l’article sur la sélection des polices de ta marque est fait pour toi.

  • Dézipper le fichier de ta police
google fonts installer
  • Clic droit sur le fichier (tu peux en sélectionner plusieurs)
  • Choisir Installer pour tous les utilisateurs

Si tu as déjà installé tes polices et qu’elles n’apparaissent pas dans Inkscape. Tu les désinstallent et les installent à nouveau avec la procédure ci-dessus. Je me suis arraché les cheveux sur ce problème.

Si tu en as besoin, voici un point pour récupérer les fichiers des Google fonts.

Le processus pour télécharger les polices Google Fonts

  • Aller sur Google Fonts
  • Chercher la police du titre
  • Cliquer sur le plus
google fonts police recherche
  • Recommencer pour les polices du titre et celles du texte pendant que tu y es
  • Cliquer sur le bloc en bas au centre
google fonts police panier
  • Ouvrir un fichier texte et copier le code + les CSS et le sauvegarder sous personnalisation des polices du site (cela t’évitera de refaire la manipulation)
google fonts police code
  • Télécharger les polices
google fonts telecharger
google fonts telecharger suite
google fonts telecharger suite

La préparation est finalisée. Voyons ce que ce logiciel a dans le ventre.

  • Lancer Inkscape
Inkscape interface
  • L’outil Texte et les options
    La lettre A sur le menu à gauche
Inkscape outil typo
  • Tracer un cadre bien au milieu de l’espace (tu peux viser grand)
Inkscape outil typo cadre
  • Compléter son nom de marque
Inkscape outil typo saisie
  • Sélectionner le texte
Inkscape outil typo selection
  • Déterminer la police de titre et la variante (black, italique, narrow… si la police en possède)
Inkscape police
  • Ajuster la taille de la police (viser gros pour simplifier le travail)
Inkscape police taille
  • Régler l’espacement entre les mots (1)
  • Ajuster l’interlettrage (2)
Inkscape police reglages

Espacement entre les mots :

Standard

espacement standard

– 6

espacement moins 6

+ 6

espacement plus 6

Interlettrage :

Standard

interlettrage standard

– 8

interlettrage moins 8

+ 8

interlettrage plus 8

Modifier la couleur du texte

  • Cliquer sur le rectangle de couleur à droite de fond pour définir la couleur du texte (en bas à gauche)
inkscape couleur
  • Remplir les 6 chiffres de l’HEX dans RVBA suivi de FF (pas de transparence)
couleur fond

Positionner les éléments

  • Retour dans l’espace de dessin
  • Ajouter si besoin les autres textes et les paramétrer
    Je suggère de créer un espace de texte séparé pour chacun pour disposer de plus de liberté.
  • 3 options pour aligner les éléments à l’horizontale :
    • Déplacer manuellement
    • Utiliser les options d’alignement en ayant pris soin de placer la zone de texte
    • Ajuster à l’aide de l’interlettrage
alignement

Je suggère pour le calage vertical de prendre comme point de départ une distance égale à la hauteur du plus petit texte.

  • Déplacer le texte sous le texte principal avec l’outil déplacement
inkscape déplacement
  • Placer un repère (tu places ta souris sur les règles situées sur les cotés de la zone de travail et maintient clic gauche enfoncé pendant que tu déplaces le repère)
calage vertical
  • Décaler le texte sous le repère
calage vertical

La fonction zoom est d’une grande utilité pour réaliser un travail précis.

inkscape zoom

Réaliser un fond de couleur

  • Tracer une forme étendue bien au delà du texte avec l’outil forme rectangulaire
fond couleur
  • Placer le rectangle de couleur en arrière plan
    Objet > Descendre à l’arrière plan
descendre arrière plan

Le crénage, le détail ultime pour un rendu professionnel

Je te présente le logo de l’entreprise Chanel.

logo chanel modifié avec un espacement entre les lettres identique

Quelque chose n’est pas à sa place mais quoi ?

Voici le vrai logo.

logo chanel

As-tu trouvé ce qui les différencie ?

La différence est peu perceptible au premier abord mais le second logo est indéniablement beaucoup plus harmonieux. L’espace entre les lettres (ou crénage) est parfait.

Voici les deux logos avec des guides qui aident à visualiser le crénage.

espacement lettres identique

Le premier logo présente une distance identique entre toutes les lettres.

Le logo original

espacement lettres logo oruginal

Tu remarques que la distance entre le A et le N est différente de celle entre le N et le E. Cette version nous semble pourtant parfaitement équilibrée. Le crénage idéal ne prend pas en compte la distance physique entre les lettres mais l’impression de distance.

Les points d’attention

Tu dois porter ton attention en priorité aux lettres A, K, V, W, Y, F, L, T et aux combinaisons V + A, V + T et F + une minuscule.

Je n’ai malheureusement pas de recette à appliquer pour réussir ton crénage. Tu dois te fier à ton œil. En général, deux lettres droites doivent avoir un peu plus d’espace qu’un mixte droit et rond et que des rondes ensemble.

Le crénage est l’étape finale. Il doit être réalisé en tout dernier après l’interlettrage et l’interlignage car la disposition des éléments influence la perception.

Réaliser le crénage sous Inkscape

  • Sélectionner seulement 2 lettres
  • Modifier le crénage avec l’interlettrage
Inkscape crénage

Dans cet exemple l’espace entre le u et le k paraît plus important que les autres. Je le diminue un peu.

avant crénage
apres crénage

C’est subtil mais le diable est dans les détails.

Tu vas me maudire dans un premier temps de t’avoir présenté le crénage. Je suis cependant persuadé que tu me remercieras ensuite quand tu regarderas les versions de ton logo avant et après crénage.

Finaliser le logo sous Inkscape

  • Sélectionner tous les éléments avec CTRL + A
  • Chemin > Objet en chemin
objet en chemin
  • Sélectionner une lettre qui servira de référence pour l’espacement autour du logo
  • Placer des repères autour de la lettre
repère
  • Créer un rectangle sur l’espace autour de la lettre
rectangle
repère
  • Déplacer le rectangle en haut à gauche
  • Copier-coller le rectangle et en placer un aux 3 coins restants
repère
  • Placer des repères autour du nouvel espace
  • Ajuster la taille du fond à cet emplacement si besoin avec l’outil déplacement et les poignées sur les cotés
dimensionne fond couleur

Enregistrement

Fichier > Enregistrer
Cette version servira si tu as besoin de réaliser des modifications ultérieures

  • Sélectionner tout avec CTRL + A
  • Grouper tous les éléments
    Objet > Grouper
grouper
  • Redimensionner au format final en sélectionnant PX
dimentionner sélectionner pixels
  • Cocher le cadenas pour conserver les proportions
cadenas
  • Entrer ses dimensions
    Si tu ne connais pas encore le format final, tu réalises un premier essai avec une largeur et une hauteur maximale de 250 px.

Fichier > Propriétés du document

propriétés document
  • Bouton + Redimensionner la page au contenu
redimensionner
  • Bouton Ajuster la page au dessin ou à la sélection
ajuster
  • Supprimer les cales :
    • Outil de sélection des nœuds (1)
    • Sélectionner la forme (2)
    • Outil de déplacement (3)
    • Touche Suppr du clavier
suppression cales

Fichier > Exporter au format PNG

export png
  • Bouton OK

Fichier > Enregistrer une copie

enregistrer copie
  • Sélectionner SVG Simple
    Conseil : Annoter le nom du fichier avec le format par ex motozuka-250X250
svg simple

Pour parfaire le travail, tu optimises le PNG et le SVG avec Compressor.io.

  • Glisser le fichier
compressor interface
  • Bouton Download
compressor télécharger
  • Récupérer dans téléchargement

Voici le résultat.

logo finalisé au format 250 px de large

Conclusion

Tu disposes désormais de ton logo. Celui-ci sera facilement décliné en fonction de tes besoins : réseaux sociaux, en version noir et blanc…

N’hésites pas à m’adresser ton chef-d’œuvre et à partager avec tous ceux qui cherchent à créer leur site ou leur entreprise. Les lecteurs heureux sont mes principaux ambassadeurs pour faire connaître ce site.

Découvre comment créer seul ton logo à l'aide d'un logiciel professionnel gratuit.

Ressources

Un article agréablement illustré qui retrace toutes les étapes à prendre en compte avant de se lancer dans le création de son logo : Créer un logo d’entreprise.

Les tutoriels dédiés à Inkscape

Inscape propose des tutoriels pour apprendre à bien manier l’outil.

Les fiches du Lycée du Menée sont détaillées et accessibles. Le mémento qui synthétise toutes les fonctions sur 2 pages est à imprimer et à garder sous la main.

Imppao propose de nombreuses vidéos consacrées à Inkscape. Je recommande celle sur la réalisation d’un logo (commence à 4’40). Elle présente de bonnes pratiques mais le niveau est plutôt avancé.

Damien Albiser présente un tutoriel pour un logo simple qui permet de découvrir les outils.

Ces articles devraient t’intéresser :

Retrouve tous les tutoriels pour Créer ta marque

portrait jean pourpasunrond

Jean

Fondateur, auteur et homme à tout faire


J’ai créé pour pas un rond pour que tu puisses réaliser seul ton site et le faire grandir avec des tutoriels pas à pas.

bannière de la newsletter pour pas un rond
Inkscape est un logiciel gratuit qui t'assure un logo impeccable quelle que soit sa taille.
Résumé
Crée seul le logo simple de ton entreprise [Tutoriel]
Article
Crée seul le logo simple de ton entreprise [Tutoriel]
Description
Un tutoriel pour créer de A à Z un logo dont tu seras fier. Inkscape est un logiciel gratuit extrêmement puissant.
Auteur
Publié par
pour pas un rond
Logo

Cet article a 4 commentaires

  1. Merci infiniment Jean pour ce tutoriel excellent comme toujours je suis entrain d’essayer d’améliorer mon logo si j’y arrive je t’envois le résultat par mail.

    zahra

    http://www.astucesetmerveilles.fr

    1. Bonjour Zahra,

      Je suis impatient de contempler le résultat.

      A bientôt

  2. Bonjour,

    Super logiciel et merci pour les explications.
    Cependant je galère pour obtenir un logo net en png. Effectivement en vectoriel c’est toujours net. Par contre quand j’ouvre le .png (exporté d’Inkscape) c’est flou et pixelisé même sans zoomer (image a 50 pixels qui correspond à la taille de l’image que je veux au final sous WP). Avez vous une idée?

    Merci

    1. Bonjour Remi,

      Je te confirme. Ce n’est absolument pas normal. Ton ficher en PNG devrait être parfaitement net.

      Il doit probablement s’agir d’un problème de dimensionnement de ton fichier en amont qui ne correspond pas à la taille de ton export.

      Regarde bien les dimensions que tu as défini pour ton fichier dans Inkscape.

      L’avantage c’est que tu peux les changer à volonté sans aucune perte de qualité.

      Sélectionne tous tes éléments
      Sélectionne le cadenas
      Trouve Px dans le menu déroulant
      Indique tes dimensions finales

      A bientôt,
      Jean

Laisser un commentaire

Fermer le menu
massa elementum id, luctus diam Praesent Praesent