Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Logo Design
Design

Comment Créer Un Logo De Style Géométrique Dans Inkscape

by
Difficulty:IntermediateLength:MediumLanguages:

French (Français) translation by Bern_the_bear (you can also view the original English article)

Final product image
What You'll Be Creating

Dans ce tutoriel, je vais démontrer comment concevoir un logo de style géométrique qui conceptualise la lettre M, à l’aide d’Inkscape.

Si vous recherchez des modèles préfaits de logo, vous pouvez trouver de nombreux logos de lettre sur GraphicRiver.

1. Comment Configurer un Nouveau Document

Étape 1

Allez dans Affichage et assurez-vous que vous ayez sélectionné l'option Personnalisé.

Go to View and select Custom

Étape 2

Allez dans Affichage > Zoom et sélectionnez Zoom 1:1 pour s’assurer que vous avez zoomé à 100 %.

In the Inkscape toolbar - View Zoom Zoom 11

Étape 3

Cliquez sur l’icône Aligner et Distribuer les objets dans la barre d’outils du haut pour ouvrir le panneau d'alignement. Cliquez ensuite sur l’icône Remplissage & Contour dans la barre d’outils supérieure pour ouvrir le menu Couleurs, Dégradés et Contour.

Open the Alignment and Fill and Stroke panels in Inkscape

Étape 4

Allez dans Fichier > Propriétés du Document (Ctrl-Maj-D) et désactivez les cases Afficher la bordure de page et Afficher une ombre de bordure puis fermez cette fenêtre.

Deselect the boxes in the Document Properties dialog

2. Comment Créer La Forme De Base

Étape 1

Sélectionnez l’outil Créer des Étoile et Polygones (*) et configurer les paramètres dans la barre d’outils en haut avec les paramètres suivantes :

  • Polygone régulier
  • Sommets : 6
  • Arrondi : 0,000
  • Hasard : 0,000
Inkscape Stars and Polygons tool input

Step 2

Maintenez les touches Control et Maj de votre clavier, cliquez et faites glisser votre curseur sur la toile pour créer un polygone dont les coins sont orientées verticalement, comme illustré ci-dessous.

Create a polygon in Inkscape

Étape 3

Changer la couleur du polygone au rouge et baisser l’Opacité à 50 % à l’aide de l’outil Pourcentage d’Opacité dans le panneau de Remplissage & Contour.

Make the polygon red

Étape 4

Sélectionnez l’outil Sélection (F1) et activez l’icône de verrouillage entre les champs L et H de la barre d’outils supérieure. Ensuite, augmentez la valeur du champ L à 300 et appuyez sur Entrée pour établir la largeur du polygone à 300 pixels. Après cela,appuyer sur la boite Aimanter aux boites englobantes dans l’option Activer le magnétisme dans la barre d’outils en haut de la fenêtre.

Set the width and lock the proportions by clicking the lock icon

Étape 5

Cliquez sur le polygone, puis sélectionnez Dupliquer (Ctrl-D) pour créer une autre copie. Rendez cette copie bleue, puis cliquez et faites glisser le nouveau polygone et aligner les coins de celui-ci avec les coins inférieurs gauche du polygone rouge.

Duplicate the blue polygon

Étape 6

Faites un clic droit sur la copie bleue et sélectionnez Dupliquer (Ctrl-D) pour créer une autre copie. Rendez cette copie verte puis aligner les coins de celle-ci aux coins inférieurs droit du polygone rouge.

All three polygons after completion

Étape 7

Faites un clic droit le polygone vert et sélectionnez Dupliquer (Ctrl-D) pour créer une copie de plus, changer la couleur en noir et coller les coins de celui-ci au centre des trois polygones colorés tel que représenté ci-dessous.

Fourth black copy of polygon

3. Comment Réduire La Base De La Forme

Étape 1

Faites un clic droit sur le polygone noir et sélectionnez Dupliquer (Ctrl-D) pour créer une autre copie, avec cette copie toujours sélectionnée, maintenez Shift sur le clavier et cliquez sur le polygone bleu. Avec les deux polygones sélectionnés,cliquez sur Chemin > Intersection. Vous devriez avoir un résultat tel que celui-ci :

Intersect the black and blue polygon

Étape 2

Maintenant, nous devons faire la même chose avec les polygones rouges et verts. Alors faites encore un clic droit sur le polygone noir et sélectionnez Dupliquer (Ctrl-D), maintenez Maj enfoncée et cliquez sur le polygone rouge puis cliquez sur Chemin > Intersection.

Intersect the black and red objects

Étape 3

Cliquez sur le polygone noir, maintenez Maj enfoncée et cliquez sur le polygone vert puis cliquez sur Chemin > Intersection. Vous devriez avour un polygone en trois parties et à trois couleurs différentes.

Three color polygon

4. Comment Créer La Forme Déterminante

Étape 1

Faites un clic droit sur l’objet bleu et sélectionnez Dupliquer (Ctrl-D). Rendez le noir et ensuite modifier la largeur de celui-ci à 150 à l’aide de la zone d’entrée de L dans la barre d’outils en haut et appuyez sur Entrée. Après cela, cliquez et faites glisser cette copie pour la coller au coin inférieur droit de l’objet bleu.

Make a smaller duplicate of the blue shape

Étape 2

Faites un clic droit sur l’objet noir et sélectionnez Dupliquer (Ctrl-D). Puis retourner l’objet horizontalement en cliquant sur le bouton Retourner horizontalement les objets sélectionnés (H) bouton en haut à gauche de la barre d’outils supérieure. Après cela, cliquez et faites glisser l’objet pour le fixer au coin inférieur gauche de l’objet vert tel que représenté ci-dessous.

Duplicate black object and flip horizontally

Étape 3

Faites un clic droit sur l'objet noir et sélectionnez Dupliquer (Ctrl-D). Cliquez dessus une seconde fois pour faire apparaître les poignées de rotation. Puis, tout en maintenant la touche Control sur le clavier, déplacez la poignée de rotation dans le coin supérieur droit de l’objet et tournez-le de façon à ce que les coins de l’objet sont orientées verticalement, formant une forme de diamant.

Rotate the duplicated copy 4 steps clockwise

Étape 4

Cliquez et faites glisser l’objet pour le fixer au coin supérieur de l’objet rouge.

Place rotated copy at the top of the graphic

Étape 5

Faites un clic droit sur l'objet noir et sélectionnez Dupliquer (Ctrl-D), changez sa couleur en rouge, puis modifier le champ L dans la barre d’outils supérieure à 100 et appuyez sur Entrée. Puis, fixez le sur le coin supérieur de l’objet noir situé en dessous.

Make the smaller copy red

Étape 6

Faites un Clic droit sur cet objet rouge et sélectionnez Dupliquer (Ctrl-D) et cliquez dessus et faites le glisser pour le fixer aux coins entre les deux objets noirs en bas.

Place the duplicated red copy at the bottom of the graphic

Étape 7

Faites un clic droit sur l’objet rouge à nouveau et sélectionnez Dupliquer (Ctrl-D) puis fixer le bas de celui-ci à l’angle supérieur de l’objet rouge située en dessous.

Create an additional red copy above it

Étape 8

Prenez l’outil Courbe de Bézier (B) et pointez le curseur sur le coin inférieur éloigné de l’objet rouge du bas etfaites un clique gauche pour créer un nouveau point. Après cela, pointez le curseur, cliquez sur les coins suivants et cliquez sur eux pour créer la forme suivante :

Draw a shape intersection with the corners using the Bezier pen

Étape 9

Rendez cet objet bleu et l’Opacité à 50 % en utilisant le slider d’opacité dans le panneau de Remplissage & de Contour à droite. Après cela, cliquez sur l’onglet Contour dans ce panneau et cliquez sur le X vers la gauche pour enlever le contour noir autour de l’objet.

Make the object blue and remove the black outline

Étape 10

Retournez à l’outil de Sélection (F1), faites un clique droit sur cet objet bleu, puis sélectionnez Dupliquer (Ctrl-D). Retournez horizontalement les objets sélectionnés (H) à l’aide de l’icône dans la barre d’outils gauche supérieure,rendez l’objet vert et aligner les coins gauche de celui-ci aux coins de l’objet bleu à droite.

Create a green copy and mirror it to the right

Étape 11

Maintenez Maj enfoncée et cliquez sur l’objet bleu vers la gauche et avec les objets bleus et verts sélectionnés, faites un clic droit dessus et sélectionnez Dupliquer (Ctrl-D). Prenez les copies reproduites et fixer les au coin inférieur de l'objet noir en haut du graphique.

Place the duplicated copies at the top of the graphic

5. Comment Réduire Les Zones Indésirables

Étape 1

Cliquez sur l’objet noir qui se situe à l'intérieur de la grande forme rouge, maintenez Maj enfoncée et cliquez sur la grande forme rouge. Avec elles, toutes deux sélectionnées, cliquez sur Chemin > Différence.

Subtract the black and red shaps

Étape 2

Cliquez sur l’objet noir qui se situe au milieu de la grande forme bleue sur la gauche, et maintenez Maj et cliquez sur cette forme bleue puis sélectionnez Chemin > Différence.

Subtract the black and blue shapes

Étape 3

Cliquez sur l’objet noir qui se trouve dans l’objet vert, maintenez Maj et cliquez ensuite sur le large objet vert vers la droite et cliquez sur Chemin > Différence.

Subtract the black and green shapes

Étape 4

Cliquez sur l’objet vert en forme de L sur la droite, faites un clique droit et sélectionnez Dupliquer (Ctrl-D). Puis cliquez dessus et faites-le glisser vers le bas, à gauche  pour le fixer au coin inférieur droit de l’objet bleu en forme de L vers la gauche.

Duplicate the green L-shaped object and flip it horizontally

Étape 5

Cliquez sur l’objet bleu en forme de L, faites un clic droit et sélectionnez Dupliquer (Ctrl-D) et maintenez Maj enfoncée puis cliquez sur l’objet vert en forme de L situé en dessous. Ensuite, allez dans Chemin > Différence.

Duplicate the blue L-shaped object and subtract it from the green object

Étape 6

Avec cet objet toujours sélectionné, aller dans Chemin > Exclusion. Cela brisera l’objet en trois objets distincts. Maintenant, maintenez Maj enfoncée et cliquez sur l’objet vert en bas à droite pour désélectionner uniquement cet objet, et avec les deux autres toujours sélectionnés, appuyez sur la touche Suppr pour les supprimer.

Delete the remaining green objects

Étape 7

Faites un clic droit sur ce nouvel objet vert que nous venons de créer et sélectionnez Dupliquer (Ctrl-D). Retournez le horizontalement en utilisant le bouton Retourner horizontalment les objets sélectionnés (H) en haut à gauche de la barre d’outils, changez le en bleu et fixer le au coin inférieur gauche de l’objet vert en forme de L sur la droite.

Duplicate and mirror the blue copy and move it to the right

Nous avons maintenant terminé la structure du logo. Il ne nous reste plus qu'à faire, c'est à ajouter la couleur.

6. Comment Tout Colorer

Étape 1

Cliquez et faites glisser le curseur sur l’ensemble du logo pour sélectionner l'ensemble, puis augmenter l’opacité à 100 % en utilisant le slider d’Opacité dans le panneau de Remplissage & Contour.

Inkscape opacity slider
Select the entire graphic using the Select tool and bring the opacity to 100

Étape 2

Maintenez Maj et cliquez sur tous les objets rouges pour les sélectionner puis allez dans le panneau de Remplissage & Contour et sous l’onglet Remplissage, remplacez la valeur RGBA par ffe065ff.

Inkscape color picker
Change the color of all red objects

Étape 3

Maintenez Maj et cliquez sur tous les objets bleus pour tous les sélectionner ensuite, aller dans le panneau de Remplissage & Contour et sous l’onglet Remplissage, changez la valeur RGBA en ff0030ff.

Change the color of all blue objects

Étape 4

Maintenez Maj et cliquez sur tous les objets verts pour les sélectionner puis allez dans le panneau de Remplissage & Contour et sous l’onglet Remplissage, remplacez la valeur RGBA par ff8e00ff.

Change the color of all green objects

Bon travail, vous avez maintenant terminé !

Et avec ça, notre logo est terminé ! Nous avons réussi à créer un logo de style géométrique à l’aide d’Inkscape.

Completed geometric logo design with Inkscape
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.