Bonjour à tous !
Pour mon premier sujet je vous propose un tuto pour Inkscape, la célèbre sphère aqua, bien qu'il y ait déjà un tuto ici j'en remets un pour approfondir certaine chose et avoir un résultat différent, un peu plus complexe que le précédent (je vous conseille de le faire aussi, il permet de découvrir un certain nombre de base).
Le tuto est fait avec une version instable de Inkscape, je vous conseille d'utiliser la version 0.45 (bien que j'utilise la version 0.46 encore en développement, cela ne change rien, sauf pour les dégradés qui possèdent des points de repère pour les couleurs, mais on peut faire de même avec la version 0.45).
1/ Tour d'abord ouvrez votre Inkscape et changez ceci:
Fichier > Propriétés du document
Vous obtenez une fenêtre, cliquez sur la première zone bleu et changez la couleur, nous allons utiliser du blanc et si vous décalez la forme elle ne se verra pas avec le fond, prenez la couleur que vous voulez, elle importe peu, évitez le noir aussi en général car une forme lors de sa fabrication ou de la modification de sa couleur peut se mettre en noir directement.
2/ Créez un cercle (shift+ctrl pour obtenir un cercle parfait, ctrl pour les proportions, shift pour l'agrandissement depuis le centre), il sera petit alors agrandissez le, il y a des chiffre à côté de L et H, normalement ils sont identiques (puisque vous avez utilise shift+ctrl), cliquez sur la cadenas et changer un nombre, n'importe lequel l'autre suivra grâce au cadenas (regardez ce qu'il indique avec le curseur), j'ai pris 180 px.
Modifiez la couleur du cercle (encadrement bleu), choisissez un dégradé radial (encadrement orange), choisissez la couleur que vous voulez, ici vert pomme et un vert plus foncé. Avec l'outil pour éditer les n½ud (F2) modifier la position du dégrader, placez le vers le bas, et agrandissez, shift+ctrl permet de garder les proportions aussi pour les dégradés radials.
3/ Dupliquez le cercle (encadrement bleu), éditez sa couleur (encadrement violet), mettez blanc puis dégradé linéaire (blanc vers transparent), modifiez son opacité à 80 %, puis ajoutez lui un contour, 1 px comme vous le souhaitez mais pas trop épais, le contour aura le même dégradé, fermez cette fenêtre.
4/ Ajoutez un guide, c'est simple avec le curseur cliquez sur la règle horizontal et descendez, un guide se crée, placez le au milieux du cercle (aidez vous des flèches d'édition, donc au milieu des flèches d'édition vertical). Ensuite cliquez sur l'icône qui édite le document (encadrement bleu), ou comme tout à l'heure Fichier > Propriétés du document , allez dans le dernier onglet et modifiez comme le rectangle orange, ceci permet d'avoir une adhérence plus élevée, vous n'êtiez pas obliger de le faire, mais c'est plus facile pour la suite.
5/* Maintenant modifier le cercle banc/transparent, montez (en utilisant la flèche du bas) le vers le guide, il adhère, puis modifiez la largeur en utilisant ctrl et une flèche à droite ou gauche, ainsi les proportion sont gardées. Essayez d'avoir comme sur l'image, modifiez plusieurs fois si nécessaire (et ça l'est).
*Dupliquez le reflet, descendez le assez bas, et dupliquez le un nouvel fois et descendez le d'un pixel (avec les flèches du clavier) (vous devrez modifier les incréments (Fichier > Propriétés d'Inkscape > Incréments > les flèches déplacent de 1,000 px). Sélectionnez les deux reflets, vous obtenez l'image s'y dessous, et maintenant Chemins > Différence (ctrl + -). Remontez la petit forme lunaire vers le haut, raccord avec le reflet, c'est un détail mais qui importe. N'oubliez pas d'enlevez le contour.
6/ On va faire deux autres détails, dupliquez le cercle de base et faites comme avec le reflet, mais avec un décalage de 3 pixels. Faites le pour le haut et le bas, remettez les à leurs places, en bas du blanc à 30 % d'opacité, le haut 20 %.
7/ On commence à avoir quelque chose de pas mal. Maintenant il faut un peu de profondeur, dupliquez encore une fois la forme de base, mettez une couleur vert foncé (ou autre selon ce que vous avez choisi) puis dégradé radial, modifiez comme à l'image. Pour bouger une couleur utilisez le curseur, avec la version 0.46 on utilise le petit point sur le dégradé, c'est plus naturel.
Mettez le à sa place, modifiez son opacité comme vous le souhaitez, moins de 50 % dans tout les cas. Il à 50 % sur l'image mais il va être changer plus tard à 30 % car j'ai l'impression que 50 c'est trop.
8/ Petite touche final l'ombre verte, dupliquez le cercle de bas, changer le en une couleur pas trop foncée, modifiez la hauteur (sans utilisez ctrl) l'opacité et le flou, et descendez le en dernière position (les espèces de rectangles avec des flêches, utiliser la première icônes de ce type)
Pour un effet plus sympa vous pouvez dupliquez le reflet et lui mettre un flou (sans le contour).
J'ai ajoutez aussi un contour de 2 px à la forme de base.
Voilà c'est fini. Je mets le SVG si vous voulez voir la structure, vous aidez des dégradés, de la superposition (et peut-être que j'ai oublié quelques détails).
Astuces:
*zoom: ctrl + - ou ctrl + + ou encore les icônes de zoom sur la pages, ou la sélection, très pratique.
*Utilisez les flèches du clavier pour les déplacements c'est plus facile pour retrouver un emplacement, si vous trouvez que le déplacement est trop long, modifiez les incréments vers quelque chose de plus grand.
*N'hésitez pas à utilisez l'icône qui permet de déplacez les formes vers le centre horizontal ou vertical, et même plus, nom: aligner et distribuer.
* Si vous avez des problèmes de sélection d'un forme (problème de superpositions) descendez la forme ou déplacez la grâce aux flèches.
* N'oubliez pas ctrl + z pour annuler, et le menu affichage pour voir les guides, en enlevez, ou encore plus de chose. Inkscape est un logiciel très pratique et simple.
Allez ! À vos tablette (ou souris) !
(dès que j'arrive à réinstaller inkscape en français je m'y mets )
