Donne du relief au texte de ton logo

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.

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.

Réaliser une découpe des lettres

• Créer une barre qui dépasse du texte avec l’outil rectangle

• Régler sa hauteur dans le menu en haut de la zone de travail

• Placer précisément la barre sur le texte avec l’outil de Sélection et un fort niveau de zoom

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

• 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

• Découper avec Chemin > Différence

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

Les barres verticales fonctionnent très bien.

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

• Cliquer sur la flèche à une des extrémités et maintenir appuyé pour pivoter

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

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.

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

• Sélectionner la lettre et la forme avec Éditer les 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.

Voici ce que cela donne utilisé avec parcimonie.

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

• Sélectionner les 2
• Opérer la découpe avec Chemin > Différence

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

Triangles, étoiles, polygones

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

• Tracer une forme

Pour la transformer en triangle :

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

Pour la transformer en étoile :

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

Modifier la forme des lettres

• Sélectionner le bloc texte
• Vectoriser les lettres avec Chemin > Objet en chemin
• Outil Édition de nœuds

• Cliquer sur une lettre

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

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

Le résultat

Modifier les points des i

Changer la couleur

• Vectoriser le texte avec Chemin > Objet en chemin
• Cliquer sur l’outil de Remplissage

• Cliquer sur le point du i

• Cliquer sur fond pour définir une couleur

Changer la forme

• Poser des guides autour du point pour faciliter le placement de l’élément qui le remplacera

• 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

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

– Un carré

– Une spirale

– Une étoile…

Colorer partiellement les lettres

• Vectoriser la police avec Chemin > Objet en Chemin
• Copier-coller la lettre à colorier

• Superposer les deux lettres avec l’outil de Sélection
• Déformer en déplaçant ou supprimant des points d’ancrages

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

Barre de séparation

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

Autre option : tracer 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

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

• 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

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

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

• Faire des essais en cochant Aperçu en direct

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

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

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

Supprimer la barre du A

Cet effet est souvent observé dans les logos.

• Cliquer sur la lettre avec Édition de nœuds

• Placer deux guides sur la pointe du 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 un des points qui restent sous la barre

• 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.

• Déplacer les poignées de nœud en direction du point d’ancrage opposé pour obtenir une droite

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.

Par quel effet vas-tu commencer ?

Les autres articles sur le thème du logo

• Décline ton logo pour toutes les utilisations
• Comment créer un logo simple pour ton entreprise
• 358 logos textes minimalistes pour s’inspirer
• 733 logos simples : trouve des idées originales réalisables sans être graphiste

Retrouve tous les tutoriels pour Créer ta marque