HOW TO: Create an Old Soul vs New Gen Slider Effect with @royer.louise
Why It Matters
The workflow lets marketers and creators launch interactive, customizable ranking effects in minutes, driving higher engagement and measurable audience insights without deep programming.
Key Takeaways
- •Use Effect Maker’s old vs. new gen template for interactive sliders.
- •Drag triggers visual script that snaps heart icons within defined X bounds.
- •Replace assets (icons, titles) via properties panel to personalize themes.
- •Add or remove rows by toggling visibility or editing subgraphs.
- •Convert sliders to vertical layout by swapping X/Y connections in script.
Summary
Liz Warrior walks viewers through the ‘old soul vs. new gen’ slider template in Effect Maker, showing how to build a five‑row interactive ranking that can be adapted to any binary comparison.
The effect relies on a visual‑script drag trigger that activates a heart icon, constraining its movement to X‑axis bounds (‑202 to 202 by default). A hit‑zone calculation adds half the icon’s height to the cursor position, ensuring selections register even when the user touches anywhere on the heart rather than its exact centre.
Warrior demonstrates asset replacement—swapping the default mail icon for a camera created in Nano Banana on Gemini—and renaming categories such as ‘throwback vs. modern.’ She also shows how to delete rows, duplicate sub‑graphs, and rewire X/Y connections to turn the sliders vertical, then adds a final‑score text that averages user choices.
These steps give creators a low‑code way to launch branded quizzes, product comparisons, or trend polls, shortening development cycles and delivering a polished, data‑driven experience that can be published directly to social platforms.
Comments
Want to join the conversation?
Loading comments...