Les styles présentés dans cet article génèrent des animations qui recomposent progressivement une image par assemblage de plusieurs rectangles.
Chaque partie rectangulaire de l’image est encadrée par une bordure blanche. Les cadres de l’image s’animent en partant de différentes directions pour venir se positionner sur leur emplacement final.
En fin d’animation les cadres disparaissent pour laisser apparaître l’image complète.
La catégorie proposée ici contient une série de 10 styles, chaque style présente une configuration différente d’un assemblage de l’image.
Les 10 styles sont présentés dans l’aperçu vidéo ci-dessous :
Construction du style
Pour décomposer l’image en plusieurs rectangles, j’ai créé dans l’éditeur d’objets de PTE autant d’objets Cadre (Frame) que de pièces rectangulaires décomposant l’image. Chacun de ces objets Cadre regroupe :
- un conteneur de masque avec un modèle de masque rectangulaire appliqué sur l’image entière. Le modèle de masque rectangulaire est dimensionné et positionné pour ne faire apparaître que la partie rectangulaire souhaitée de l’image.
- sous le conteneur de masque, le même modèle de masque augmenté de 20 pixels en hauteur et largeur. Ce modèle de masque permet d’obtenir un cadre blanc de 10 pixels autour de la pièce visible de l’image. Une ombre est appliquée à cet objet.
