Créer une tasse de café avec Inkscape

Inkscape est une alternative open source à Adobe Illustrator et à d’autres programmes de création d’images vectorielles. Dans ce premier didacticiel Inkscape pour Vectortuts +, nous allons créer une belle tasse de café et présenter certaines des fonctionnalités d’Inkscape. Nous allons principalement dessiner des formes et utiliser l'outil Dégradé pour obtenir l'effet souhaité. Si vous connaissez Illustrator ou un programme similaire, vous devriez pouvoir suivre assez facilement..

Si vous souhaitez télécharger Inkscape, rendez-vous sur inkscape.org. Si vous utilisez Inkscape pour la première fois, je vous recommande de suivre quelques didacticiels fournis en premier avec Inkscape pour comprendre le fonctionnement du programme (disponible dans le menu Aide)..


1. Créer la soucoupe

Étape 1

Commencez par ouvrir un Nouveau document dans Inkscape. Commençons par préparer la soucoupe sur laquelle repose la tasse à café. La soucoupe sera composée de cinq ellipses différentes, alors préparez-vous à dessiner. Sélectionnez le Cercle / Ellipse outil (F5) du Boîte à outils. Puis dessinez une ellipse sur les proportions de celle de l'image ci-dessous.

Nous devons maintenant changer les couleurs de remplissage et de contour (contour), sélectionnez donc votre ellipse et ouvrez le Remplir et tracer fenêtre de dialogue en allant à Objet> Remplissage et contour (Contrôle + Maj + F). Sur le Accident vasculaire cérébral Onglet Peinture Cliquez sur le bouton "X" pour éliminer le contour de cette forme..


Étape 2

Nous voulons maintenant remplir l'ellipse avec un dégradé radial. Nous allons faire pas mal de dégradés radiaux et linéaires dans ce tutoriel, alors faites bien attention si vous n’avez jamais fait cela auparavant dans Inkscape. Sur le Remplir onglet (toujours dans le Remplir et tracer fenêtre), cliquez sur le Gradient Radial bouton. Inkscape remplit automatiquement votre forme avec un dégradé - passe en transparence par défaut.

Nous voulons un dégradé avec deux nuances de gris, alors cliquez sur le bouton modifier bouton sous le dégradé. Maintenant, vous pouvez éditer le dégradé Arrêts de couleur et leur Transparence. Définissez le premier arrêt sur une nuance de gris pâle (ddddddff). Définissez le deuxième arrêt sur une nuance de gris plus sombre (b2b2b2ff). Assurez-vous que le Transparence pour les deux couleurs est réglé sur Opaque (pas de transparence).


Étape 3

Vous devez ensuite ajuster la taille et le centre du dégradé par rapport à votre ellipse. Faites glisser les poignées de dégradé sur l'ellipse pour qu'elles correspondent à l'image ci-dessous.. Remarque: Si les poignées de dégradé ne sont pas visibles, cliquez simplement sur le bouton Créer et éditer des dégradés bouton du Boîte à outils (Contrôle + F1). Vous avez maintenant terminé une ellipse et vous savez créer et éditer des dégradés. Les étapes suivantes ne seront pas aussi détaillées.


Étape 4

Les autres ellipses de la soucoupe ne sont pas aussi difficiles à fabriquer. La prochaine ellipse formera la lèvre blanche autour de la plaque. Le moyen le plus simple d’y parvenir est de dupliquer l’ellipse que vous venez de créer en allant sur Édition> Dupliquer(Contrôle + D). Puis remplissez-le avec une couleur gris très clair (f2f2f2ff) du Remplir et tracer la fenêtre. Puis abaissez-la de quelques pixels plus bas que votre première ellipse et placez-la derrière la première ellipse en allant à Objet> inférieur.

Remarque: appuyez sur F1 (ou appuyez sur la Sélectionner et transformer des objets bouton du Boîte à outils) pour déplacer des objets avec la souris ou les touches de direction dans Inkscape. Il est difficile de voir l'ellipse gris clair, alors j'ai mis un fond sombre derrière pour la rendre plus visible sur la capture d'écran ci-dessous..


Étape 5

Passons maintenant à la base gris foncé de la soucoupe. Encore une fois, dupliquez l'une de vos ellipses existantes. Maintenant remplissez-le avec un autre dégradé radial avec deux nuances de gris très sombres (2b2b2bff et 666666ff). Ensuite, déplacez le centre du dégradé vers le bas de l'ellipse. La base de la plaque n'a pas besoin d'être aussi large que le reste de la plaque. presse F1 et poussez les côtés gauche et droit de l'ellipse un peu pour "écraser" un peu.

Notez que si vous maintenez enfoncé Décalage tout en faisant glisser l'un des bords, vous pouvez déplacer les deux côtés à la fois. En outre, étirez un peu le bas de l’ellipse pour obtenir la courbe du bas de la soucoupe juste à droite.

Déplacez l’ellipse entière de quelques pixels et appuyez sur la touche Bas de page bouton plusieurs fois pour placer l'ellipse en dessous des deux autres. Vous devriez vous retrouver avec quelque chose qui ressemble à l'image ci-dessous. Notez les proportions de l'ellipse du bas (sélectionné) par rapport aux deux autres. La soucoupe commence à prendre forme!


Étape 6

Nous devons maintenant créer le centre de la plaque. Dessinez une ellipse plus petite comme indiqué dans l'image ci-dessous (ou sélectionnez l'ellipse la plus haute et réduisez-la). Ouvrez le Remplir et tracer dialogue (Contrôle + Maj + F). Puis remplissez-le avec une couleur gris plat (979797). Faites glisser le Alpha curseur sous la roue chromatique pour 100.

Donnez-lui une couleur de trait de b7b7b7 (opacité totale). Sur le Style de course onglet définir la largeur pour correspondre à l'image ci-dessous. La taille réelle du trait varie en fonction de la taille de vos ellipses. Pour moi, c'était 3px, mais vous pouvez vous retrouver avec quelque chose de différent.


Étape 7

L'assiette est presque terminée maintenant. La dernière étape consiste à ajouter une ombre portée floue. Dupliquez l'ellipse la plus basse (la base gris foncé). ensuite Brouiller il dix% (du bas de la Remplir et tracer la fenêtre). Placez-le en dessous de tous les autres objets.

Vous avez maintenant une soucoupe finie! Vous pouvez choisir de regrouper les cinq ellipses pour les rendre plus faciles à sélectionner ultérieurement. Il suffit de les surligner et d'appuyer sur Contrôle + G. Maintenant, passons à la tasse de café elle-même!



2. Créer la coupe

Étape 1

Nous allons commencer par dessiner deux formes avec le Courbes de Bézier outil (Maj + F6). Faites-en une pour la face de la tasse à café et une autre pour former le bord extérieur de la tasse. Ces formes doivent correspondre à la largeur et à la quantité de courbe. Je vous recommande d’activer la grille pour vous aider à tracer ces lignes (Maj + #). Notez aussi, Cliquez sur créer un point, cliquer-glisser créer une courbe.

En fait, j'ai dessiné ces formes les unes sur les autres, mais je les ai séparées dans cette capture d'écran pour montrer comment j'ai dessiné les formes et leurs courbes. Notez que les deux formes et leurs longueurs de courbe font 20 unités de large. Notez également que le bas de la jante correspond au haut de la face de la cupule; Ils sont tous deux profonds. À titre indicatif, les chiffres en bleu indiquent l'ordre dans lequel j'ai créé les points / courbes..


Étape 2

La grille toujours en place, placez le bord directement sur la face de la tasse. Éliminez le trait des deux formes. Remplissez la forme de la jante (qui ressemble à une ellipse) avec une couleur unie grise (e6e6e6ff). Remplissez la coupe avec un dégradé radial allant d’ecececff au centre à bdbdbdff. Ensuite, placez le centre du dégradé près du sommet de la coupe, comme indiqué ci-dessous..


Étape 3

Dupliquez la forme de la jante et redimensionnez-la un peu pour former la largeur de la jante. Donnez à cette forme un fin trait gris (d6d6d6ff) et un gradient radial de ecececff à bdbdbdff. Ensuite, faites glisser les poignées de dégradé pour correspondre à l'image ci-dessous.


Étape 4

L'étape suivante consiste à créer le café à l'intérieur de la tasse. Nous voulons évidemment créer une forme qui donne l’apparence du café à l’intérieur du rebord. Pour ce faire, nous devrons créer une ellipse pour le café et l'intersecter avec le bord intérieur..

Voici comment le faire. Créez une ellipse semblable à celle de couleur marron dans l'image ci-dessous. Ensuite, placez-le sur le bord. Ensuite, dupliquez l'ellipse qui constitue la partie interne du bord. Ensuite, sélectionnez à la fois l'ellipse dupliquée et celle que vous venez de dessiner. Maintenant, allez au menu et choisissez Chemin> Intersection (Contrôle + *).

Vous devriez vous retrouver avec une forme qui ressemble à du café dans une tasse. Maintenant, vous pouvez le remplir avec un dégradé radial en utilisant deux nuances de brun (ou plus).


Étape 5

Créer la poignée pour la tasse à café est un jeu d'enfant. Utilisez le Bézier outil pour créer une forme similaire à la poignée illustrée ci-dessous. Donnez-lui un fin trait gris clair et remplissez-le avec un dégradé linéaire de bas en haut à droite en utilisant deux nuances de gris (bdbdbdff et ecececff). Maintenant placez-le derrière la tasse.


Étape 6

Pour donner de la personnalité à notre tasse, nous allons ajouter des rayures bleues. La façon de le faire est un peu plus compliquée qu'il n'y paraît. Vous ne pouvez pas simplement tracer une ligne, car l'extrémité de la ligne ne correspondrait jamais au bord de la coupe, comme indiqué ci-dessous.


Étape 7

Alors voici la méthode que j'ai trouvée qui a très bien fonctionné. Créez une ellipse avec à peu près les mêmes proportions que le bord de la tasse à café. Puis remplissez-le avec n'importe quelle couleur (sans trait). À présent, dupliquez cette ellipse, placez-la sous la première et tirez un peu la poignée de glissement inférieure. Ensuite, poussez les côtés dans certains aussi. J'ai coloré mes ellipses de deux couleurs différentes afin que vous puissiez voir à quoi cela devrait ressembler.


Étape 8

Sélectionnez les deux ellipses et choisissez Chemin> Différence (Contrôle + Signe Moins) du menu. Presto! Vous avez maintenant une belle courbe de disparition. Remplissez votre nouvelle forme avec la couleur que vous préférez. Dupliquez-le autant de fois que vous le souhaitez. Puis placez-le sur votre tasse de café où vous le souhaitez.


Étape 9

Créons une réflexion sur le côté de notre tasse. Dessine une forme avec le Bézier outil comme celui de la capture d'écran ci-dessous. Colorez le blanc et faites glisser le Alpha curseur à environ 90 pour que ce soit transparent. Placez-le sur le dessus de la coupe et les lignes colorées.


Étape 10

Maintenant, un peu de vapeur. Commencez par dessiner une petite ellipse blanche. Faites-le semi-transparent et brouiller les bords de manière significative. Placez-le au dessus de votre café. Cela donnera l'impression générale de chaleur et de vapeur.


Étape 11

Maintenant, créons une traînée de vapeur vaporeuse. Créer une forme avec le Bézier outil comme celui ci-dessous. Colorez-le en brun clair ou doré, rendez-le semi-transparent et flouz-le également. Jouer avec le Maître Opacité et Brouiller paramètres jusqu'à ce qu'il semble juste.

Notre tasse de café est terminée! Comme avec la soucoupe, vous trouverez peut-être utile de regrouper toutes les formes qui composent la tasse..



Prenez-vous un café, vous avez terminé!

Plaçons notre tasse finie sur notre soucoupe. Ajoutez ensuite une petite ombre portée sous la tasse. Dessinez simplement une petite ellipse noire et brouillez-la.

Voilà, une belle tasse à café et une soucoupe vectorielles créées avec Inkscape! J'espère que vous avez aimé faire cela autant que moi. J'espère également que ce didacticiel a été utile pour illustrer les principales fonctionnalités d'Inkscape, une alternative Open Source à l'art vectoriel. Prendre plaisir!