Une sphère métallique
Article sous Licence CC By-SA-NC.
Inkscape 0.46 a été utilisé mais est réalisable avec toutes les versions d’Inkscape.
Chris a encore frappé voici une sorte de traduction de son tutorial Simple Metal Orb Using Gradients.
1. Créer le cercle
F5 active l’outil Cercle. Tracez sur le canevas un cercle. Dupliquez-le (Ctrl+D).
Peu importe le style (c’est-à-dire la couleur du contour et du remplissage) des cercles, tout va être modifié. Ici le fond du canevas est bleu parce que du blanc et de la transparence seront utilisés.
2. Comment créer les dégradés
« g » active l’outil Dégradé. Placez le dégradé sur l’un des deux cercles. Pour cela, cliquez-glissez sur le cercle. Automatiquement un dégradé se créera mais nous allons le modifier.
Activez la boîte de dialogue Remplissage et contour (Maj+Ctrl+F) Dans l’onglet Remplissage, appuyez sur l’icône Dégradé radial. Appuyez maintenant sur le bouton Éditer…
Présentation de la boîte de dialogue d’édition du dégradé
1. En haut vous visualisez le dégradé.
2. Ensuite un menu déroulant montre les stops. Un stop est une couleur qui compose le dégradé.
3. Deux boutons pour Ajouter un stop ou Supprimer un stop.
4. Une glissière de Décalage pour placer le dégradé.
5. Ensuite un tableau pour choisir les couleurs du stop sélectionné dans le menu déroulant des stops.
6. Au bas de la fenêtre le code hexadécimal de la couleur avec son alpha (les deux dernières lettres).
Le secret de Chris ce sont ses couleurs et le placement des stops (soit le Décalage si vous avez bien suivis).
3. Le dégradé du premier cercle
Les voici. Le remplissage est un dégradé radial :
- ffffff00
- 6c6c6c00 avec un décalage de 0,62
- 43434ff avec un décalage de 0,70
- ffffff00 avec un décalage de 0,82
- ffffff00
Le remplissage du contour est un aplat : 5d5d5dff et il est très fin (1 px).
Cela donne :
4. Le dégradé du second cercle
Maintenant vous savez comment créer un dégradé. Voici le style du second cercle.
Le remplissage est un dégradé radial :
- ffffffff
- ffffffff avec un décalage de 0,49
- bababaff avec un décalage de 0,62
- 000000ff avec un décalage de 0,75
- ffffffff
Voilà le résultat.
Le remplissage du contour est un aplat : b0b0b0ff et il est très fin (1 px).
5. Assembler les deux cercles
Sélectionner les deux cercles et ouvrez la boîte de dialogue Maj+Ctrl+A pour superposer parfaitement les deux cercles. Pour cela :
- Centrer selon un axe vertical.
- Centrer selon un axe horizontal.
Le résultat :
6. Ajouter du volume
Dupliquez l’un des deux cercles. Tracez un autre cercle comme dans l’exemple et placez les de cette façon :
Nous allons utiliser une opération booléenne pour créer une troisième forme issue de la différence des deux cercles sélectionnés. Menu > chemin > Différence
Donnez-lui cette couleur : blanche (ffffff) avec une opacité seulement à 20. Puis placez-le au bas et de façon centré par rapport au cercle.
7. Ajouter une ombre
Avec l’outil Ellipse, tracez une ellipse. Appliquez-lui un dégradé radiale noir vers transparent et placez-le sous la boule.
Appréciez le dessin !
7. Bonus : des autres couleurs
Chris nous offre en plus les dégradés pour simuler un métal doré et un métal ambré.
Les dégradés effet métal ambré Remplissage :
1. ffe8d2ff
2. ffb471ff Décalage à 0,49
3. eba96dff Décalage à 0,62
4. 481d00ff Décalage à 0,75
5. ff9348ff
Remplissage du contour : 623921ff
Remplissage :
1. ffffff00
2. e4813c00 Décalage à 0,62
3. 531f00ff Décalage à 0,70
4. ffecdf00 Décalage à 0,82
5. fff6d700
Remplissage du contour : 623921ff
Les dégradés effet métal doré Remplissage :
1. fffdd2ff
2. ffdd71ff Décalage à 0,49
3. ffef6eff Décalage à 0,62
4. 482e00ff Décalage à 0,75
5. ffdb48ff
Remplissage du contour : 625121ff
Remplissage :
1. ffffff00
2. d8ab0000 Décalage à 0,62
3. 534100ff Décalage à 0,70
4. fff4df00 Décalage à 0,82
5. fff6d700
Remplissage du contour : 623921ff
Il est possible maintenant de créer n’importe quel objet et de leur appliquer ces dégradés. Il n’est pas nécessaire de recréer à chaque fois ces dégradés ou de créer vos dessins dans ce fichier. Il suffit de conserver le fichier où vous avez créer votre dégradé et de l’importer dans un dessin pour que ce dégradé soit disponible.
Et oui, regardez la barre d’option de l’outil Dégradé.
Tous les dégradés créés apparaissent dans un menu déroulant. Leur utilisation et édition se fait donc rapidement.
L’article de Chris dévoile non seulement les secrets de ses beaux dégradés mais nous montre également son astuce pour rendre volumineux des objets.
Exemple de réalisation
Voici des liens de ses réalisations qui ont utilisés ces dégradés :
En Bonus, Chris nous offre son SVG.
Laisser un commentaire