Définir une paire de coordonnées correspondant au début et à la fin du gradient. Pour un dégradé linéaire, ces coordonnées précisent également la direction du gradient, donc en effet, ils servent de la tête et la queue d'un vecteur, qui est une quantité directionnelle. Pour un gradient radial, la queue du vecteur correspond au centre, et la grandeur du vecteur est égale à celle du rayon. Par exemple, si vous voulez un gradient diagonal pour remplir un carré dont le coin supérieur gauche; la main est coordonnée (0, 0), et le coin inférieur droit est (100, 100), définir ces mêmes coordonnées que la tête et la queue du vecteur. Chaque ligne perpendiculaire au vecteur entre la queue et la tête va progressivement passer de la couleur à partir de (0, 0) pour la couleur finale au (100, 100).
Calculer la magnitude du vecteur de gradient à l'équation M = sqrt ((x2 - x1)²- + (y2 - y1)²-), où (x1, y1) et (x2, y2) sont les coordonnées de la queue et la tête, respectivement. Par exemple, M = racine ((100 - 0) + (100 - 0)²-) = 141,4.
Calculer la distance à la queue du vecteur de gradient pour chaque point de la zone. Pour un vecteur radial, l'équation est D = sqrt ((x - x1)²- + (y - y1)²-), où (x, y) est de coordonner la paire de point. Pour des gradients linéaires, la distance ne sont pas à la queue elle-même, mais à la ligne qui passe à travers la queue perpendiculaire au vecteur. L'équation est D = (x(X2 - x1) - x1x2 + x1²- + y(Y2 - y1) - y1+ y2 y1² -) / M. Réglez toute distance inférieure à 0 à 0, et définissez distance supérieure à l'ampleur de l'ampleur. Par exemple, la distance du point (20, 30) est D = (20100 + 30100) /141.1 = 35,4. Tous les points de la ligne passant par ce point perpendiculaire ont la même distance.
Calculez la distance du point de ratio de magnitude à l'équation R = D / M. Par exemple, le ratio pour le point (20, 30) est R = 35,4 / 141,4 = 0,25.
Trouver chacune des composantes de couleur pour le point avec la formule Cp = R (C2 - C1) + C1, où C1 et C2 sont les composants correspondants pour la couleur initiale et finale du dégradé. Cette formule fonctionne pour tout modèle de couleur, mais lorsque l'on travaille avec des composants cycliques, tels que la teinte du modèle TSL (Teinte Saturation modèle Lightness), utilisez les valeurs de C1 et C2, tels que C2 moins C1 est moins de la moitié gamme de la composante.
Par exemple, si initiales et finales couleurs HSL de votre gradient sont (10, 93, 33) et (355, 28, 60), la différence C2 moins C1 pour la teinte est 355-10 = 345, ce qui est plus que la moitié de la HSL de gamme de 360 degrés, de sorte comme travailler avec les angles d'un cercle, ajouter 360 degrés pour trouver un angle équivalent. Soit C1 = 360 + 10 = 370. Par conséquent, la composante de teinte est Cp = 0,25(355-370) = 370 + 366,3. Voilà dehors de la plage, donc soustraire 360 pour une valeur de 6,3. Les autres composants ne sont pas HSL cyclique, de sorte que les calculs sont plus simples. Pour saturation, CP = 0,25(28-93) + 93 = 76,8, et pour plus de légèreté, Cp = 0,25 * (60-33) + 33 = 40,0. Terminez tous les calculs pour une couleur TSL finale de (6, 77, 40).