Comment créer un logo simple avec InkScape
InkScape est l’une des meilleures applications gratuites de graphiques vectoriels évolutifs (SVG). Cela en fait un outil idéal pour créer des graphiques qui conservent leur apparence quelle que soit leur taille, et surtout, des logos. Bien qu’InkScape offre une collection considérable d’outils, vous pouvez créer un logo simple en n’utilisant qu’un ou deux d’entre eux.
Étant donné qu’InkScape est l’une des applications graphiques open-source les plus populaires, de nombreuses distributions Linux l’ont préinstallé. Si la vôtre ne l’inclut pas, recherchez-le dans le magasin d’applications officiel de votre distribution. Si vous n’avez pas peur d’utiliser des commandes et que vous êtes sur une distribution basée sur Debian, vous pouvez l’installer avec :
sudoapt-get install inkscapeLisez aussi : 8 meilleurs éditeurs graphiques gratuits pour créer des images vectorielles
Orientation de la page
Le mode par défaut d’InkScape pour les nouveaux documents les a en orientation portrait. La plupart des logos ont une largeur plus grande que la hauteur, il est donc préférable de configurer la page en mode paysage.
Pour ce faire, sélectionnez “Fichier -> Propriétés du document” et changez l’orientation, juste en dessous de la liste des tailles de page, en paysage.
Lisez aussi : Comment créer un logo en utilisant Google Dessins
Outil ligne
Sélectionnez le douzième outil de la barre d’outils de l’application, représentant un petit crayon avec une ligne qui ressemble à une ombre en dessous. Alternativement, appuyez sur Shift + F6. Cet outil vous permet de dessiner des lignes droites et des courbes de Bézier.
Guides magnétiques
InkScape – et la plupart de ses outils – vous permettent de concevoir ce que vous voulez, où vous voulez, en commençant de n’importe où sur la page blanche. Parfois, comme dans le cas de la conception d’un logo, certaines restrictions sur toute cette liberté sont assez utiles. Et avec “restrictions”, nous parlons de “guides”.
L’utilisation de guides peut aider à contrôler la géométrie d’un dessin. En agissant comme des aimants, un clic à côté d’eux change l’endroit où un point sera placé, le “téléportant” dessus. Le bon placement des guides peut les transformer en un “squelette” grossier sur lequel créer le design final.
Créer des guides dans InkScape (ainsi que dans de nombreuses autres applications du même genre) est accessible via un raccourci caché : maintenez le bouton gauche de la souris enfoncé sur l’un des deux règles qui apparaissent aux bords de la page et faites-le glisser jusqu’au point où vous souhaitez un guide. Selon que vous avez tiré la règle du haut ou de gauche de la page, vous créerez soit un guide horizontal, soit un guide vertical.
Pour rendre la conception de votre logo beaucoup plus confortable, nous vous suggérons de créer une matrice de guides pas très différente de ce que vous pouvez voir dans notre capture d’écran.
Lignes, courbes et jonctions
Dans notre cas, nous avons conçu un logo alternatif “MTE” pour Make Tech Easier – juste ces trois lettres. Il est probable que vous souhaitiez créer quelque chose de différent, donc au lieu de donner des instructions strictes et spécifiques sur où et comment cliquer, nous allons décrire ce que nous avons fait et pourquoi nous l’avons fait.
Nous avons commencé par dessiner la lettre “m”. Comme pour la plupart des lettres, nous aurions besoin à la fois de lignes droites et de courbes. C’est plus facile – ou, du moins, nous pensons que c’est – de commencer par une simple ligne droite. Nous avons (mentalement) sélectionné un guide vertical à gauche de la page sur lequel nous aimerions placer notre première ligne verticale.
Nous avons cliqué sur une jonction avec un guide horizontal en bas à gauche. Nous avons ensuite cliqué sur une intersection avec un guide horizontal en haut à gauche. Le résultat était une ligne verticale sur le guide vertical, commençant et se terminant à ses jonctions avec les guides horizontaux.
Bien que nous ayons créé notre première ligne, nous étions loin d’avoir terminé : l’outil sélectionné est resté actif et en attente, attendant notre prochain mouvement. En nous déplaçant vers différentes parties de l’écran, nous pouvions voir un aperçu en direct des résultats de notre prochain clic. Au moins, si notre prochain clic devait aboutir à une autre ligne droite au lieu d’une courbe.
Définir une forme
L’outil lignes & courbes de Bézier sélectionné crée une séquence de lignes et de courbes. Chaque nouveau clic spécifie la fin de la ligne précédente et le début de la suivante.
Pour créer une courbe au lieu d’une ligne, maintenez le bouton gauche de la souris enfoncé au lieu de cliquer et de le relâcher. Ensuite, avec le bouton gauche toujours enfoncé, faites glisser votre souris autour. Vous verrez à l’écran que la ligne se transforme en courbe, avec sa courbure et son angle définis par la position du curseur.
Le processus de dessin d’une forme est complété en revenant à l’endroit où tout a commencé, avec un dernier clic sur le même point existant d’où vous avez commencé.
En définissant des lignes et des courbes par une série de clics séquentiels, vous pouvez dessiner presque tout ce que vous pouvez imaginer. Ce n’est pas une question de talent mais de patience, de volonté et de détermination. Même si, comme dans notre cas vu sur notre image, ce n’était que la lettre “m”.
Ajouter de la couleur
En répétant les étapes précédentes, nous avons conçu deux autres lettres pour compléter notre logo. Mais elles étaient blanches, ou pour être précis, vides, sur un fond blanc. Pas le meilleur pour un logo.
Pour donner une couleur à une forme, sélectionnez-la, puis choisissez la couleur que vous souhaitez qu’elle ait. C’est aussi simple que cela, du moins quand vous savez quel bouton fait quoi. Cliquez sur le premier des outils disponibles, qui montre une flèche, ou appuyez sur F1 sur le clavier. C’est l’outil de sélection. Avec lui actif, vous pouvez cliquer sur n’importe quelle forme que vous souhaitez sélectionner ou cliquer et faire glisser un rectangle autour.
Vous pouvez sélectionner plusieurs formes à la fois en faisant soit glisser un rectangle autour de toutes, soit en cliquant séquentiellement dessus tout en maintenant Shift enfoncé.
Pour attribuer une couleur à toutes les formes sélectionnées / actives, cliquez soit sur la forme désirée dans la palette de couleurs en bas de l’écran, soit cliquez et faites glisser sur l’objet auquel vous souhaitez l’attribuer. Notez que, dans ce cas spécifique, la deuxième méthode n’attribuera qu’une couleur au contour des lettres puisqu’elles sont, pour le moment, vides.
Logo final
Notre logo était presque prêt. En utilisant l’outil de sélection, nous avons rapproché les lettres une par une. Nous avons ensuite remplacé l’extravagance multicolore à l’apparence amusante que nous avons utilisée dans notre étape précédente à titre d’exemple, par un noir plus sérieux. Enfin, nous avons caché les guides en désactivant leur affichage depuis “Affichage -> Guides”, afin de pouvoir voir clairement le résultat de notre travail sans lignes ennuyeuses sur toute la page.
N’oubliez pas de sauvegarder !
L’étape finale lors de la conception de quelque chose est presque toujours une dernière visite à “Fichier -> Enregistrer”. InkScape n’utilise aucun format de stockage étrange et est entièrement compatible avec le format largement utilisé des graphiques vectoriels évolutifs, mieux connu sous le nom de “SVG”.
Les fichiers de ce type stockent des graphiques sous forme d’équations mathématiques, de sorte qu’ils apparaissent impeccables quelle que soit la taille de l’affichage. Il convient également de noter que tous les navigateurs actuels sont compatibles avec cela. et l’ont été pendant la majeure partie de la dernière décennie, ce qui signifie que vous pouvez utiliser votre logo directement au format SVG sur votre site. Il sera plus rapide à afficher, “plus propre” et plus adapté à la compression par rapport à un fichier JPEG ou PNG classique.
