Dégradé spécial

Fermé
Oskiator Messages postés 176 Date d'inscription mardi 10 mars 2009 Statut Membre Dernière intervention 5 avril 2021 - Modifié par Oskiator le 19/06/2011 à 15:34
Armojax Messages postés 1858 Date d'inscription mercredi 19 janvier 2005 Statut Membre Dernière intervention 22 mars 2024 - 22 juin 2011 à 10:48
Bonjour,

Je cherche à faire un dégradé spécial pour un logo, mais ce n'est pas un dégradé ordinaire. J'en ai fais une sorte de modèle pour mieux vous faire comprendre ce que j'aimerais obtenir :
https://nsm05.casimages.com/img/2011/06/19/110619033722308848347588.png

Pourriez-vous me dire avec quel outil je pourrais arriver à faire cela ?

Merci d'avance !

3 réponses

Armojax Messages postés 1858 Date d'inscription mercredi 19 janvier 2005 Statut Membre Dernière intervention 22 mars 2024 1 527
21 juin 2011 à 09:33
Bonjour Oskiator,

Au premier coup d'oeil, j'ai eu du mal à comprendre pourquoi tu parlais de dégradé. Mais en y regardant de plus près, voici ce que j'ai identifié.

J'ai mis dans chaque zone les composantes (R,V,B) que j'ai trouvées. Et donc les dégradés se trouvent en réalité seulement dans les fines transitions entre ces différentes zones, c'est ça ?

Si je devais faire ce genre de truc, j'utiliserais Gimp, que j'utilise le plus (gratuit). Et après avoir délimité ces différents champs, je commencerais par réaliser les dégradés sans me préoccuper de les restreindre, et en m'autorisant à les faire déborder. Ensuite je remplirais les autres champs où la coloration est constante.

Dans les transitions linéaires, je ferais un dégradé linéaire, et ailleurs un dégradé radial.

Armojax.
0
Merci beaucoup, mais comment je fais pour "relier" les dégradé ? Pour que le dégradé radial fonde vers le linaire ?
0
Armojax Messages postés 1858 Date d'inscription mercredi 19 janvier 2005 Statut Membre Dernière intervention 22 mars 2024 1 527
21 juin 2011 à 23:53
Re Oskiator,

C'est très tard (pour moi), et je n'ai pas eu le temps aujourd'hui de t'expliquer davantage. Je te fais ça demain matin (après, je serai absent quelques jours).

Et bonsoir Baluze, un peu tardivement aussi !

Armojax.
0
Utilisateur anonyme
21 juin 2011 à 10:03
Salut

Bravo Armojax tout à fait ça il n'y a pas un mais plusieurs dégradés

Absolument rien vu au départ : D

Pas trés facile à réaliser par contre pour moi mais c'est faisable

https://app.box.com/s/krevx2oeo64ek2a7vu8e
0
Armojax Messages postés 1858 Date d'inscription mercredi 19 janvier 2005 Statut Membre Dernière intervention 22 mars 2024 1 527
22 juin 2011 à 10:48
Bonjour Oskiator,

Un dégradé radial part du centre d'un cercle avec une couleur A et se propage tout autour comme une onde pour atteindre une couleur B.

Le problème se pose quand on a un cas comme celui-ci, où le dégradé entre la couleur de départ et la couleur d'arrivée ne couvre pas un cercle, mais une couronne.

Dans l'exemple, je veux faire une transition entre les deux bleus (18, 100, 235) et (41, 126, 190) (j'ai dupliqué le demi-cercle d'où partira le dégradé, pour qu'on voie bien les écarts de couleur).

Pour que le dégradé radial se propage correctement, il va falloir le faire partir du centre d'un cercle, situé au milieu du diamètre du demi-cercle bleu. Et la couleur de départ doit être calculée pour que variation de couleur, quand elle atteindra le bord du demi-cercle soit exactement (41, 126, 190).


Ennemis de la règle de trois, s'abstenir !

En partant de la couleur du rectangle de fond (18, 100, 235) pour atteindre la couleur du demi-cercle (41, 126, 190), située à une distance de 40 pixels, les variations des composantes sont :

Rouge : de  18 à  41 = +23
Verte : de 100 à 126 = +26
Bleue : de 235 à 190 = -45

On calcule alors les variations nécessaires pour atteindre le centre, situé à 170 pixels :

Rouge : + (23 x 170 / 40) = + 98
Verte : + (26 x 170 / 40) = +111
Bleue : - (45 x 170 / 40) = -191

La couleur du centre du dégradé aura donc comme composantes :

Rouge :  18 +  98 = 116
Verte : 100 + 111 = 211
Bleue : 235 - 191 =  44

Le dégradé partira donc du milieu de diamètre du demi-cercle vers le bord extérieur de la couronne, avec comme valeurs de départ et d'arrivée :
(116, 211, 44) et (18, 100, 235)

Ce qui donne ceci.

Il suffit ensuite de déposer le demi-cercle pour couvrir la partie inutile du dégradé et ne conserver que la « couronne ».

Je ne sais pas si c'est clair...

En tout cas ça marche.

Armojax.
0