Comment créer un coeur de pixel avec Inkscape

Ce que vous allez créer

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment concevoir un coeur vectoriel de style isométrique qui ressemble à un pixel, en utilisant Inkscape.. 

Si vous recherchez des modèles de logo prédéfinis, vous pouvez en acheter un sur GraphicRiver..

1. Comment configurer un nouveau document

Étape 1

Aller à Vue et assurez-vous d'avoir Douane choisi.

Étape 2

Aller à Voir> Zoom et sélectionnez Zoom 1: 1 pour vous assurer que vous avez zoomé à 100%.

Étape 3

Clique sur le Aligner et distribuer des objets icône dans la barre d’outils supérieure pour ouvrir le panneau d’alignement. Puis cliquez sur le Remplissage et accident vasculaire cérébral icône dans la barre d’outils supérieure pour ouvrir le Menu Couleurs, dégradés et traits.

Étape 4

Aller à Fichier> Propriétés du document (Ctrl + Maj + D) et décochez les cases qui lisent Afficher la bordure de page et Afficher l'ombre de la bordure, puis fermez cette fenêtre.

2. Comment créer la forme de base

Étape 1

Prenez le Créer des étoiles et des polygones (*) outil et définissez les paramètres dans la barre d’outils en respectant les spécifications suivantes: 

  • Polygone régulier
  • Coins: 6
  • Arrondi: 0.000
  • Randomisé: 0.000

Étape 2

Maintenez la Contrôle et Décalage Appuyez sur les touches de votre clavier, cliquez et faites glisser sur la toile pour créer un polygone dont les coins sont dirigés verticalement, comme illustré ci-dessous.. 

Étape 3

Changez la couleur du polygone en rouge et réduisez le Opacité à 50% en utilisant le Pourcentage d'opacité outil dans le Remplir et tracer panneau.

Étape 4

Prenez le Outil de sélection (F1) et allumez l'icône de verrouillage entre le W et H champs dans la barre d'outils supérieure. Ensuite, changez la valeur du W boîte à 300 et appuyez sur Entrer d'établir la largeur du polygone à 300 pixels. Après cela, allumez le Aligner sur les noeuds de la cuspide boîte dans le Activer la capture barre d'outils tout en haut de la fenêtre. 

Étape 5

Cliquez avec le bouton droit sur le polygone et sélectionnez Dupliquer (Control-D) créer une autre copie. Faites cette copie en bleu, puis cliquez et faites glisser le nouveau polygone et accrochez-le dans les coins inférieurs gauche du polygone rouge..

Étape 6

Cliquez avec le bouton droit sur la copie bleue et sélectionnez Dupliquer (Control-D) créer une autre copie. Faites en sorte que la copie soit verte, puis accrochez-la aux coins inférieurs droit du polygone rouge..

Étape 7

Cliquez avec le bouton droit sur le polygone vert et sélectionnez Dupliquer (Control-D) pour créer une copie de plus. Changez la couleur en noir et accrochez ses coins au centre des trois polygones colorés, comme illustré ci-dessous..

3. Comment réduire la forme de base

Étape 1

Cliquez avec le bouton droit sur le polygone noir et sélectionnez Dupliquer (Control-D) pour créer une autre copie, et avec cette copie sélectionnée, maintenez Décalage sur le clavier et cliquez sur le polygone bleu. Avec les deux sélectionnés, allez à Chemin> Intersection. Vous devriez vous retrouver avec ce qui suit:

Étape 2

Nous devons maintenant faire la même chose avec les polygones rouges et verts. Alors faites un clic droit sur le polygone noir et sélectionnez Dupliquer (Control-D), tenir Décalage et cliquez sur le polygone rouge, puis à nouveau sur Chemin> Intersection.

Étape 3

Cliquez sur le polygone noir, maintenez Décalage et cliquez sur le polygone vert, puis allez à Chemin> Intersection. Vous devriez vous retrouver avec un polygone en trois parties de trois couleurs différentes.

4. Comment colorier les formes

Étape 1

Cliquez et faites glisser sur les trois formes pour sélectionner tous les objets (Ctrl + Alt + A), et ensuite utiliser le Opacité% curseur pour ramener l'opacité jusqu'à 100%.

Étape 2

Cliquez sur les objets pour tout désélectionner, puis sélectionnez la partie bleue du polygone. Avec cette option sélectionnée, passez à la Remplir et tracer panneau, et sous la Remplir onglet, changez le RGBA valeur à ff2a2aff.

Étape 3

Sélectionnez l’objet rouge en haut du polygone, puis passez à la Remplir et tracer panneau, et sous la Remplir onglet, changez le RGBA valeur à ffaaaaff.

Étape 4

Sélectionnez l'objet vert sur le côté droit du polygone, puis passez à la Remplir et tracer panneau, et sous la Remplir onglet, changez le RGBA valeur à 800000ff.

Étape 5

Cliquez et faites glisser sur les trois formes pour sélectionner tous les objets (Ctrl + Alt + A), et alors Groupe (Control-G) ensemble et changer la valeur de la W boîte à 100 et appuyez sur Entrer d'établir la largeur du polygone sur 100 pixels. 

5. Comment créer la forme de coeur

Étape 1

Avec le polygone sélectionné, Clic-droit dessus et sélectionnez Dupliquer (Control-D), puis encliquetez-le dans les coins supérieurs gauche du polygone d'origine.

Étape 2

Répétez le processus avec le polygone dupliqué afin d’empiler trois polygones dans l’ordre suivant:

Étape 3

Répétez le processus une fois de plus avec le dernier polygone dupliqué, puis Dupliquer (Control-D) une fois de plus et enclenchez-le directement au-dessus du polygone précédent.

Étape 4

Dupliquer (Control-D) le dernier polygone sélectionné et accrochez-le dans les coins supérieurs droit du polygone précédent.

Étape 5

Dupliquer (Control-D) ce polygone et accrochez-le sur les coins inférieurs droit du polygone précédent.

Étape 6

Dupliquer (Control-D) le polygone le plus récent, puis accrochez-le dans les coins inférieurs droit du polygone situé en dessous.

Nous avons maintenant la moitié du coeur terminée. 

Étape 7

Revenir au polygone d'origine tout en bas, Dupliquer (Control-D) que trois fois et enclenchez les copies dans les coins en haut à droite dans l'ordre croissant.

Étape 8

Avec le dernier polygone dupliqué encore sélectionné, Dupliquer (Control-D) et enclenchez-le directement au-dessus du polygone d'origine.

Étape 9

Dupliquer (Control-D) à nouveau ce polygone et accrochez-le sur les coins supérieurs droit du polygone sur le côté gauche.

Étape 10

finalement, Dupliquer (Control-D) le polygone une fois de plus et accrochez-le sur les coins inférieurs droits du polygone précédent.

Travail impressionnant, vous êtes maintenant fait!

Et avec cela, notre conception est terminée! Nous avons réussi à créer un cœur en pixels avec Inkscape.