How I Designed and Animated a Water Bottle Ad Using CapCut Desktop + AI Tool

Project Overview

This project documents the creative process behind a water bottle commercial animation titled “Lovely Ultra.” The animation was built using CapCut Desktop, with assets generated through AI (ChatGPT + DALL·E), edited in Photopea, and animated using keyframes and scene composition.

Tools Used

Tool Purpose
ChatGPT Text prompts for design assets
DALL·E Generating AI bottle images
Photopea Extracting/cutting image parts
CapCut Animation & composition
GitHub Version control + asset hosting

📦 Folder Structure

lovely-ultra-animation/

├── assets/
│ ├── bottle_no_label.png
│ ├── bottle_cap.png
│ ├── label_unwrapped.png
│ ├── label_wrapped.png
│ ├── final_bottle_lovely_ultra.png

├── preview/
│ └── lovely_ultra_ad_preview.mp4

└── README.md

Step-by-Step Process

1. Asset Generation via ChatGPT + DALL·E

Using prompts like:

“A digital photograph features a clear plastic water bottle, no label, placed on a reflective surface. Bright studio lighting makes the bottle appear crisp.”

…we generated the key visuals:

  • Bottle without label
  • Bottle cap
  • Final bottle mockup
  • Unwrapped and wrapped label

Each of these was exported as .png with transparent backgrounds.

2. Cutting Out Assets in Photopea

To prepare CapCut-ready assets:

  1. Go to Photopea.com
  2. Load the image (e.g., bottle with label)
  3. Use:
    • Pen Tool (P) to outline the cap
    • Magic Wand (W) for easy background removal
  4. Go to Select > Inverse and hit Delete
  5. Export as PNG → bottle_cap.png

Repeat for each individual element needed in your animation.

3. CapCut Desktop: Scene-by-Scene Animation

Scene 1: Bottle Appears

  • Drag in bottle_no_label.png
  • Add Scale and Fade In keyframes (1.5s duration)

Scene 2: Cap Drops In

  • Import bottle_cap.png
  • Add vertical slide-in from top keyframe (over 1s)
  • Optional: add bounce effect

Scene 3: Label Wraps Around

  • Add label_unwrapped.png
  • Position to side of the bottle
  • Add slide + rotate keyframes toward bottle (over 3s)
  • Fade it out and fade in label_wrapped.png
  • Overlay sparkle_overlay.png, set Blend Mode: Lighten

Scene 4: Final Bottle Reveal

  • Add final_bottle_lovely_ultra.png
  • Animate zoom in & overlay ripple sparkle background

Optional: Voiceover + Background Music

Use the following male narrator voiceover script:

“Introducing Lovely Ultra – Pure hydration. Pure beauty. Crafted for excellence. Wherever life takes you, take Lovely Ultra.”

You can generate this with CapCut’s Text-to-Speech or external tools (e.g., ElevenLabs, PlayHT).

Preview

🎬 Click to watch the preview video

Try It Yourself

  1. Download CapCut Desktop (https://www.capcut.com/tools/desktop)
  2. Open the .cceproject file from capcut_project/
  3. Replace assets with your brand visuals
  4. Export as MP4 for sharing!

GitHub Repo

Explore the full repo here: github.com/Gydera/lovelyultraanimatedproject

Final Thoughts

This project proves how accessible video ad creation has become using free tools, AI assistance, and smart design thinking. You can adapt this workflow for beverages, skincare, perfume, or any branded product.

Inspired? Fork the repo and remix it with your own brand!

Leave a Reply