Share
Je vais vous apprendre à utiliser chaque mode de fusion dans Flash. En termes simples, les modes de fusion permettent de modifier les valeurs de couleur ou la transparence des images. Comme son nom l'indique, les modes de fusion sont utilisés pour mélanger des images. Les modes de fusion sont couramment utilisés pour les effets spéciaux ou la composition dans les jeux, les films et les éditeurs d'images. Explosions, transitions d'écran, masquage et éclairage, les modes de fusion ont de nombreuses applications dans les projets Flash.
Modifiez le mode de fusion en utilisant l'interface utilisateur dans le coin supérieur et faites glisser les images pour créer différents effets.?
Les modes de fusion créent une image composite et créent des effets intéressants en mélangeant des pixels dans des images ou des clips superposés. Les modes de fusion affectent la couleur et la transparence des pixels. Vous pouvez utiliser les modes de fusion pour mettre en surbrillance les rehauts ou les ombres ou pour modifier les couleurs d'une image..
Vous remarquerez peut-être que certains modes de fusion sont un peu similaires, mais ils ne sont pas identiques. Certains modes de fusion sont directement opposés les uns aux autres, mais vous devez savoir lequel utiliser dans une situation donnée..
Les modes de fusion utilisent un calque d'arrière-plan et un calque de fusion au-dessus pour vous donner un calque modifié final. Chaque pixel de l'arrière-plan est examiné et modifié par la fusion de l'image en haut, ce qui vous donne l'image composée. Les couleurs et la transparence sont prises en compte dans l'équation lors du traitement des pixels. Tous les objets d'affichage, y compris les images-objets, les images bitmap et les clips, ont une propriété blendMode que vous pouvez modifier pour obtenir l'effet que vous recherchez. Vous pouvez définir la propriété blendMode sur les constantes définies dans la classe flash.display.BlendMode ou utiliser les valeurs de chaîne réelles dans des guillemets..
Les modes de fusion modifient souvent les couleurs du calque auquel vous associez le mode de fusion. Vous devez donc expérimenter différentes couleurs et modes de fusion pour voir à quoi ressemblent les résultats. Expérimenter différents modes de fusion peut vous donner une idée de leur fonctionnement. Notez que différentes couleurs entrent souvent en jeu avec différents modes de fusion et que vous risquez de ne pas obtenir les mêmes résultats en fonction de vos images d'arrière-plan et des images de fusion utilisées. Vous devez également connaître l'ordre dans lequel vous appliquez vos couches de mélange, car des ordres différents donneront des résultats différents..
displayObject.blendMode = BlendMode.ADD;
ou
displayObject.blendMode = 'add';
C'est à vous! Cependant, pour la première option, assurez-vous que vous importez flash.display.BlendMode.
Beaucoup de gens vont simplement glisser dans chacun des modes de fusion jusqu'à obtenir un effet agréable, mais je tiens à vous expliquer le fonctionnement de chaque mode de fusion et à vous montrer quelques exemples ou scénarios dans lesquels les modes peuvent être utiles. En tant que développeur de jeux, je vais utiliser des exemples de modes de fusion dans un contexte de jeu. En général, je vais utiliser des modes de fusion pour des choses comme le brouillard, les explosions, les particules et l'éclairage, mais les modes de fusion ont des utilisations et des fonctions infinies que vous devrez créer.!
Je vais parler de ces modes de mélange par paires ou par groupes. La plupart des modes de fusion viennent avec un partenaire similaire ou directement opposé. Aujourd'hui, je couvrirai les modes de fusion énumérés ci-dessous..
Description et exemples d'utilisation
NORMAL applique les couleurs normalement, sans interaction avec les couleurs de base.
Le premier mode de fusion dont je dois parler est le mode de fusion NORMAL. C’est essentiellement le mode de fusion par défaut qui n’applique aucune fusion à l’image d’arrière-plan..
Lorsque vous expérimentez avec différents modes de fusion, vous utiliserez le mode de fusion NORMAL à des fins de comparaison..
Utiliser le mode de fusion NORMAL revient à ne pas utiliser de mode de fusion du tout. Sachant que les modes de fusion nécessitent un traitement et ont souvent une incidence sur les performances de votre projet Flash, vous devez essayer de limiter l'utilisation du mode de fusion si vous le pouvez..
50 objets avec la fusion NORMALE est beaucoup plus rapide que 50 objets avec les modes de fusion OVERLAY ou HARDLIGHT.
Description technique
L'objet d'affichage est affiché normalement au-dessus de l'arrière-plan. Aucune valeur de couleur ou de transparence n'est modifiée.
Exemple:
displayObject.blendMode = BlendMode.NORMAL;
ou
displayObject.blendMode = 'normal';
Description et exemples d'utilisation
Le mode de fusion COUCHE est similaire au mode de fusion NORMAL, car il ne modifie pas les couleurs. Cependant, le mode de fusion COUCHES impose la création d'un groupe de transparence ou d'un canal alpha. Il définit essentiellement l'opacité du calque sur 100%.
REMARQUE: Ceci est nécessaire pour composer avec les modes de fusion ALPHA ou ERASE, dont je parlerai plus tard..
Description technique
Rendu similaire au mode de fusion NORMAL avec une opacité de 100%. La création du canal alpha permet au calque d'être modifié par d'autres modes de fusion ayant une incidence sur la transparence, comme ALPHA ou ERASE..
Exemple:
displayObject.blendMode = BlendMode.LAYER;
ou
displayObject.blendMode = 'couche';
Description et exemples d'utilisation
Le mode de fusion ALPHA modifie la transparence du calque d'arrière-plan, le rendant transparent si différentes zones dépendent de la transparence du calque de fusion..
Description technique
Le mode de fusion ALPHA applique un masque alpha dans lequel les pixels transparents du calque de fusion ont une incidence sur la transparence du calque d'arrière-plan. En général, vous utiliserez un deuxième calque d'arrière-plan avec ce mode de fusion, qui sera visible à travers le premier arrière-plan lorsqu'il sera rendu transparent..
Le mode de fusion COUCHES doit être appliqué à l'objet d'affichage parent, qui sert de premier arrière-plan à rendre transparent..
Exemple:
displayObject.blendMode = BlendMode.ALPHA;
ou
displayObject.blendMode = 'alpha';
Description et exemples d'utilisation
Le mode de fusion ERASE est l'opposé du mode de fusion ALPHA, mais il modifie néanmoins la transparence du calque d'arrière-plan, ce qui le rend transparent si différentes zones, en fonction de la transparence du calque de fusion..
Description technique
Le mode de fusion ERASE fonctionne comme le mode de fusion ALPHA, mais applique un masque alpha inversé, dans lequel les pixels opaques du calque de fusion affectent la transparence du calque d'arrière-plan, ce qui rend ces pixels transparents. En général, vous utiliserez un deuxième calque d'arrière-plan avec ce mode de fusion, qui sera visible à travers le premier arrière-plan lorsqu'il sera rendu transparent..
Le mode de fusion COUCHES doit être appliqué à l'objet d'affichage parent, qui sert de premier arrière-plan à rendre transparent..
Exemple:
displayObject.blendMode = BlendMode.ERASE;
ou
displayObject.blendMode = 'effacer';
Description et exemples d'utilisation
Le mode de fusion ADD est utilisé pour renforcer les blancs et alléger les couleurs qui se chevauchent. Les couleurs du calque de fusion au-dessus de la plage du milieu éclaircissent le calque d'arrière-plan, tandis que les couleurs plus sombres sont transparentes, laissant le calque d'arrière-plan intact..
Description technique
Le mode de fusion Ajouter ajoute littéralement les valeurs de couleur hexadécimales du calque de fusion au calque d'arrière-plan. Il ne peut pas aller plus haut que le blanc.
Exemple:
displayObject.blendMode = BlendMode.ADD;
ou
displayObject.blendMode = 'add';
Description et exemples d'utilisation
Le mode de fusion SUBTRACT assombrit le calque d'arrière-plan et peut être considéré comme l'opposé du mode de fusion ADD. Les zones blanches du calque de fusion virent au noir de l'arrière-plan, tandis que les zones noires de l'image de fusion n'affectent pas le calque d'arrière-plan.
Le mode de fusion SUBTRACT est utilisé pour renforcer les noirs et assombrir les couleurs qui se chevauchent. Les couleurs de l'image de fusion au-dessus de la plage moyenne sont assombries, tandis que les couleurs claires sont transparentes, ce qui laisse le calque d'arrière-plan intact..
Description technique
Le mode de fusion SUBTRACT soustrait les valeurs de couleur hexadécimales du calque de fusion au calque d'arrière-plan. Il ne peut pas aller plus bas que le noir.
Exemple:
displayObject.blendMode = BlendMode.SUBTRACT;
ou
displayObject.blendMode = 'soustraire';
Description et exemples d'utilisation
LIGHTEN utilise les pixels de couleur plus claire de chaque calque. Semblable au mode de fusion ADD, il est utilisé pour renforcer les zones les plus claires des couches superposées. Chaque pixel de chaque couche est examiné et la plus claire des valeurs de deux pixels est conservée..
Description technique
LIGHTEN remplace les pixels de fond plus sombres que les pixels du calque de fusion. Les pixels d'arrière-plan plus clairs que les pixels du calque de fusion ne sont pas modifiés.
Exemple:
displayObject.blendMode = BlendMode.LIGHTEN;
ou
displayObject.blendMode = 'alléger';
Description et exemples d'utilisation
DARKEN utilise les pixels de couleur plus sombre de chaque calque. C'est l'opposé du mode de fusion LIGHTEN et il est utilisé pour renforcer les zones plus sombres des couches superposées. Chaque pixel de chaque couche est examiné et la plus sombre des valeurs de deux pixels est conservée. Cela peut être utilisé pour ajouter différents effets de texture à notre couche d'arrière-plan.
Description technique
DARKEN remplace les pixels d'arrière-plan plus clairs que les pixels du calque de fusion. Les pixels d'arrière-plan plus sombres que les pixels du calque de fusion ne sont pas modifiés.
Exemple:
displayObject.blendMode = BlendMode.DARKEN;
ou
displayObject.blendMode = 'assombrir';
La deuxième partie de ce didacticiel (à venir) couvrira les modes de fusion restants:
Restez à l'écoute!
Accentsconagua