De nouveau un petit tutoriel pour inkscape. But du jeu, dessiner une jolie pomme comme celle ci … Un minimum de connaissance du logiciel est quand même requis pour suivre cet explicatif.

Petite nouveauté par rapport aux autres tutoriels, Gimp sera de la partie !

Au boulot sans plus tarder

Tout d’abord, lancez Gimp. Menu Fichier / Nouveau et créez un document plus grand en pixels que le canevas Inkscape. Pour cet exemple, j’ai pris la taille 1280 x 1024.

Cliquez sur Valider. Allez ensuite dans le menu Filtres / Rendu / Nuages par différences.

Remplissez la boite de dialogue comme sur la capture suivante.

Vous devriez obtenir ceci :

Mais oui, cela va être utile pour la suite! Enregistrez ce « brouillard » n&b dans un fichier PNG sur votre disque dur. Menu Fichier / Enregistrer sous. N’oubliez pas de sélectionnez le type de fichier dans la boite de dialogue. PNG ou JPEG, j’ai une petite préférence pour le PNG.

Le brouillard est bien au chaud dans votre disque dur ? Parfait, passons au travail avec inkscape.

Premièrement, tracez un cercle parfait et convertissez le en chemin. (menu chemin / objet en chemin)

Passez ensuite sur l’outil noeud. Et déformez le cercle en déplaçant vers le bas et vers le haut les nœuds indiqués par les flèches.

*

Le but est d’obtenir un cercle légèrement aplati. Une fois la forme obtenue , Dupliquez la. (CTRL +D)

Insérez l’image contenant le brouillard. Redimensionnez la et passez la en arrière de façon à obtenir ceci.

Le cercle déformé ne doit pas dépasser de l’image insérée. Sélectionnez ensuite l’image + un cercle. (n’oubliez qu’il y en a deux superposés) et allez dans le menu Objet / découpe / définir.

On obtient un cercle rempli de brouillard !

Sélectionnez ce cercle et passez le en dessous de l’autre cercle. (touche page précédente)

Baissez l’opacité du cercle coloré qui est devant. (90%)

Le cercle en premier plan laisse entrevoir le « brouillard » ce qui donne une sorte d’effet de « peau ». Pour le moment j’ai juste appliqué une couleur vert sombre.

Pour donner plus de lumière, il faut appliquer un dégradé. Donc appliquez un dégradé radial comme sur l’image suivante. 44aa00ff -> 002b00ff

Ensuite, tracez une ellipse (remplissage 338000ff, opacité 90%) sur la partie supérieur de la pomme.

Tracez ensuite un cercle comme sur l’image suivante.

Dupliquez l’ellipse verte créée précédemment. Sélectionnez le petit cercle noir ainsi que la copie de l’ellipse et allez dans le menu Chemin / Intersection.

Appliquez un dégradé radial noir vers transparent à ce petit bout de cercle.

Ensuite nous allons dessiner quelques effets de lumières. Tracez deux cercles comme sur l’image suivante. le but est de ne conserver que la partie indiquée par la flèche. Toute la partie de l’ellipse rose sera supprimée.

Sélectionnez ces deux ellipses et allez dans le menu Chemin / Différence. Passez en blanc le nouvel objet obtenu.

Pour faire plus simple , j’ai dupliqué cet arc de cercle et appliqué une inversion verticale. (touche V). Placez cette copie inversée comme sur l’image suivante.

Il ne reste plus qu’a flouter ces deux objets blancs et baisser l’opacité. (flou 15% , opacité 72%)

Un petit reflet jaune ? Dessinez un cercle ( ffcc00ff ) comme sur l’image suivante.

Appliquez un flou de 32% de une opacité réduite a 54%.

Cet effet de lumière sera un peu survolé. Pour obtenir ceci :

Ce truc au dessus n’a rien avec windows. Non , ce n’est pas un dessin subliminale

J’ai dessiné 4 rectangles. Puis :

- conversion des objets en chemin (menu chemin / objet en chemin)

- combinaison de ces quatre objets avec la fonction combiner (menu chemin / combiner)

- j’ai tordu les 8 lignes horizontales avec l’outil nœud.

- j’ai appliqué une inclinaison de 20° avec l’outil transformer. (menu objet / transformer / onglet inclinaison)

Si cela intéresse quelqu’un , je peux approfondir ce passage. Les commentaires sont la pour çà

Après cette manip un peu complexe , on obtient un objet que l’on peut flouter également. (flou 12% , opacité 69%)

Passons à la queue de la pomme. Dessinez une forme équivalente a celle ci avec l’outil courbe de bézier. (un minimum de pratique avec ce outil est quand même nécessaire)

Appliquez un remplissage avec la couleur 2b1100ff et supprimez le contour.

Dupliquez cet objet , appliquez un remplissage plus clair ( 803300ff par exemple) et réduisez sa taille avec la fonction « offset dynamique ». (menu Objet / Offset dynamique). Vous devriez obtenir un résultat approchant à la capture suivante.

Floutez l’objet le plus clair (7%) et la tour est joué.

Oh la belle queue !

Il manque une ombre à cette queue. Tracez un rectangle comme sur l’image suivante avec un remplissage noir.

Dupliquez le cercle vert qui compose la pomme.

Sélectionnez cette copie ainsi que le rectangle noir, et allez dans le menu chemin / intersection.

Floutez cet objet et baissez l’opacité. Réduisez la hauteur pour ne pas que l’ombre dépasse de la pomme.

(flou 22% , opacité 91 %)

Encore un autre effet de lumière. Avec l’outil noeud , tracez un arc de cercle qui surplombe la partie droite de la pomme comme sur l’image suivante. (ou utilisez la technique des deux cercles + opération différence si vous n’êtes par encore à l’aise avec l’outil bézier)

Dupliquez le cercle composant la pomme. Sélectionnez cette copie + l’arc de cercle et allez dans le menu Chemin / intersection. Appliquez un remplissage blanc à ce nouvel objet.

Un oubli. J’ai appliqué un simple dégradé blanc vers transparent. (transparent côté « pomme »)

Un petit flou de 10% et une opacité réduite à 64%… et voilà !

Vous vous rappelez , la pomme est composée d’un cercle rempli d’un dégradé avec deux « stops » vert clair -> vert foncé. Après le vert foncé, j’ai rajouté un stop noir pour donner un effet d’ombre sur la partir inférieur.

Avec une simple ellipse et un flou conséquent , on peut facilement dessiner une ombre.

Le fichier SVG

L’image « brouillard »

Pour les utilisateurs de version de développement 0.47 :

Si vous possédez cette version, vous pouvez vous passez de gimp! Sur votre cercle de base , allez dans le menu Effets / Filter puis clouds. Le rendu est différent mais tout de même intéressant mais surtout il fait gagner du temps et évite le petit « aliasing » généré par la fonction découpe.

Dominique