Donne du relief au texte de ton logo6 minutes à lire

Je vais te présenter des idées pour ajouter des effets sur le texte de ton logo.

Il ne s’agit pas de tout cumuler mais de piocher un ou plusieurs effets qui renforceront l’image que tu souhaites projeter.

Ce que tu vas apprendre :

logo barres obliques
logo lettres allongées
point i étoile
logo colorer une partie du logo
logo séparation avec i
logo monogramme
logo extension à la verticale
logo texte arrière plan
logo ombre manuelle forte
logo supprimer la barre du a

Si tu n’est pas familiarisé avec Inkscape, je te recommande de découvrir les bases du logiciel avec un logo texte simple avant de poursuivre cet article.

picto articles intermediaires

Intermédiaire

Réaliser une découpe des lettres

  • Créer une barre qui dépasse du texte avec l’outil rectangle
barre
  • Régler sa hauteur dans le menu en haut de la zone de travail
réglage hauteur barre
  • Placer précisément la barre sur le texte avec l’outil de Sélection et un fort niveau de zoom
outil sélection


Les touches du pavé numérique se révèlent d’une grande aide pour déplacer des éléments.

placement barre zoom
  • Sélectionner le texte avec l’outil de Sélection
  • Maintenir la touche MAJ du clavier enfoncée et cliquer sur la barre pour sélectionner les deux éléments
sélection de 2 éléments
  • Découper avec Chemin > Différence
chemin différence
logo 1 barre

Des barres de tailles différentes peuvent créer un effet intéressant.
Dans cet exemple, j’ai utilisé des hauteurs de 3, 2 et 1 PX sur un logo de 60 px de haut espacées de 6 et 4 px.

  • Procéder une barre par une barre pour effectuer la différence
logo 3 barres

Les barres verticales fonctionnent très bien.

logo barres verticales

Réaliser une barre oblique

  • Cliquer à nouveau sur la barre avec l’outil de Sélection pour faire apparaître les flèches de rotation
fléches de rotation
  • Cliquer sur la flèche à une des extrémités et maintenir appuyé pour pivoter
logo barres obliques

Tu peux utiliser le même principe pour détacher certaines parties des lettres.

placement des formes pour détacher une partie des lettres
logo parties de lettres détachées

Utiliser d’autres formes

Nous rencontrons un problème spécifique avec les formes plus volumineuses. Il n’est pas possible dans certains cas de traiter une lettre sans affecter sa voisine.

lettre voisine affectée par la découpe

Ici l’ellipse pour arrondir le M a effacé le o.

Pour remédier à cela, nous allons vectoriser le texte. Chaque lettre sera désormais considérée comme une forme à part entière.

  • Sélectionner le texte
  • Vectoriser le texte avec Chemin > Objet en chemin
objet en chemin
  • Sélectionner la lettre et la forme avec Éditer les noeuds
outil édition des noeuds
  • Découper avec Chemin > Différence

Le rond

Créer un rond ou une ellipse avec l’outil Créer des cercles
Note : pour avoir un cercle parfait maintenir la touche CTRL du clavier et effectuer une diagonale

Les ronds de grandes tailles permettent de modifier la structure des lettres et les petits de réaliser des découpes dans les lettres.

placement des ronds de découpe
logo effets ronds

Voici ce que cela donne utilisé avec parcimonie.

logo effet découpe rond léger

Le cercle

  • Réaliser un rond
  • Placer des guides sur la croix au centre qui apparait quand la forme est sélectionnée pour faciliter le travail de superposition
  • Dupliquer en copiant-collant
  • Diminuer légèrement la taille du second
  • Superposer les croix des 2 ronds
supperposer 2 ronds
  • Sélectionner les 2
  • Opérer la découpe avec Chemin > Différence
cercle

Il ne faut pas hésiter à multiplier les cercles pour obtenir un effet.

multiplier les cercles de découpe
logo découpe cercles
logo découpe cercle variante

Triangles, étoiles, polygones

L’outil Étoiles est très flexible et va nous permettre de multiplier les formes en modifiant des réglages.

outil étoiles
  • Tracer une forme

Pour la transformer en triangle :

réglages étoiles

– Sommets : 3
– Ratio des rayons : 0,5

triangle
triangles placement
logo découpe triangle

Pour la transformer en étoile :

– Sommets : 5
– Ratio des rayons : 0,5

logo découpe étoiles

Modifier la forme des lettres

  • Sélectionner le bloc texte
  • Vectoriser les lettres avec Chemin > Objet en chemin
  • Outil Édition de nœuds
outil édition des noeuds
  • Cliquer sur une lettre

Tu découvres les points d’ancrages qui construisent cette lettre.

point ancrages lettre vectorisée

Tu peux déplacer les points d’ancrages en les sélectionnant et en conservant le bouton appuyé.
Tu peux également agir sur la forme du tracé en déplaçant les bords.

Rallonger certaines parties de lettres

  • Poser deux guides de chaque coté de la partie de lettre à allonger
  • Ajouter un troisième guide à la longueur souhaitée
  • Déplacer les points d’ancrages sur ces nouveaux repères avec l’outil Éditer les nœuds
outil édition des noeuds
déplacer un point d'ancrage

Le résultat

logo lettres allongées

Modifier les points des i

Changer la couleur

  • Vectoriser le texte avec Chemin > Objet en chemin
  • Cliquer sur l’outil de Remplissage
inkscape remplissage
  • Cliquer sur le point du i
sélection point
  • Cliquer sur fond pour définir une couleur
colorer le point du i

Changer la forme

  • Poser des guides autour du point pour faciliter le placement de l’élément qui le remplacera
guides
  • Cliquer sur le point avec Éditer les nœuds
  • Cliquer sur chacun des nœuds qui constituent le point
  • Retirer avec Supprimer les nœuds sélectionnés
supprimer le pointdu i
supprimer le point du i suite

Remplacer le point

  • Placer des repères autour du point
  • Supprimer le point
  • Créer une forme et la dimensionner dans l’espace occupé par le point

– Un astérisque

logo replacer le point du i par un astérisque

– Un carré

logo remplacer le point du i par un carré

– Une spirale

point i spirale

– Une étoile…

point i étoile

Colorer partiellement les lettres

  • Vectoriser la police avec Chemin > Objet en Chemin
  • Copier-coller la lettre à colorier
dupliquer une lettre
  • Superposer les deux lettres avec l’outil de Sélection
  • Déformer en déplaçant ou supprimant des points d’ancrages
déformer une lettre
déformer une lettre
déformer une lettre

Tu peux régler l’opacité dans la fenêtre Fond et contour pour avoir un résultat moins tranché.

réduire opacité
logo colorer une partie du logo

Barre de séparation

  • Ajouter un i majuscule
  • Déformer la lettre si besoin en déplaçant les points d’ancrages
logo séparation avec i

Autre option : tracer une barre

logo séparation avec une barre

Initiales

  • Vectoriser la police avec Chemin > Objet en Chemin
  • Sélectionner la lettre à dupliquer avec Éditer les nœuds
  • Copier-Coller
  • Positionner avec l’outil Sélectionner
positionner carré
logo monogramme

Extension à la verticale

  • Ajouter le texte de l’extension dans une zone à part
  • Cliquer deux fois sur la zone de texte avec l’outil sélection pour faire apparaitre les outils de rotation
  • Effectuer une rotation
rotation du texte
  • Ajuster la taille en cliquant une nouvelle fois sur la zone de texte pour faire apparaître les poignées de dimensionnement
    Note : bien activer le cadenas pour ne pas déformer la police
logo extension à la verticale

Superposition

Pour superposer deux textes, il faut créer deux zones de texte indépendantes.

  • Passer les textes en arrière plan avec Objet > Descendre à l’arrière plan
descendre à l'arriere plan
logo texte arrière plan

Ombre

Si l’ombre n’est pas un vrai plus pour ton logo, il est préférable de s’abstenir.

  • Sélectionner le texte
  • Filtre > Ombres et lueurs > Ombre portée
ombre portée
  • Faire des essais en cochant Aperçu en direct
ombre réglages

Dans cet exemple :
– Rayon du flou : 2
– Décalage horizontal : 3
– Décalage vertical : 2

Dans l’onglet Couleur du flou
A (transparence) : 70

  • Bouton Appliquer
logo ombre

Ombre manuelle

  • Copier-coller le texte
  • Passer en gris ou en noir
  • Diminuer l’opacité à 30%
  • Superposer
  • Décaler très légèrement en bas à droite
  • Passer en arrière plan
logo ombre manuelle

Sur le même principe, tu peux obtenir un effet graphique en prenant deux couleurs contrastées utilisées à 100%.

logo ombre manuelle forte

Supprimer la barre du A

Cet effet est souvent observé dans les logos.

  • Cliquer sur la lettre avec Édition de nœuds
4 points ancrage barre A
  • Placer deux guides sur la pointe du A
points ancrage a
  • Supprimer les points d’ancrage du triangle du A un par un en cliquant sur le point puis sur Supprimer les nœuds sélectionnés
supprimer noeud
  • Supprimer un des points qui restent sous la barre
bas de la lettre a
  • Déplacer le point restant en haut sur la croix des guides

Ta lettre doit probablement avoir une drôle de forme. Tu observes des traits avec un rond au bout reliés au points d’ancrage. Il s’agit des poignées de nœuds qui indiquent l’incurvation de la courbe.

outil sélection noeud
  • Déplacer les poignées de nœud en direction du point d’ancrage opposé pour obtenir une droite
déplacement de la poignée
logo supprimer la barre du a

Conclusion

Le texte de ton logo offre de nombreuses possibilités de personnalisation. Inkscape permet absolument toutes les fantaisies.

L’erreur est souvent de vouloir trop en faire. Se limiter à deux effets me semble une bonne option pour ne pas diluer la force de l’idée.

Découvre des effets graphiques pour donner du relief à ton logo.

Par quel effet vas-tu commencer ?

Les autres articles sur le thème du logo

Retrouve tous les tutoriels pour Créer ta marque

bannière de la newsletter de pour pas un rond version bleu-vert
Résumé
Article
10 effets pour enrichir le texte de ton logo
Description
Personnalise le texte de ton logo : découpe, ajout d'une ombre, modifier les formes, colorer, supprimer la barre du A, initiales... [Tuto]
Auteur
Publié par
pour pas un rond
Logo

Laisser un commentaire

You have to agree to the comment policy.