Effets
Ajoutez des effets visuels pour améliorer vos designs. PinePaper comprend 15 effets intégrés allant des systèmes de particules aux simulations environnementales.
Effets disponibles
Sparkle
Une particule brillante qui suit le contour de votre objet, laissant une trace d’étincelles.
Le meilleur pour: Logos, texte surligné, thèmes magiques
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur mousseux/brillante | #fbbf24 (or) |
| Vitesse | Multiplicateur de vitesse d’animation | 1.0 |
| Taille | Rayon des particules | 2 |
Blast
Une explosion de particules du centre d’un objet. Une prise par défaut, ou un intervalle pour répéter les rafales.
Le meilleur pour: Révélateurs, accents, célébrations
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur des particules | #ef4444 (red) |
| Rayon | Distance de propagation de l’explosion | 100 |
| Nombre | Nombre de particules | 20 |
| Intervalle | Répéter l’intervalle en quelques secondes (0 = une prise) | 0 |
| Répéter | Nombre de répétitions (0 = une seule prise) | 0 |
Feu
Formes de flammes organiques avec coloration dégradée, animation d’onde sinusoïdale et turbulence. Les flammes préchauffent automatiquement afin qu’il n’y ait pas de trou de démarrage à froid.
Le meilleur pour: Torches, feux de camp, accents dramatiques
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de base pour gradient généré automatiquement | #fbbf24 |
| Couleurs | Tableau d’arrêt de dégradé personnalisé (surpasse la couleur) | jaune → orange → rouge |
| Nombre | Taux réduit | 12 |
| Vitesse | Multiplicateur de taux de fracturation | 1.5 |
| Étendue | Éparpillement horizontal du frai | 0 |
| Taille | Taille de la flamme de base | 3 |
| Hauteur | Hauteur maximale de montée (0 = auto des limites de l’article) | 0 |
| Vie des particules | Durée de vie de la flamme en secondes | 1.5 |
| Turbulence | Multiplicateur d’amplitude d’onde | 1.0 |
| Particules maximales | Max flammes simultanées | 30 |
Fumée
Fumée montante ou particules de vapeur avec dérive sinusoïdale horizontale. Préchauffe automatiquement pour une visibilité instantanée.
Le meilleur pour: Cheminées, vapeur, brume atmosphérique
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de la fumée | #888888 |
| Nombre | Taux réduit | 15 |
| Vitesse | Multiplicateur de taux de fracturation | 1.0 |
| Étendue | Éparpillement horizontal du frai | 0 |
| Taille | Rayon initial des particules | 3 |
| Drift | Distance de dérive sinusoïdale horizontale | 8 |
| Hauteur | Hauteur maximale de montée (0 = automatique) | 0 |
| Vie des particules | Durée de vie des particules en secondes | 1.5 |
| Taux de croissance | Croissance à l’échelle à mesure que les particules augmentent | 0.3 |
| Particules maximales | Nombre maximal de particules simultanées | 18 |
Pluie
Traînées de pluie vers le bas avec angle de vent configurable et taille de chute.
Le meilleur pour: Coulisses météorologiques, humeur, milieux environnementaux
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de la goutte d’eau | #93c5fd (bleu clair) |
| Nombre | Facteur de taux de fracturation | 15 |
| Vitesse | Multiplicateur de vitesse de chute | 2.0 |
| Angle | Angle de vent (touche la dérive horizontale) | 0 |
| Étendue | Facteur horizontal de propagation de la fraie | 1.0 |
| Taille | Longueur de la goutte d’eau et multiplicateur de largeur | 1.0 |
Neige
Flocons de neige qui tombent lentement avec une légère dérive horizontale et une rotation.
Le meilleur pour: Scènes d’hiver, thèmes de vacances, ambiance douce
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur des flocons de neige | #e2e8f0 (gris clair) |
| Nombre | Facteur de taux de fracturation | 10 |
| Vitesse | Multiplicateur de vitesse de chute | 0.5 |
| Étendue | Facteur horizontal de propagation de la fraie | 1.5 |
| Vie des particules | Durée de vie des flocons en secondes | 4.0 |
Confettis
Des rectangles colorés à la gravité physique. Une prise par défaut, ou un intervalle pour répéter les rafales.
Le meilleur pour: Célébrations, réalisations, thèmes de fête
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleurs | Tableau des couleurs confetti | rouge, jaune, vert, bleu, violet |
| Nombre | Particules par éclatement | 30 |
| Rayon | Plage de vitesse d’explosion | 150 |
| Gravité | Accélération vers le bas | 200 |
| Taille | Taille du rectangle | 6 |
| Étendue | Étendue de la surface | 0 |
| Déduction X/Y | Compensation du centre | 0 |
| Intervalle | Répéter l’intervalle en quelques secondes (0 = une prise) | 0 |
| Répéter | Nombre de répétitions (0 = une seule prise) | 0 |
Mamelons
Élargir les cercles concentriques qui disparaissent du centre de l’article.
Le meilleur pour: Gouttes d’eau, points d’impact, sonar/radar
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de l’anneau | #60a5fa (bleu clair) |
| Vitesse | Multiplicateur de vitesse d’expansion | 1.0 |
| Max Rayon | Taille maximale de l’anneau | 150 |
| Nombre d’anneaux | Nombre d’anneaux à frayer | 3 |
| Largeur du coup | Largeur de la ligne d’anneau | 2 |
Souffle
Une aura pulsante derrière l’élément qui oscille en échelle.
Le meilleur pour: Faits saillants, power-ups, attention-tirage
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur soufflée | #fbbf24 (or) |
| Vitesse | Multiplicateur de fréquence de pouls | 1.0 |
| Intensité | Opacité maximale | 0.6 |
| Taille | Plage d’oscillation de l’échelle (1.0 → cette valeur) | 1.5 |
Électrique
Des éclairs déchiquetants autour de l’objet.
Le meilleur pour: Énergie, énergie, science-fiction
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur du boulon | #67e8f9 (cyan) |
| Vitesse | Flicker multiplicateur de taux | 1.0 |
| Nombre de boulons | Nombre de boulons simultanés | 3 |
| Longueur | Longueur de boulon en pixels | 60 |
| Taux de fuite | Fréquence Flicker en Hz | 8 |
Bubbles
Des bulles transparentes montantes avec des reflets spéculaires et un léger frottement horizontal.
Le meilleur pour: Scènes sous-marines, thèmes fantaisistes, boissons
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de la jante bulle | #93c5fd (bleu clair) |
| Nombre | Taux réduit | 6 |
| Vitesse | Augmentation du multiplicateur de vitesse | 1.0 |
| Taille | Rayon de bulles | 5 |
| Étendue | Éparpillement horizontal du frai | 1.0 |
Poussière
Poussière flottante qui dérive doucement dans l’air avec un mouvement subtil.
Le meilleur pour: Scènes atmosphériques, regards vieux/vintage, rayons de soleil
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de la poussière | #d4c5a9 ( beige chaud) |
| Nombre | Nombre de motes | 15 |
| Vitesse | Multiplicateur de vitesse de la dérive | 1.0 |
| Taille | Taille du mote | 2 |
| Étendue | Répartition de la superficie | 1.0 |
Foyers
Glowing points qui errent organiquement avec un comportement de direction lisse.
Le meilleur pour: Scènes nocturnes, forêts magiques, milieux ambiants
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de la lueur du feu | #fde68a (jaune chaud) |
| Nombre | Nombre de lucioles | 8 |
| Vitesse | Multiplicateur de vitesse de mouvement | 1.0 |
| Taille | Rayon de courbure | 4 |
Onde de choc
Un anneau en expansion unique qui tire vers l’extérieur du centre de l’article. Un effet d’éclatement.
Le meilleur pour: Les moments d’impact, les power-ups, les révélations dramatiques
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de l’anneau | #f97316 (orange) |
| Rayon | Rayon d’expansion maximal | 150 |
Sentier
Un chemin persistant de particules qui suivent l’élément au fur et à mesure qu’il se déplace.
Le meilleur pour: Objets mobiles, visualisation du chemin, queues de comètes
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Couleur | Couleur de la piste | #fbbf24 (or) |
| Vitesse | Vitesse de défilement | 1.0 |
| Taille | Taille des particules de piste | 3 |
Effets de l’ombre (silhouette-clip)
Une nouvelle famille d’effets rendus GPU a été ajoutée dans v0.5. Contrairement aux effets de particules, les effets de shader sont des shaders animés continus composites contre la silhouette de votre article — pensez « texte rempli de feu » ou « chrome fondu sur un logo ». Trois types de bateau aujourd’hui:
Carte thermique
Un halo thermique lumineux avec turbulence animée. Lire comme le feu lors du remplissage du texte, et comme une lueur chaude lors du halage d’une forme.
Le meilleur pour: Titres du texte, effets sur l’énergie, accent mis sur l’attention
| Biens | Désignation des marchandises | Par défaut |
|---|---|---|
| Mode | Où apparaît le shader : Remplir l’élément / Halo autour de l’élément / Overlay (blend sur l’élément) | Remplir l’élément |
| Intensité | Multiplicateur de luminosité (0–1,5) | 1.0 |
| Rayon | Distance de chute des rainures (0,2–1,5) | 0.85 |
| Palette | Chaud (rouge/jaune), frais (bleu/cyan), violet | Chaud |
| Rembourrage en halo | Dilatation des liaisons pour le halo extérieur (0–1,5) | 0.4 |
| Déduction X / Y | Déplace le centre du motif shader dans les limites (-1 à 1) | 0 |
| Teinte | Picker de couleur — biaise la palette vers cette couleur (blanc = pas de biais) | #ffffff |
Métaux liquides
Surface d’écoulement en chrome réfléchissante avec stries baguées et reflets spéculaires. Trois palettes métalliques : Chrome, Or, Copper.
Le meilleur pour: Logos, accents haut de gamme, typographie métallique
Fumée gemme
Souple couronne de fumée volumétrique avec mouvement de curling et étincelles internes. Trois palettes de couleurs : Blanc, Rose, Emeraude.
Le meilleur pour: Ambiance mystique, milieux rêveux, révélations magiques
Chaînes d’animation
Chaque effet shader a deux canaux d’animation indépendants (A et B) qui conduisent à des aspects visuels distincts. Pour Heatmap, c’est Flow ( turbulence du fond) + Shimmer (détail haute fréquence). Pour le métal liquide c’est Streaks (drift) + Bands (oscillation de réflexion). Pour Gem Smoke c’est Drift (direction curl) + Sparkle (accents internes).
Chaque canal expose :
- Speed — 0× fige le canal, 1× = par défaut prédéfini, jusqu’à 5×
- Curve — comment le temps brut se transforme:
| Courbe | Ce qu’il fait |
|---|---|
| Linéaire | Débit continu stationnaire (par défaut – recommandé pour les canaux de type “Flow”) |
| Sinus | Pouls lisse |
| Triangle | Pouls aigu |
| Pouls | Onde carrée marche/arrêt |
| Facilité | Lent → rapide → lent |
| Sciage | Ramp + réinitialisation |
| Bounce | Oscillation en déclin |
| Bruit | Marche aléatoire |
Vous pouvez mélanger les courbes entre A et B pour un mouvement en couches — par exemple, Heatmap with Flow on Linear et Shimmer on Pulse donne une lueur constante avec un détail strobing.
Effets de l’ombrage
Vous pouvez appliquer plus d’un effet shader à un seul article. Heatmap + Gem Smoke sur la même image vous donne un halo enflammé avec de la fumée qui dérive à travers elle. Chaque effet fonctionne indépendamment avec ses propres paramètres et canaux. Le bouton Effacer les effets les supprime tous à la fois.
Modes composites
Le menu déroulant Mode décide comment la sortie shader se combine avec l’élément :
- Fill item — shader n’apparaît que dans la silhouette de l’article. Par défaut pour le texte et les formes.
- Halo autour de l’élément — shader n’apparaît qu’en dehors du bord de l’élément. Meilleur pour les formes opaques qui veulent une lueur.
- Overlay (blend on item) — shader stylise les pixels existants de l’article par multiplier le mélange. Par défaut pour les images.
Application des effets
- Sélectionnez un élément avec l’outil de sélection (V)
- Dans le panneau des propriétés, trouver Effets
- Cliquez sur Ajouter un effet
- Choisir un type d’effet
- Régler les paramètres comme désiré
Effacement des effets
- Sélectionnez l’élément avec l’effet
- Dans le panneau des propriétés, trouver l’effet
- Cliquez sur le bouton × pour le supprimer
Effets multiples
Vous pouvez appliquer plusieurs effets sur le même élément. Ils joueront tous simultanément.
Types d’effets
| Catégorie | Effets | Comportement |
|---|---|---|
| En continu (particules) | Sparkle, Fumée, Feu, Pluie, Neige, Ripple, Glow, Electric, Bubbles, Poussière, Feux, Sentier | Exécuter jusqu’à suppression |
| Un-Shot Burst | Blast, Confetti, Shockwave (sans intervalle) | Jouer une fois et disparaître |
| La récurrence | Blast, Confetti (avec intervalle) | Redéclencheur à l’intervalle défini |
| Rasoir (silhouette-clip) | Carte thermique, métal liquide, fumée gemme | Exécuter jusqu’à suppression; piles multiples par élément |
Effet contre animation
| Fonctionnalité | Animation | Effet |
|---|---|---|
| Ce qu’il fait | Transforme l’élément (déplacer, balancer, tourner) | Ajoute des éléments visuels autour de l’élément |
| Exemples | Pouls, rebond, fondu | Traîne pétillante, explosion de particules |
| Combiner ? | Un par article | Nombreux par article |
Compatibilité des exportations
| Effet | MP4 | GIF | SVG |
|---|---|---|---|
| Sparkle | ✅ | ✅ | Statique |
| Blast | ✅ | ✅ | ❌ |
| Feu | ✅ | ✅ | ❌ |
| Fumée | ✅ | ✅ | ❌ |
| Pluie | ✅ | ✅ | ❌ |
| Neige | ✅ | ✅ | ❌ |
| Confettis | ✅ | ✅ | ❌ |
| Mamelons | ✅ | ✅ | ❌ |
| Souffle | ✅ | ✅ | Statique |
| Électrique | ✅ | ✅ | ❌ |
| Carte thermique | ✅ | ✅ | ❌ |
| Métaux liquides | ✅ | ✅ | ❌ |
| Fumée gemme | ✅ | ✅ | ❌ |
SVG Limitations: Les effets sont des systèmes de particules à base de cadre et des surfaces filtrantes — ni les cartes propres à SVG statique. Pour les animations à effet complet, exportez en MP4 ou GIF.
Conseils
Conseils d’effet :
- Les effets sparkle fonctionnent mieux sur les articles avec des contours clairs
- Feu et fumée préchauffés automatiquement — les flammes apparaissent instantanément sans retard de démarrage
- Utilisez le souffle et les confettis avec parcimonie pour les moments d’impact
- La pluie et la neige travaillent le mieux sur des éléments plus grands ou des éléments à toile complète
- Combiner lumière et modes de mélange pour un éclairage spectaculaire
- Correspond aux couleurs de votre palette de design
Conseils sur l’effet de l’ombre :
- Pour le texte, Fill item mode produit un look “fire-text” / “smoky-text”. Pour les formes, essayez Halo autour de l’article. Pour les images, Overlay conserve l’image tout en la teintant avec le shader.
- Empiler plusieurs effets de shader sur un élément : thermomap sur Fill + gemme smoke sur Halo autour couche un noyau lumineux sous un halo fumé.
- Utilisez Offset X/Y pour pousser le point lumineux de la carte de chaleur vers un coin au lieu du centre — utile pour les looks asymétriques “bord chaud”.
- Le sélectionneur de couleurs Tint biaise la palette sans perdre de structure. Gardez-le blanc pour le look naturel du preset.
- Les courbes des canaux vous permettent de mélanger un débit stable avec des détails en strobing. Essayez Heatmap avec Flow=Linear et Shimmer=Pulse pour un effet bougie clignotant.
- Performance auto-tunes basé sur votre appareil. Sur les machines plus lentes, l’éditeur dépose discrètement la résolution avant le taux d’image ; vous pouvez verrouiller un niveau de qualité via la console développeur (
PinePaper.itemAuraSystem.setQualityTier(N)).
Related: Animations="Blending="Masking