Things I no longer do because AI does them for me

@umehchinonso01

9.9K followers · usually 3.6K views a post

Views

16.5K

Likes

1.7K

Comments

13

Shares

126

Selling · SaaS › AI Tool

Google Flow

https://labs.google.ai/fx/tools/flow ↗

Why it worked

The video provides a practical, step-by-step tutorial on how to achieve a complex visual effect using readily available AI tools, appealing to creators looking to streamline their workflow and enhance their web designs.

Summary

The creator demonstrates how to create complex scroll-triggered web animations using AI tools like Google Flow and ChatGPT. The process involves generating a scene with Google Flow, converting it to a JPEG image sequence, and then using ChatGPT to generate the animation code.

Structure

1Intro: AI replaces manual animation tasks
2Demonstration: Creating a scroll animation with Google Flow
3Conversion: Turning video into JPEG sequence
4AI Generation: Using ChatGPT for code
5Conclusion: Full tutorial available in bio

Product placement

The video shows a screen recording of Google Flow being used to generate a scene, and then demonstrates converting a video to a JPEG sequence using ezgif.com, followed by using ChatGPT to generate code for a scroll-triggered animation.

Call to action

Original caption

I don’t spend hours figuring out complex web animations anymore, AI does most of the heavy lifting. For Part 2, I turned a simple AI-generated video into this scroll-triggered website animation using an image sequence and @ChatGPT. The full step-by-step tutorial, including the prompt and code, is on my YouTube. Link in bio. #AI #chatgpt #codex #openai #vibecoding

More from @umehchinonso01

Their other posts in the index, biggest breakout first.

The full step-by-step tutorial, including the prompt and code, is on my YouTube. Link in bio.

On-screen text

THINGS I NO LONGER DO BECAUSE A I DOES DOES THEM FOR ME PART TWO I DON'T SPEND HOURS BUILDING COMPLEX SCROLL ANIMATIONS ANYMORE THIS EFFECT THIS EFFECT RIGHT HERE LOOKS COMPLICATED, BUT IT'S REALLY EASY TO DO WITH AI. HERE'S HOW. HERE'S HOW. FIRST GO TO GOOGLE FLOW AND GENERATE YOUR SCENE. NEXT, GO TO THIS WEBSITE TO CONVERT THE VIDEO INTO A JPEG IMAGE SEQUENCE. DOWNLOAD IT, PUT ALL THE IMAGES INTO A SINGLE FOLDER AND UPLOAD THAT FOLDER. AND TO CHAT GPT, THEN PASTE IN THIS PROMPT. IN A FEW MOMENTS, GENERATES THE CODE FOR A SCROLL TRIGGERED ANIMATION USING THOSE IMAGES. THAT'S LITERALLY IT. IF YOU WANT A FULL STEP BY STEP, I'VE RECORDED THE FULL YOUTUBE TUTORIAL AND THE LINK IS IN MY BIO.

Transcript

Things I no longer do because AI does them for me part two. I don't spend hours building complex scroll animations anymore. This effect right here looks complicated, but it's really easy to do with AI. Here's how. First go to Google Flow and generate your scene. Next, go to this website to convert the video into a JPEG image sequence. Download it, put all the images into a single folder and upload that folder into chat GPT. Then paste in this prompt. In a few moments, chat GPT generates the code for a scroll triggered animation using those images. That's literally it. If you want a full step-by-step, I've recorded the full YouTube tutorial and the link is in my bio.