Guide pratique de creation du logo — Talas & Veza

Comment dessiner, scanner, vectoriser et decliner le logo. Guide pour une personne seule, avec des outils gratuits. Prerequis : avoir lu DIRECTION_ARTISTIQUE_TALAS et IDENTITE_VISUELLE. Derniere mise a jour : 2 avril 2026.

1. Ce que le logo doit etre (recap)

Avant de dessiner quoi que ce soit, avoir ces criteres en tete :

Le symbole Talas

Le logotype TALAS

Le test final

Le logo est bon si et seulement si il passe tous ces tests :

2. Materiel et outils

2.1 Pour dessiner a la main (recommande)

Le logo est un geste de pinceau. Le dessiner a la main est coherent avec l'identite et produit naturellement l'irregularite recherchee.

Materiel minimal :

Outil Ou le trouver Budget
Feutre pinceau (Pentel Sign Brush, Tombow Fudenosuke, ou Pilot Futayaku) Papeterie, Amazon 3-8 EUR
Papier blanc lisse (A4 standard, pas trop texturise) N'importe ou 0 EUR
Feutre noir fin (Pigma Micron 05 ou Staedtler Pigment Liner) Papeterie 3 EUR

Materiel avance (si disponible) :

Outil Pourquoi Budget
Encre de Chine (Sennelier, Winsor & Newton, ou encre sumi japonaise) Le vrai sumi-e — diffusion authentique 5-12 EUR
Pinceau calligraphie (fude) — taille moyenne Trait avec variation d'epaisseur naturelle 5-15 EUR
Papier aquarelle (grain fin, 200-300 g/m2) Absorbe l'encre sans gondoler 5-10 EUR
Pierre a encre (suzuri) + baton d'encre L'experience complete — broyer son encre 15-30 EUR

Tu n'as pas besoin de tout ca. Un feutre pinceau a 5 EUR et du papier A4 suffisent pour produire un excellent logo. L'encre de Chine ajoute de l'authenticite mais n'est pas indispensable.

2.2 Pour numeriser

Outil Usage
Scanner (si tu en as un) 600 DPI minimum, niveaux de gris ou N&B
Smartphone (alternative) Photo en lumiere naturelle, bien cadree, sans ombre
Application de scan (Adobe Scan, Microsoft Lens, ou Open Note Scanner) Corrige la perspective et augmente le contraste automatiquement

2.3 Pour vectoriser et decliner

Outil Usage Cout
Inkscape Vectorisation, assemblage, declinaisons, export SVG Gratuit (open-source)
GIMP Nettoyage du scan (niveaux, contraste, crop) Gratuit (open-source)
Krita (optionnel) Dessin tablette si tu en as une Gratuit (open-source)
Figma (optionnel) Mockups rapides pour tester en contexte Gratuit (usage perso)

Inkscape est l'outil principal. Il est gratuit, open-source, et coherent avec les valeurs du projet. Pas besoin d'Adobe Illustrator.

3. Phase 1 — Recherche de references (1-2 heures)

3.1 Constituer un moodboard

Avant de dessiner, nourrir l'oeil. Rassembler 15-20 images de reference.

Ou chercher :

Ce qu'il faut collecter :

Sauvegarder dans :

05_EXPERIENCE_UTILISATEUR/Identite_Visuelle/logo/references/

3.2 Etudier les references specifiques

Prendre 10 minutes pour regarder de pres chacun de ces logos et noter ce qui fonctionne :

Reference Ce qu'il faut en retenir
Teenage Engineering Systeme visuel total, reconnaissable en 1 seconde
Aiaiai Logotype pur, pas de symbole, minimalisme radical
Ableton Logotype simple, pas de chichi, sérieux sans etre froid
Native Instruments Symbole fort (NI imbriques), fonctionne en petit
Nothing Dot matrix, langage proprietaire, anti-generic
Muji L'absence de marque visible = force tranquille
Enso traditionnel Cercle ouvert, pinceau, imperfection = beaute

4. Phase 2 — Croquis rapides (2-3 heures)

4.1 Les 6 directions a explorer

Explorer chaque direction pendant 20-30 minutes. Dessiner vite, ne pas reflechir trop. Le but est la quantite, pas la qualite. 2-3 croquis par direction minimum.

Direction A — Logotype brut

Le mot "TALAS" suffit. Pas de symbole. Jouer sur la typographie.

Force : simplicite absolue, pas de risque de symbole "deja vu" Faiblesse : pas de symbole pour favicon/avatar, moins memorable

Direction B — Enso (cercle d'encre)

Un cercle de pinceau, ouvert ou ferme, avec ou sans le nom.

Force : reference sumi-e directe, universel, fonctionne en rond (avatar) Faiblesse : beaucoup de logos utilisent des cercles — risque de banalite

Direction C — Onde / vibration

Une forme d'onde audio stylisee en trait de pinceau.

Force : lien direct avec l'audio, unique dans le paysage des logos micro Faiblesse : peut etre trop litteral si mal execute

Direction D — Trait unique

Un seul coup de pinceau. Rien d'autre. Le geste pur.

Force : radical, memorable, wabi-sabi pur, fonctionne en toute taille Faiblesse : peut etre trop abstrait — difficile de faire le lien avec l'audio

Direction E — Circuit / signal

Un schema electronique ultra-simplifie. Un clin d'oeil au circuit du preamp.

Force : lien direct avec le hardware, open-source, transparence Faiblesse : peut etre trop technique/niche

Direction F — Hybride

Combiner les directions les plus fortes.

4.2 Technique de croquis

Regles pour cette phase :

4.3 Selectionner

Apres les croquis :

  1. Laisser reposer une nuit — ne pas choisir a chaud
  2. Revenir avec un oeil frais
  3. Eliminer tout ce qui ne passe pas le test du "reconnaissable en 16x16"
  4. Entourer les 3 pistes les plus fortes
  5. Si aucune ne convainc, recommencer une session de croquis (c'est normal)

5. Phase 3 — Encre reelle (2-3 heures)

5.1 Pourquoi passer a l'encre

Les croquis au feutre donnent la forme. L'encre donne la matiere — la diffusion, l'epaisseur variable du trait, les "accidents" qui font la beaute du sumi-e.

Cette etape transforme une idee en un objet physique authentique.

5.2 Technique au feutre pinceau (methode simple)

Si tu n'as pas d'encre de Chine, le feutre pinceau (Pentel Sign Brush ou Tombow Fudenosuke) est un excellent substitut.

  1. Preparer 10 feuilles de papier A4 blanc
  2. Sur chaque feuille, dessiner la meme forme 5 fois (variations du meme geste)
  3. Varier la pression (leger → appuye), la vitesse (rapide → lent), l'angle
  4. Travailler debout si possible — le geste est plus libre
  5. Respirer avant chaque trait — le sumi-e est un art du geste conscient

5.3 Technique a l'encre de Chine (methode authentique)

Si tu as de l'encre de Chine et un pinceau :

  1. Preparer l'encre : verser un peu d'encre dans un petit recipient (ou broyer le baton sur la pierre si tu en as une)
  2. Charger le pinceau : tremper, essorer legerement sur le bord
  3. Papier aquarelle ou papier epais (le papier standard gondole avec l'encre)
  4. Poser le papier a plat sur une surface protegee (journal en dessous)
  5. Dessiner en un geste — ne pas revenir sur le trait
  6. Faire 5-10 versions de chaque piste
  7. Laisser secher completement (15-30 min) avant de manipuler

Astuces :

5.4 Selectionner les 3 meilleurs gestes

Pour chaque piste retenue :

  1. Etaler toutes les versions sur la table
  2. Eliminer les traits trop epais, trop fins, trop propres, ou trop chaotiques
  3. Garder le geste qui a le plus de caractere tout en restant lisible
  4. Marquer ce geste d'un point rouge (ou prendre une photo de reference)

6. Phase 4 — Numerisation (30 minutes)

6.1 Avec un scanner

  1. Scanner en 600 DPI minimum (1200 DPI si possible)
  2. Mode niveaux de gris (pas couleur, pas N&B binaire)
  3. Poser le papier bien a plat, fermer le capot
  4. Sauvegarder en TIFF ou PNG (pas JPEG — perte de qualite)
  5. Nommer : talas_symbole_scan_01.png, talas_symbole_scan_02.png, etc.

6.2 Avec un smartphone

  1. Poser le dessin a plat, en lumiere naturelle (pres d'une fenetre)
  2. Pas de flash (cree des reflets et des ombres dures)
  3. Photographier bien d'en haut (perpendiculaire au papier, pas en angle)
  4. Cadrer serre autour du dessin
  5. Utiliser une app de scan (Adobe Scan, Microsoft Lens, Open Note Scanner) qui corrige automatiquement la perspective et le contraste

6.3 Nettoyage dans GIMP

  1. Ouvrir le scan dans GIMP
  2. Image → Mode → Niveaux de gris (si pas deja fait)
  3. Couleurs → Niveaux : tirer le curseur blanc vers la gauche pour blanchir le fond, tirer le curseur noir vers la droite pour noircir l'encre. Le but : fond blanc pur + encre noire dense, sans perdre les details du trait
  4. Couleurs → Seuil (optionnel) : pour un N&B binaire ultra-propre. Attention : ca supprime les nuances de gris — a utiliser avec precaution
  5. Rogner (crop) serré autour du dessin
  6. Exporter en PNG a haute resolution

7. Phase 5 — Vectorisation dans Inkscape (3-4 heures)

7.1 Pourquoi vectoriser a la main

Inkscape a une fonction de trace automatique (Chemin → Vectoriser un objet matriciel). Ne pas l'utiliser pour le logo final. Voici pourquoi :

La vectorisation manuelle prend plus de temps mais produit un SVG propre, leger et fidele au geste original.

Exception : on peut utiliser le trace automatique comme point de depart, puis nettoyer et simplifier manuellement. C'est un bon compromis pour des formes complexes.

7.2 Methode pas-a-pas

Preparation

  1. Ouvrir Inkscape
  2. Fichier → Importer le scan PNG
  3. Verrouiller le calque du scan (cadenas dans le panneau Calques)
  4. Creer un nouveau calque au-dessus pour le trace vectoriel
  5. Zoomer a 200-400% sur le dessin

Tracer avec l'outil Bezier (touche B)

  1. Selectionner l'outil Dessiner des courbes de Bezier (B)
  2. Mode : Creer un chemin regulier de Bezier (dans la barre d'outils du haut)
  3. Cliquer pour poser des points le long du contour du trait d'encre
  4. Placer peu de points — un toutes les 5-10mm. Inkscape interpole entre les points
  5. Ajuster les poignees (tangentes) en les tirant depuis chaque noeud
  6. Fermer le chemin en cliquant sur le premier point

Conseil : tracer le contour exterieur du trait, pas le centre. Le symbole est une forme pleine (fill), pas un trait (stroke). Ceci donne un meilleur resultat en petite taille.

Preserver l'irregularite

Remplissage

  1. Selectionner le chemin trace
  2. Objet → Fond et contour
  3. Fond : Aplat → #1A1A1E (noir sumi)
  4. Contour : Aucune peinture (pas de bordure)

7.3 Alternative : trace automatique + nettoyage

Si la forme est trop complexe pour un trace entierement manuel :

  1. Selectionner l'image du scan
  2. Chemin → Vectoriser un objet matriciel
  3. Mode : Detection de luminosite ou Detection de contour
  4. Ajuster le seuil pour capturer le trait complet
  5. Cliquer Appliquer
  6. Supprimer l'image source
  7. Chemin → Simplifier (Ctrl+L) — reduire le nombre de noeuds
  8. Passer en mode edition de noeuds (N) et nettoyer manuellement : supprimer les noeuds inutiles, ajuster les courbes
  9. Objectif : < 100 noeuds pour le symbole final

7.4 Verifier le resultat

Avant de passer a la suite :

8. Phase 6 — Le logotype TALAS (1-2 heures)

8.1 Installer Space Grotesk

  1. Telecharger Space Grotesk sur Google Fonts : https://fonts.google.com/specimen/Space+Grotesk
  2. Installer le fichier TTF ou OTF sur ton systeme
  3. Redemarrer Inkscape pour qu'il detecte la nouvelle police

8.2 Creer le logotype

  1. Dans Inkscape, selectionner l'outil Texte (T)
  2. Taper : TALAS
  3. Dans la barre d'outils ou le panneau Texte :
    • Police : Space Grotesk
    • Poids : Bold (700)
    • Taille : 72pt (pour travailler confortablement, on redimensionnera apres)
  4. Espacement des lettres (letter-spacing) : selectionner tout le texte, dans le panneau Texte (Texte → Texte et police), regler l'espacement a +8 a +12 (equivalent de ~0.12em). Tester visuellement.

8.3 Ajustements optiques

La typographie geometrique en MAJUSCULES peut necessiter des ajustements :

8.4 Convertir en chemins

Une fois satisfait :

  1. Selectionner le texte
  2. Chemin → Objet en chemin (Shift+Ctrl+C)
  3. Le texte est maintenant un ensemble de formes vectorielles, independant de la police
  4. Sauvegarder le SVG — c'est le logotype source

Important : garder une copie du texte editable avant conversion (dans un calque cache) au cas ou il faudrait ajuster plus tard.

8.5 Logotype Veza

Meme processus exact :

  1. Taper VEZA en Space Grotesk Bold, MAJUSCULES, meme letter-spacing
  2. Ajuster le kerning si necessaire (VE et ZA sont les paires critiques)
  3. Convertir en chemins

9. Phase 7 — Assemblage et declinaisons (2-3 heures)

9.1 Logo principal (symbole + logotype horizontal)

  1. Placer le symbole a gauche, le logotype a droite
  2. Aligner verticalement au centre
  3. Espace entre les deux : environ la largeur de la lettre A du logotype
  4. Le symbole et le logotype ont la meme hauteur (ajuster si necessaire)
  5. Grouper les deux elements (Ctrl+G)
  6. Sauvegarder : talas_logo_principal.svg

9.2 Logo empile (vertical)

  1. Symbole au-dessus, logotype en dessous
  2. Centrer horizontalement
  3. Espace vertical : environ la moitie de la hauteur du symbole
  4. Sauvegarder : talas_logo_empile.svg

9.3 Symbole seul

  1. Le symbole seul, dans un document carre (viewBox carre)
  2. Centrer dans le document
  3. Sauvegarder : talas_symbole.svg

9.4 Logotype seul

  1. Le texte TALAS seul
  2. Sauvegarder : talas_logotype.svg

9.5 Favicon

Le favicon est le symbole simplifie pour etre lisible en 16x16 et 32x32.

La simplification peut inclure :

Technique :

  1. Dupliquer le symbole
  2. Redimensionner a 32x32 px
  3. Zoomer a 800% pour travailler pixel par pixel
  4. Ajuster les courbes pour que ca reste lisible
  5. Verifier a 16x16 (encore plus simplifie si necessaire)
  6. Sauvegarder : talas_favicon.svg

9.6 Versions monochromes

Pour chaque assemblage :

  1. Version noire : fill #1A1A1E sur fond transparent → pour fond clair
  2. Version blanche : fill #F2EDE6 sur fond transparent → pour fond sombre

9.7 Version gravure

Pour la gravure laser sur aluminium, les traits doivent etre :

Dupliquer le symbole et epaissir tous les traits de 10-15%. Sauvegarder : talas_gravure.svg

9.8 Version broderie

Pour la broderie sur tissu (pochette du packaging) :

Dupliquer le symbole et simplifier encore plus que la version gravure. Sauvegarder : talas_broderie.svg

10. Phase 8 — Tests en contexte (1-2 heures)

Avant de valider, tester le logo dans chaque contexte reel.

10.1 Test favicon

  1. Exporter le favicon en PNG 16x16 et 32x32
  2. L'afficher en taille reelle dans un navigateur (utiliser un fichier HTML local avec <link rel="icon">)
  3. Verdict : est-ce reconnaissable dans un onglet de navigateur ?

10.2 Test avatar RS

  1. Placer le symbole dans un cercle de 110x110 px (taille avatar Instagram)
  2. Fond washi #F2EDE6 + symbole #1A1A1E
  3. Puis tester en inverse : fond #0D0D0F + symbole #E8E3DB
  4. Verdict : est-ce reconnaissable dans un feed ?

10.3 Test sur fond sombre

  1. Ouvrir le logo sur un fond #0D0D0F
  2. Le symbole doit etre en blanc casse #E8E3DB
  3. Verdict : le contraste est-il suffisant ? Le caractere est-il preserve ?

10.4 Test mockup packaging

  1. Trouver une photo de boite en carton kraft (Google Images : "kraft box mockup")
  2. Placer le symbole en noir dessus (dans GIMP ou Inkscape)
  3. Imaginer le rendu reel (impression noir sur kraft)
  4. Verdict : est-ce que ca evoque un hanko (sceau japonais) ?

10.5 Test mockup micro

  1. Trouver une photo de micro a condensateur (le corps AliExpress, ou un NT1-A)
  2. Placer le symbole en blanc ou noir sur le corps
  3. Imaginer une gravure laser
  4. Verdict : est-ce elegant et discret ?

10.6 Test page web

  1. Creer un mock rapide (dans Figma, Inkscape, ou meme un fichier HTML) :
    • Header : fond washi + logo horizontal a gauche
    • Texte en Inter, titre en Space Grotesk
  2. Verdict : le logo s'integre-t-il naturellement dans l'univers Sumi ?

10.7 Test aupres de 2-3 personnes

Montrer les 3 pistes (ou la piste finale) a 2-3 personnes de confiance dont tu respectes l'avis artistique. Pas un sondage large.

Questions a poser :

Ne pas demander "tu aimes ?" — demander "tu retiens ?"

11. Phase 9 — Export final (1 heure)

11.1 Formats et tailles

Fichier Format Taille Usage
Logo principal SVG Vectoriel Source, web
Logo principal PNG 512x auto High-res general
Logo principal PNG 256x auto Usage courant
Symbole SVG Vectoriel Source, web
Symbole PNG 512, 256, 128, 64, 32, 16 Tous usages
Favicon ICO 16+32 Navigateur
Favicon PNG 180x180 Apple Touch Icon
Favicon SVG Vectoriel Navigateurs modernes
OG image PNG 1200x630 Meta tags (preview liens)

11.2 Exporter depuis Inkscape

Pour le SVG :

  1. Selectionner l'element a exporter
  2. Fichier → Enregistrer une copie en SVG simple (pas Inkscape SVG)
  3. Nettoyer les metadonnees inutiles

Pour le PNG :

  1. Selectionner l'element
  2. Fichier → Exporter en PNG (Shift+Ctrl+E)
  3. Zone d'export : Selection
  4. Regler la largeur desiree (la hauteur s'ajuste)
  5. Cocher fond transparent

Pour le ICO (favicon) :

  1. Exporter en PNG 16x16 et 32x32
  2. Utiliser un convertisseur en ligne (realfavicongenerator.net) ou ImageMagick : 
    convert favicon_16.png favicon_32.png favicon.ico

11.3 Organisation des fichiers

Ranger les fichiers dans l'arborescence definie dans la charte graphique :

05_EXPERIENCE_UTILISATEUR/Identite_Visuelle/
├── logo/
│   ├── talas/
│   │   ├── talas_logo_principal.svg
│   │   ├── talas_logo_empile.svg
│   │   ├── talas_symbole.svg
│   │   ├── talas_logotype.svg
│   │   ├── talas_favicon.svg
│   │   └── talas_gravure.svg
│   ├── veza/
│   │   └── veza_logotype.svg
│   ├── exports/
│   │   ├── png/
│   │   ├── favicon/
│   │   └── og/
│   └── references/           (moodboard, croquis scannes)
│       └── croquis/
...

12. Le logo Veza

12.1 Relation avec Talas

Veza est la plateforme web de Talas. Son identite visuelle est un sous-ensemble de celle de Talas — meme palette, meme typographie, meme langage visuel.

12.2 Option A — Logotype seul (recommandee)

Veza n'a pas de symbole propre. Le mot VEZA en Space Grotesk Bold MAJUSCULES est son seul identifiant visuel.

Avantages :

Usage : dans l'app Veza, la navigation affiche "VEZA" en logotype. Le symbole Talas apparait en footer ou page A propos.

12.3 Option B — Symbole propre

Si tu veux que Veza ait son propre symbole, il doit :

Pistes :

12.4 Decision

Cette decision se prend apres avoir finalise le logo Talas. Le logo Veza depend du logo Talas — pas l'inverse.

Pour le lancement, l'option A (logotype seul) est la plus rapide et la plus sure. L'option B peut etre exploree plus tard si le besoin se fait sentir.

13. Alternatives et complements

13.1 IA comme outil d'exploration

Les modeles de generation d'images (Gemini, DALL-E, Midjourney, Stable Diffusion) peuvent servir d'outil d'exploration pour visualiser des directions avant de dessiner a la main.

Comment utiliser :

  1. Utiliser le prompt de PROMPT_GENERATION_VISUELS pour generer des visuels
  2. Analyser les resultats : qu'est-ce qui fonctionne dans la composition ? Quelle direction est la plus forte ?
  3. Ne JAMAIS utiliser directement un resultat genere comme logo final. Les logos generes par IA ne sont pas suffisamment uniques, manquent d'irregularite authentique, et posent des questions de propriete intellectuelle.
  4. S'en servir comme reference visuelle pour dessiner a la main

13.2 Faire appel a un calligraphe (futur)

Si le budget le permet un jour, commander le symbole a un calligraphe professionnel (sumi-e ou calligraphie occidentale) en fournissant le brief.

Avantages :

Budget indicatif : 200-500 EUR pour un symbole de logo chez un calligraphe professionnel. Investissement justifiable une fois que le projet genere du revenu.

13.3 Police custom (futur)

A terme, une police personnalisee pour le logotype (basee sur Space Grotesk mais avec des ajustements specifiques) renforcerait l'unicite. C'est un projet ambitieux (2000-5000 EUR chez un type designer) a envisager quand le projet est etabli.

14. Planning recapitulatif

Phase Duree Ou Livrable
1. References 1-2h Partout (telephone) Dossier moodboard
2. Croquis rapides 2-3h Partout (papier + feutre) 15-20 croquis, 3 pistes retenues
3. Encre reelle 2-3h Chez toi (encre + papier) 3 gestes finalistes
4. Numerisation 30min Chez toi (scanner/telephone) Scans haute resolution
5. Vectorisation 3-4h Laptop (Inkscape) Symbole SVG vectorise
6. Logotype 1-2h Laptop (Inkscape) TALAS + VEZA en SVG
7. Assemblage 2-3h Laptop (Inkscape) Toutes declinaisons SVG
8. Tests 1-2h Laptop (Inkscape/Figma) Mockups valides
9. Export 1h Laptop (Inkscape) Tous formats finaux
Total ~14-20h Logo complet + declinaisons

Ces heures ne sont pas consecutives. Repartir sur 1-2 semaines. Les phases 1-3 peuvent se faire en deplacement (carnet + feutre). Les phases 4-9 necessitent un laptop.

Voir aussi