How to make a $5k scroll animations with ZERO CODE

@cindiezhu

5.8K followers · usually 1.8K views a post

Views

9.4K

Likes

534

Comments

95

Shares

160

Selling · SaaS › AI Tool

Claudeseen in 998 videos →

Why it worked

The video provides a valuable, actionable tutorial on creating a high-value visual effect with accessible tools, appealing to creators looking to enhance their content without coding expertise.

Summary

This video demonstrates how to create a $5k scroll animation effect with zero code using Google Flow and EZGIF. It breaks down the process into four steps: generating start and end frame images, converting them into a video sequence, processing the video into frames using EZGIF, and finally using an AI coding tool to build the scroll-linked animation.

Structure

1Introduction to scroll animations and their cost
2Step 1: Generate images using Google Flow
3Step 2: Convert images to video and upload
4Step 3: Convert video to image sequence using EZGIF
5Step 4: Build the animation using an AI coding tool

Product placement

Google Flow: ACTS - it is a tool used to generate images and build animations. Removing it would change what happens in the video. EZGIF.com: ACTS - it is a tool used to convert video to image sequence. Removing it would change what happens in the video. Apple: APPEARS - Apple's product pages are shown as an example of the animation style. Removing them would not change what happens in the video. Claude: ACTS - mentioned as a tool to achieve the animation effect. Removing it would change what happens in the video.

Original caption

you can do this scroll effect for any product with claude 👀 no design team, just prompts. what would you build with this effect? follow for more ai that actually works 🌱 #claude #claudecode #webdesign #animation #aitips

More from @cindiezhu

Their other posts in the index, biggest breakout first.

Call to action

Comment "Prompt"

On-screen text

How to make a $5k scroll animations with ZERO CODE here's how you kind of that thousands in four steps you with zero code scroll product spins or builds itself Here's how to make it make Go to Google Flow generate two images start creating with a sample prompt or make your own below Start Frame High-end studio product photograph of YOUR PRODUCT fully assembled and intact, floating dead center against a seamless matte light grey studio background. Straight-on view, perfectly lit, level camera, soft even studio lighting, one subtle soft shadow directly beneath the product, photorealistic, ultra sharp, high detail. Keep the product small enough in frame that there's generous empty space on every side. No text, no watermark, no hands, no props, no brand logos. Landscape 16:9. is for another step select frames to video flow video upload both images Smartphone animate between take the clip to ezgif that easy GIF use video to image sequence AR to JPG to PNG to MP4 to WebM set to 30fps set 30 frames per second and download all the frames as zip file Step 4 step 4 that whole folder coding to scroll linked sequence so the plays frame frame as way exact trick apple uses their product pages Comment "Prompt" Cindy Z I'll the full walkthrough

Transcript

here's how you kind of that thousands in four steps you with zero code scroll product spins or builds itself Here's how to make it make Go to Google Flow generate two images start creating with a sample prompt or make your own below Start Frame High-end studio product photograph of YOUR PRODUCT fully assembled and intact, floating dead center against a seamless matte light grey studio background. Straight-on view, perfectly lit, level camera, soft even studio lighting, one subtle soft shadow directly beneath the product, photorealistic, ultra sharp, high detail. Keep the product small enough in frame that there's generous empty space on every side. No text, no watermark, no hands, no props, no brand logos. Landscape 16:9. is for another step select frames to video flow video upload both images Smartphone animate between take the clip to ezgif that easy GIF use video to image sequence AR to JPG to PNG to MP4 to WebM set to 30fps set 30 frames per second and download all the frames as zip file Step 4 step 4 that whole folder coding to scroll linked sequence so the plays frame frame as way exact trick apple uses their product pages Comment "Prompt" Cindy Z I'll the full walkthrough