Fermer
Kwashi EliE.

À propos de moi

Kwashi EliE.

Le Logiciel Libre entre Web, Design et Administration Système par un Africain, OpenSource Evangelist

Retrouvez-moi sur

[🐧Open Source Evangelist]

Préc. Suiv.

Comment créer un logo simple en transformant les chemins dans Inkscape

Graphisme Libre 06-05-2018 19:40
    PARTAGER SUR:
Cette technique permet de faire plusieurs travaux dans la création vectorielle sous Inkscape en utilisant seulement les outils de transformation de chemins et d'objets. Cet tuto vise avant tout à juste montrer l'usage de quelques outils pour obtenir un effet particulier. Il vous faut avoir déja pris connaissance des didacticiels du logiciel Inkscape à défaut d'une visite guidée avant de vous mettre sur ce tutoriel.

Avant-propos

Inkscape est conçu pour faire du dessin vectoriel: il s'agit de l'objectif de base de ce Logiciel Libre considéré comme l'alternative open source N°1 de illstrator (d'Adobe) ou encore Corel Draw. Voyons une petite astuce qui permet de réaliser un simple jeu typographique grace à la gestion/transformation des chemins de chaque objet dans inkscape.

Sans revenir sur la définition des notions d'objet et de chemin en illustration vectorielle dans inkscape, je suggère qu'on s'applique tout de suite à la pratique.

Le champ conceptuel

Le concept (immaginaire) du logo à réaliser est de créer une illustration plate (flat) basée sur le prénom Natasha; il s'agit d'une marque de streetwear pour féministe. Il faut penser à une adaptation iconographique du logotype. Le logotype doit etre minimaliste, ouvert,
NOTE: il s'agit du dernier exercice des ateliers pratique #OpenTech4Girls-mars18

LetsGo!

Je travaillerai avec une police sans-serif: GRETAROS téléchargeable ici . On pouvait également dessiner l'élément de base "N" en partant d'une forme rectangulaire; le choix de cette police permet tout de même d'aller plus vite.

Mon interface de travail

Dans un nouveau document Inkscape, j'augmente le niveau de zoom pour apprécier au mieux le jeu de formes et/ou de couleurs: Menu AFFICHAGE > ZOOM > ZOOM2:1 (ou 1:1). J'ajuste également des options au niveau du document: Menu FICHIER > PROPRIÉTÉS DU DOCUMENT("Ctrl,Shift,D") > section GÉNÉRAL, UNITÉ PAR DÉFAUT: Px (pixels)

J'active l'outil TEXTE (touche clavier "T") sur la barre laterale gauche des outils de base pour écrire la lettre "N"; Taille de police: 55Pt.

J'active ensuite l'outil CERCLE (touche clavier "E" ou "F5") pour dessiner des formes ellipsoïdales. Je maintiens enfoncées les touches "CTRL" & "SHIFT" (de gauche) et je procède au dessin de mon cercle par un cliquer-glisser. Ceci me permet de dessiner un cercle parfait en un mouvement. Ensuite, la touche "S" ou "F1" pour passer en "mode sélection d'élément" afin d'afficher les options de l'outil SÉLECTEUR pour redimensionner le cercle; nouvelle dimensions du cercle: Largeur=36Px, Hauteur=36Px

Je duplique l'objet cercle ("CTRL,D") et je l'écarte du premier cercle en glissant sur la gauche; je le redimensionne sur Largeur=Hauteur=28Px et lui applique une autre couleur de fond.

J'active le sélecteur "S" et je sélectionne le 1er cercle; en gardant la touche "SHIFT" enfoncée, je sélectionne également l'objet N (écrit avec la police Gretaros). J'ouvre les outils d’alignement d'objets avec la combinaison clavier "CTRL,SHIFT,A" (ou dans le menu OBJET > ALLIGNER & DISTRIBUER ). je peux maintenant centrer les deux objets verticalement et horizontalement relativement au premier objet sélectionné.

Ensuite, je sélectionne les deux objets (la lettre N en arriéré plan et le cercle n°1 dessus en premier plan) en gardant enfoncée la touche "Shift". Je procède maintenant à une soustraction de l'objet supérieur de l'objet inférieur avec la combinaison clavier "CTRL,-" (ou menu CHEMIN>DIFFÉRENCE). Cet outil permet en fait de créer une différence de portions dans les chemins de plusieurs objets sélectionnés. Pour bien apprécier cette transformation de chemin de l'objet N, je retourne dans les propriétés du document (CTRL,SHIFT,D) pour activer l’Arrière plan en damier.

Je vais centrer ensuite le dernier cercle sur mon nouvel objet en les sélectionnant tous les deux et procéder comme précédemment avec les outils d’alignement: .

Et voilà, le logo est prêt. Ce logo peut servir d'autocollant, adapter en tant qu’icône pour des usages relatifs au web. Il ne reste qu'à lui appliquer un arrière plan en créant un carré avec l'outil qui crée les objets rectangulaire "R" ou "F4" au clavier; on peut en faire un joli avatar pour notre profil Telegram, Twitter, Facebook, Whatsapp, Instagram, etc... Libre à vous de le faire avec une autre lettre de l'alphabet ou d'utiliser la même technique avec autre objet que des lettres.

Finition

Je transforme le cercle n°2 en chemin avec la combinaison (CTRL,SHIFT,C) ou menu Chemin>Objet en chemin. Je sélectionne les deux objets (enfin en chemins) et je les fusionne avec "CTRL,+" ou menu Chemin>Union. Je n'aurai qu'un seul objet auquel je peux appliquer une couleur unique: code: #ff004dff (les codes hex des couleurs comporte que 6 caractères; mais exclusivement pour inkscape, gardez les suffixe 2F. Je l'expliquerai dans un autre billet)


    LIBRE DE PARTAGER SUR:

Qu'en pensez-vous ?👇 Réagissez...