Chuyển đến nội dung chính
Hướng dẫn AI

Tạo video ngắn hoạt hình dọc dạng câu chuyện với Claude, Three.js và Remotion

Tìm hiểu cách cài đặt và sử dụng Claude Animated Shorts để tạo các câu chuyện dọc dài 55–70 giây với nhân vật cách điệu, camera điện ảnh, âm nhạc, hiệu ứng, kiểm tra khung hình và bản kết xuất 2K hoàn chỉnh, tất cả được kết xuất cục bộ bằng three.js và Remotion.

Tạo video ngắn hoạt hình dọc dạng câu chuyện với Claude, Three.js và Remotion

Claude Animated Shorts là gì?

Claude Animated Shorts là một skill Claude miễn phí, dựa trên quy trình được trình bày trong Cách tạo Animated Shorts lan truyền bằng Claude (Quy trình đầy đủ). Công cụ này giúp tạo các video hoạt hình kể chuyện dọc dài 55–70 giây mà không cần phụ thuộc vào trình tạo video AI.

Dự án kết hợp các nhân vật 2D với môi trường 3D đầy màu sắc. Phong cách mục tiêu bao gồm đường viền mực, thị trấn được tô vẽ, hiệu ứng làm mờ ống kính, chuyển động camera lướt, nhạc nền kiểu diễu hành và hiệu ứng âm thanh đồng bộ. Quá trình kết xuất chạy trên chính máy tính của bạn, sử dụng three.js bên trong Remotion.

Quy trình này đã được kiểm chứng với The Bridge That Fell for a Song, một video ngắn dài 67 giây về cây cầu Broughton năm 1831.

Tính năng chính và nội dung repository

Repository chứa skill phục vụ sản xuất, một dự án mẫu hoàn chỉnh, tài nguyên âm thanh, công cụ đảm bảo chất lượng và các tư liệu hình ảnh được đo lường.

  • SKILL.md: Định nghĩa skill chính, bao gồm toàn bộ quy trình, quy tắc sản xuất, cách khắc phục và các giá trị hình ảnh cuối cùng.
  • templates/bridge/: Mã nguồn đầy đủ cho video ngắn về cây cầu, bao gồm thế giới, nhân vật, xử lý đường viền mực, hiệu ứng làm mờ ống kính, phân cấp màu, cốt truyện và chuyển động camera.
  • templates/audio/: Hiệu ứng âm thanh tổng hợp, nhạc diễu hành và bản phối cuối cùng với kỹ thuật hạ âm lượng nền và xử lý độ lớn âm thanh.
  • templates/scripts/: Các công cụ hỗ trợ tạo ảnh tĩnh và bảng so sánh cạnh nhau, hợp nhất các cảnh quay và thực hiện đảm bảo chất lượng theo từng khung hình.
  • references/STYLE_BIBLE.md: Công thức kịch bản và hình ảnh được đo lường từ 20 video ngắn tham khảo.
  • references/reports/: Bảy báo cáo về chuyển động, chiều sâu, kết cấu, nhân vật, ánh sáng, đường viền và phân cấp màu.
  • references/frames/: 38 khung hình tham khảo kích thước đầy đủ, ở độ phân giải 540 x 960 pixel.
  • references/sheets/: 20 bảng liên hệ, mỗi video ngắn tham khảo có 60 khung hình, tổng cộng 1.200 khung hình.

Điều kiện tiên quyết

Trước khi cài đặt skill, hãy chuẩn bị các công cụ cục bộ cần thiết cho quy trình kết xuất và âm thanh.

  • Claude Code để gọi skill và điều phối quy trình.
  • Node cho môi trường JavaScript và Remotion.
  • Remotion cùng @remotion/three để dựng video và kết xuất bằng three.js.
  • Python 3 cho các script hỗ trợ đi kèm.
  • ffmpeg để xử lý video và âm thanh.

Hãy tham khảo tài liệu chính thức của Remotion khi thiết lập Remotion và tích hợp three.js. Bạn cũng có thể xác nhận các công cụ dòng lệnh hỗ trợ đã khả dụng:

node --version
python3 --version
ffmpeg -version

Cài đặt Claude Skill

  1. Nhân bản repository hoặc tải xuống kho lưu trữ ZIP.

  2. Đặt toàn bộ thư mục dự án tại đường dẫn skills của Claude sau:

    ~/.claude/skills/cartoon-3d-short/
  3. Xác nhận rằng SKILL.md, templates/ và references/ vẫn nằm trong thư mục đó. Giữ nguyên cấu trúc repository vì skill dựa vào các tài nguyên này cho quy trình và việc so sánh hình ảnh.

  4. Đảm bảo Remotion, @remotion/three, Node, Python 3 và ffmpeg đã khả dụng trên máy tính trước khi bắt đầu sản xuất.

Cấu hình bộ nhớ tạm của Remotion

Đặt REMOTION_TMP thành một thư mục trên ổ đĩa còn nhiều dung lượng trống. Mỗi gói Remotion sẽ sao chép thư mục public/ có dung lượng khoảng 1.3 GB vào bộ nhớ tạm.

Trong shell tương thích Unix, bạn có thể đặt biến cho phiên hiện tại bằng lệnh:

export REMOTION_TMP=/path/to/large-drive/remotion-tmp

Hãy chọn vị trí trên ổ đĩa lớn thay vì ổ đĩa hệ thống dung lượng nhỏ. Cách cấu hình biến môi trường lâu dài phụ thuộc vào hệ điều hành và shell bạn sử dụng.

Tạo video hoạt hình ngắn đầu tiên

1. Chọn chủ đề

Quyết định sự kiện lịch sử, câu chuyện hoặc chủ đề bạn muốn giải thích. Dự án được thiết kế cho các sản phẩm kể chuyện ngắn, vì vậy một chủ đề tập trung có thể trình bày trong khoảng một phút là điểm bắt đầu phù hợp nhất.

2. Gọi skill trong Claude Code

Mở Claude Code và yêu cầu skill trực tiếp. Thay phần giữ chỗ bằng chủ đề của bạn:

Use the cartoon short skill and make a short about [your topic].

Ví dụ:

Use the cartoon short skill and make a short about the Broughton bridge collapse.

3. Để skill thực hiện theo quy trình sản xuất

Claude tuân theo các hướng dẫn trong SKILL.md. Quy trình diễn ra qua các giai đoạn chính sau:

  1. Chủ đề và dữ kiện: Xác định chủ đề và nền tảng sự kiện.
  2. Kịch bản: Chuyển các dữ kiện thành một câu chuyện ngắn.
  3. Giọng đọc: Chuẩn bị lời thuyết minh cho câu chuyện.
  4. Kế hoạch cảnh quay: Xác định trình tự và kế hoạch camera trong story.ts.
  5. Ảnh tĩnh: Tạo các khung hình đại diện trước khi tiến hành kết xuất cuối cùng.
  6. Kết xuất: Tạo các cảnh hoạt hình cục bộ thông qua Remotion và three.js.
  7. Kiểm tra chất lượng: So sánh các khung hình với những báo cáo được đo lường và khung hình tham khảo được cung cấp.
  8. Đầu ra cuối cùng: Tạo bản kết xuất 2K cuối cùng và bản phối âm thanh.

Tìm hiểu quy trình hình ảnh và âm thanh

Mẫu dự án cầu được cung cấp là ví dụ hoàn chỉnh về cách dự án tổ chức một phim ngắn đã hoàn thiện. Hãy nghiên cứu templates/bridge/ để xem môi trường, nhân vật, dàn ý, hiệu ứng chiều sâu, xử lý màu, chuyển động máy quay và nhịp kể chuyện phối hợp với nhau như thế nào.

Về âm thanh, hãy xem templates/audio/. Thư mục này minh họa các hiệu ứng được tổng hợp, nhạc nền hành khúc, xử lý độ lớn âm thanh và kỹ thuật ducking được sử dụng trong bản sản xuất đã được kiểm chứng. Ducking giúp cân bằng nhạc nền quanh lời thuyết minh hoặc các âm thanh quan trọng khác.

Dự án cũng bao gồm các script để tạo ảnh tĩnh, ghép cảnh quay, tạo bảng so sánh và kiểm tra từng khung hình. Những công cụ này hỗ trợ quy trình lặp, trong đó các vấn đề về hình ảnh có thể được phát hiện trước khi hoàn tất bản sản xuất.

Sử dụng tài liệu tham khảo đúng cách

Các tài liệu tham khảo nhằm định hướng cách xử lý hình ảnh, không phải cung cấp nội dung câu chuyện.

  • Đọc references/STYLE_BIBLE.md để hiểu công thức kịch bản và hình ảnh đã được chuẩn hóa.
  • Tham khảo các báo cáo khi tinh chỉnh chuyển động, chiều sâu, kết cấu, cách thể hiện nhân vật, ánh sáng, đường viền hoặc xử lý màu.
  • So sánh các ảnh tĩnh được tạo với 38 khung hình tham khảo kích thước đầy đủ.
  • Sử dụng các bảng liên hệ để đánh giá nhịp độ và tính nhất quán hình ảnh trong các chuỗi hoàn chỉnh.

Câu chuyện, nhân vật và giọng đọc luôn phải là sản phẩm của riêng bạn. Hãy sử dụng các tài liệu tham khảo đi kèm để học cách thể hiện hình ảnh, không phải để sao chép nội dung.

Mẹo nâng cao

Xem lại ảnh tĩnh trước khi kết xuất đầy đủ

Hãy sử dụng quy trình tạo và so sánh ảnh tĩnh trước khi dành thời gian kết xuất đầy đủ. Các khung hình đại diện giúp bạn dễ dàng đánh giá bố cục, đường viền, ánh sáng, chiều sâu, độ mờ và xử lý màu ngay từ đầu quá trình sản xuất.

Sử dụng báo cáo như các danh sách kiểm tra có mục tiêu

Khi một cảnh quay trông không đúng, hãy tham khảo báo cáo phù hợp với vấn đề thay vì thay đổi mọi thiết lập hình ảnh cùng lúc. Ví dụ, xem báo cáo chuyển động khi gặp vấn đề về di chuyển hoặc báo cáo đường viền khi cách xử lý nét mực không khớp với phong cách mong muốn.

Nghiên cứu mẫu dự án cầu hoàn chỉnh

Dự án cầu không chỉ là một mẫu hình ảnh: đây là toàn bộ mã nguồn của một phim ngắn hoàn chỉnh dài 67 giây. Hãy sử dụng nó để hiểu cách story.ts, máy quay, nhân vật, các yếu tố môi trường, hậu kỳ và âm thanh cùng tạo nên một bản sản xuất.

Lên kế hoạch dung lượng đĩa trước khi kết xuất

Vì mỗi bundle Remotion sao chép khoảng 1.3 GB tài nguyên công khai vào thư mục tạm, việc tạo bundle lặp lại có thể gây áp lực đáng kể lên dung lượng lưu trữ hạn chế. Hãy trỏ REMOTION_TMP đến một ổ đĩa đủ lớn trước khi bắt đầu phiên làm việc có nhiều tác vụ kết xuất.

Giữ lại các yếu tố sáng tạo nguyên bản

Hãy tạo câu chuyện mới, nhân vật nguyên bản và cách xử lý giọng đọc riêng cho mỗi dự án. Các khung hình được cung cấp chỉ được cấp phép để nghiên cứu phong cách, dù mã nguồn và tài liệu trong kho lưu trữ được cung cấp theo Giấy phép MIT.

Cấp phép

Mã nguồn và tài liệu của dự án được cấp phép theo Giấy phép MIT; hãy xem tệp LICENSE trong kho lưu trữ để biết chi tiết. Các khung hình tham khảo đi kèm có mục đích sử dụng hẹp hơn và chỉ được cung cấp để nghiên cứu phong cách hình ảnh.

Kết luận

Claude Animated Shorts cung cấp một quy trình làm việc cục bộ có cấu trúc để biến một chủ đề thành một câu chuyện hoạt hình dọc được hoàn thiện. Sau khi cài đặt skill và các phần phụ thuộc, bạn có thể yêu cầu Claude Code xử lý một chủ đề và làm theo quy trình bao gồm nghiên cứu, viết kịch bản, thu âm giọng đọc, lập kế hoạch cảnh quay, xem xét ảnh tĩnh, so sánh khung hình, kết xuất và trộn âm thanh. Bản sản xuất về cây cầu đi kèm cùng các tài liệu tham khảo đã được chuẩn hóa cung cấp nền tảng thực tiễn để xây dựng những phim ngắn nguyên bản với phong cách nhất quán.