Utilisez Inkscape pour créer facilement une paire de lunettes de soleil

Dans ce tutoriel, nous allons concevoir une paire de lunettes de soleil cool. Ces lunettes de soleil utilisent un grand nombre de formes différentes issues de techniques multiples utilisées dans l'ensemble d'Inkscape. Nous allons couvrir des choses simples telles que le dessin de formes, des choses plus complexes telles que les opérations de chemin. Alors, pourquoi ne pas sauter dans?


1. Configurer le document

Ouvrons Inkscape et allons à Fichier> Propriétés du document préparer notre toile. Pour ce tutoriel, nous allons définir la taille de notre document sur Largeur 600px et Hauteur 600px. Juste pour rendre les choses un peu plus faciles, nous allons aussi vérifier Bordure sur le dessin.


2. Dessiner une lentille

Étape 1

Clique le Créer des cercles (F5) outil et dessine un cercle parfait (maintenez la touche Ctrl enfoncée tout en cliquant / glissant). La taille n’est pas importante pour le moment, alors créez un cercle assez grand pour que vous puissiez travailler dessus..

Étape 2

Avec votre cercle sélectionné, dirigez-vous vers Chemin> Objet vers chemin (Maj + Contrôle + C) pour convertir ce cercle en chemin.

De cette façon, nous pouvons éditer le cercle en utilisant des nœuds comme indiqué ci-dessous.

Étape 3

Maintenant, nous allons utiliser le Editer les chemins par nœuds outil pour cliquer-glisser ces nœuds et poignées pour former le cercle sous la forme d'une lentille de lunettes de soleil (vous pouvez également utiliser les touches fléchées pour déplacer les nœuds). C'est la partie la plus délicate, donc les coordonnées exactes des 4 nœuds sont listées ci-dessous pour vous aider à démarrer.


3. Styliser la lentille

Étape 1

D'abord, élever Remplir et tracer en cliquant Objet> Remplissage et contour. Réglons la peinture Stroke sur une couleur plate de R = 93, G = 93, B = 93.

Étape 2

Le remplissage sera un dégradé linéaire. Pour changer les couleurs de notre dégradé, nous allons cliquer sur Modifier… sous Gradient linéaire. Cela amène le Éditeur de dégradé où nous pourrons changer nos couleurs stop.

Cliquez sur ce premier menu déroulant pour sélectionner les arrêts. Notre premier arrêt sera R = 197, G = 137, B = 79, A = 200. Le deuxième arrêt sera R = 176, G = 79, B = 0, A = 200. Au cas où vous vous le demandiez, nous diminuons la UNE, lequel est Alpha, pour rendre nos lentilles transparentes. Cela ajoutera un peu de réalisme plus tard.

Étape 3

Nous devons ajuster l'angle de ce gradient. Pour ce faire, cliquons sur le Outil de dégradés et sélectionnez l'objectif. Cela nous amène quelques nœuds qui désignent la direction de notre gradient. Cliquez-glissez les nœuds pour faire une ligne verticale (maintenez Contrôle garder des lignes droites).

Étape 4

Nous devons donner à notre objectif un cadre, alors cliquons sur la Style de course onglet dans Remplir et tracer. Met le Largeur à 8px.


4. Ajout de détails

Étape 1

Copiez et collez la lentille pour obtenir une forme exacte pour nos détails. Sur notre objectif copié, retirons le Remplir en cliquant sur l'icône "X", définissez le Peinture de trait à R = 0, G = 0, B = 0, et donner le Style de course une Largeur de 1px. Au bas de Remplir et tracer, tu verras Brouiller et Opacité,% valeurs. Donnez à ce détail un Brouiller de 0.5px et Opacité de 30%.

Étape 2

Placez ce détail sur l'objectif d'origine et décalez-le verticalement d'environ 2px vers le bas (ce qui convient le mieux à votre objectif).

Étape 3

Nous allons faire un autre détail comme celui-ci, alors sélectionnez le détail que nous venons de faire et copiez-le. Celui-ci va avoir un Peinture de trait de R = 255, G = 255, B = 255, une Brouiller de 0.3px, Et un Opacité de 40%. Placez celui-ci à nouveau sur l'objectif, mais décalez-le verticalement d'environ 2px cette fois.

Comme vous pouvez le constater, ces petits détails ajoutent une dimension à notre objectif.


5. Ajouter des reflets à l'objectif

Étape 1

Sélectionnez l'objectif (pas les détails), puis copiez-le et collez-le. Deux fois. Nous allons utiliser ces lentilles copiées pour créer des reflets parfaitement formés.

Étape 2

Sélectionnez l'une des lentilles copiées et assurez-vous qu'elle est supérieure à toutes les autres formes en allant à Objet> Raise to Top. Ensuite, faites glisser cette lentille sur l'autre lentille copiée et cliquer-glisser l’une des icônes d’échelle situées dans les coins de l’objectif sélectionné (Tenir le contrôle comme pour l’échelle uniforme) et pour que cet objectif soit légèrement plus grand que l’objectif situé en dessous, comme indiqué ci-dessous.

Lorsque tout est positionné comme ci-dessous, sélectionnez les deux objectifs copiés et cliquez sur Chemin> Différence.

Vous devriez vous retrouver avec une forme comme celle-ci:

Étape 3

Comme vous pouvez le constater, cette forme constituera un atout majeur pour l’objectif. Enlevons cette forme Peinture de trait en cliquant sur l'icône "X". Ensuite, placez-le sur notre objectif comme indiqué ci-dessous (ou à votre convenance).

Nous devons donner à cette forme un Gradient linéaire avec le premier arrêt comme R = 255, G = 255, B = 255, A = 255 et le deuxième arrêt comme R = 255, G = 255, B = 255, A = 0. Si cette direction de dégradé linéaire n’est pas déjà verticale, vous pouvez utiliser le Outil de dégradés à nouveau pour ajuster en conséquence. Enfin, donnez à cette forme un Opacité de 80%.

Étape 4

Pour ajouter de la profondeur, copions et collons cette surbrillance et positionnons-la environ 4 pixels plus bas que l'original. Ensuite, donnez à ce nouveau point fort un Brouiller de 4px Et un Opacité de 50%.

Étape 5

Et juste pour garder notre objectif entier organisé, sélectionnons tout et cliquez Objet> Groupe (Contrôle + G).


6. dupliquer la lentille

Sélectionnez l'objectif et cliquez Édition> Dupliquer (Ctrl + D). Cela créera un duplicata exact avec la position exacte. Si vous avez suivi ce didacticiel à la lettre, saisissez les coordonnées X ci-dessous pour assurer un espacement correct entre les objectifs. Sinon, vous pouvez utiliser l'espacement qui vous convient le mieux pour votre conception..

Lorsque votre nouvel objectif gauche est en position, cliquez sur le bouton Retourner horizontalement les objets sélectionnés bouton.


7. Dessine le pont

Étape 1

En utilisant le Créer des rectangles outil, dessinez un rectangle faisant office de pont pour les lentilles, entre les deux lentilles. Nous allons aussi Objet> Objet vers chemin afin que nous puissions modifier cette forme avec des nœuds à nouveau.

Étape 2

En utilisant le Editer les chemins avec les nœuds et les poignées, dessinez un pont similaire à celui illustré ci-dessous. De plus, n'oubliez pas que vous pouvez vous accrocher entre deux nœuds pour courber une ligne. Gardez à l'esprit que nous placerons éventuellement le pont derrière les lentilles pour ne rien voir que nous ne voulions pas.

Presque là…

Étape 3

Tout d’abord, placez le pont derrière tout en cliquant sur Objet> Bas vers le bas. Nous allons définir un Gradient linéaire pour le Remplir de notre pont. Premier arrêt R = 93, G = 93, B = 93 et deuxième arrêt R = 73, G = 73, B = 73. Utilisez le Outil de dégradés pour faire cette verticale.

Nous allons aussi définir un Gradient linéaire pour le Peinture de trait. Premier arrêt R = 188, G = 188, B = 188 et deuxième arrêt R = 76, G = 76, B = 76. Utilisez le Outil de dégradés pour rendre cette verticale aussi bien.


8. Surligner le pont

Étape 1

Nous allons faire exactement ce que nous avons fait pour les reflets de l'objectif. Copions et collons deux autres ponts et positionnons-les comme indiqué ci-dessous. Puis bien sur, Chemin> Différence.

Vous devriez avoir fini avec une forme comme celle-ci:

Étape 2

Tout d’abord, retirez le Peinture de trait et placez-le sur le pont comme indiqué ci-dessous. Donnons ce point culminant un Gradient linéaire avec le premier arrêt comme R = 255, G = 255, B = 255, A = 0 et le deuxième arrêt comme R = 255, G = 255, B = 255, A = 255. Ensuite, réglez le Brouiller à 2px et le Opacité à dix%.


9. Dessinez les pièces d'extrémité

Étape 1

En utilisant le Outil stylo, dessiner un polygone rugueux à quatre côtés ressemblant à un embout pour nos lunettes.

Étape 2

Clique le Editer les chemins par nœuds outil et sélectionnez les quatre nœuds de l’embout. Puis clique Rendre les nœuds sélectionnés lisses dans le menu des noeuds. C'est un moyen rapide de rapprocher notre forme de ce que nous voulons..

Faites glisser les nœuds et les poignées pour les derniers ajustements…

Étape 3

Retirer le Peinture de trait sur la pièce d'extrémité et lui donner un Remplir de R = 93, G = 93, B = 93. Puis copier / coller, retourner horizontalement et positionner sur l’axe des x pour l’autre objectif.


10. Dessinez les morceaux de temple

Étape 1

Nous allons dessiner gratuitement la pièce du temple avec le Outil stylo comme indiqué ci-dessous. Cela peut prendre quelques tentatives pour que tout soit parfait.

Étape 2

En utilisant le Editer les chemins par nœuds outil, sélectionnez uniquement les nœuds que vous souhaitez arrondir (quatre nœuds surlignés en jaune ci-dessous). Vous pouvez sélectionner plusieurs nœuds en maintien-Shift et en cliquant sur les nœuds désirés.

Avec les nœuds appropriés sélectionnés, cliquez sur Rendre les nœuds sélectionnés lisses dans le menu des noeuds.

Étape 3

Avec notre pièce de temple arrondie sélectionnée, donnez-lui une Remplir de R = 93, G = 93, B = 93. Puis copier / coller, retourner horizontalement et positionner sur l’axe des x pour l’autre objectif.

Étape 4

Sélectionnez l'une des pièces du temple et donnez-lui un Brouiller de 4px. Répétez l’opération avec l’autre branche du temple (nous brouillons les objets un par un, car si vous sélectionnez plusieurs objets, le calcul du flou change). Sélectionnez les deux pièces du temple (maintenez la touche Maj enfoncée pour sélectionner plusieurs objets) et cliquez Objet> Bas vers le bas.

Étape 5

Enfin, sélectionnons tout et dirigons-nous vers Objet> Groupe garder ces lunettes de soleil en un seul morceau.


11. Dessinez un fond pour compléter votre illustration

Étape 1

En utilisant le Outil stylo, Permet de dessiner un rivage simple et légèrement incurvé pour nos lunettes. J'ai le Remplir sur cet ensemble à R = 208, G = 168, B = 118 avec un léger Brouiller de 2px pour quelque profondeur.

Étape 2

Nous devons maintenant ajouter de la texture. Dupliquer cet objet et aller à Filtres> Effets d'image transparents> Alpha Engraving.

Étape 3

Avec cette forme toujours sélectionnée, définissez le Opacité à 15%. Cela fera une belle superposition de texture. Ensuite, positionnez-vous sur le rivage original comme indiqué ci-dessous.

Étape 4

Maintenant, attrapez ces lunettes et posez-les sur le sable. Vous pouvez même les faire pivoter un peu pour lui donner un aspect plus naturel.

Étape 5

Ajoutons une ombre à nos lunettes de soleil pour encore plus de réalisme. Sélectionnez le Outil stylo et dessinez une forme abstraite qui ressemblerait à une ombre pour les lunettes de soleil. Pour une référence, voir l'image ci-dessous.

Étape 6

Ce que nous allons faire maintenant est de retirer le Peinture de trait et donner à l'ombre un Remplir de R = 0, G = 0, B = 0. Ensuite, nous ferons un Brouiller de 7px avec un Opacité de 40%.

Étape 7

Dessine un rectangle (en utilisant le Outil Rectangle bien sûr) pour notre océan en arrière-plan. Assurez-vous que ce rectangle est positionné derrière le rivage. Nous allons donner à ce rectangle un Remplissage de dégradé linéaire. Le premier arrêt est R = 62, G = 149, B = 166 et le deuxième arrêt est R = 75, G = 113, B = 134. Enfin, donnez à ce rectangle un Brouiller de 4.2px.

En utilisant le Outil de dégradés, positionner le dégradé verticalement, mais décaler les arrêts comme indiqué ci-dessous (vers l'horizon).

Étape 8

Maintenant, dessinez un rectangle similaire pour le ciel. Assurez-vous que ce rectangle est derrière l'océan. Nous allons donner à ce rectangle un Remplissage dégradé radial. Le premier arrêt est R = 227, G = 250, B = 255 et le deuxième arrêt est R = 122, G = 191, B = 229. En utilisant le Outil de dégradés, vous pouvez positionner le ciel comme ci-dessous.


Maintenant Chill, c'est fait!

Cela termine ce tutoriel. Nous avons beaucoup utilisé Inkscape, alors j'espère que vous avez appris quelques nouvelles choses. Vous devriez avoir une paire de lunettes de soleil assez cool conçue maintenant, juste à temps pour l'été!