Link bài viết gốc： https://mp.weixin.qq.com/s/vR5zqeeJxM0dh...
Không Cách丶 · Official Account · Bàn phím của Không Cách · 2026-10-22 12:25
Bài viết này được chia sẻ lại, bản quyền thuộc về tác giả gốc, toàn văn căn cứ theo link bài gốc
Tôi vừa làm một skill animation phong cách vẽ tay, chỉ cần dùng model mới nhất của DeepSeek là có thể tạo ra hiệu ứng bên dưới.
Vừa khéo hôm nay Claude cũng ra mắt Agent cá nhân: Duet.
Tiện tay tôi dùng skill này làm luôn cho nó một video giới thiệu:
Trước sau tôi đã làm vài skill animation:
- Hiệu ứng bản đồ map-motion: animation bản đồ trong video du lịch, từ góc nhìn toàn cầu lao xuống một địa điểm, vẽ nét lộ trình theo từng nét bút, fly line, làm nổi bật ranh giới hành chính, tổng cộng có 14 góc máy
- Video giới thiệu sản phẩm: làm promo video cho sản phẩm, tự cào logo và ảnh chụp màn hình từ trang web chính thức, tích hợp sẵn 8 phong cách animation, đã từng làm cho Cue, Grok Bot, dots, Muse
- Video giải thích: biến một bài viết thành video thuyết trình dài 3 phút, lồng tiếng bằng giọng clone của chính tôi
Những thứ trên đều có trong các bài viết gần đây của tôi, nhưng càng làm nhiều, tôi càng thấy gợn gợn trong lòng.
Đây là video giới thiệu làm cho Grok Bot tuần trước.
Nền màu trắng be, tiêu đề lớn kiểu serif, từng thẻ trượt vào, cuối cùng là một bức tường ảnh trải nghiêng phủ kín màn hình.
Tách riêng từng cái thì trông khá tinh tế, nhưng xem nhiều sẽ nhận ra: Nó thực chất chỉ là một trang web chuyển động, lại còn là kiểu trang web do AI làm ra.
Video của ai trông cũng như thế này.
Chữ mờ dần hiện ra từng dòng, thẻ từ bên dưới nổi lên, góc máy zoom ra zoom vào một chút, lật từng trang từng trang, trông chẳng khác nào đang chiếu PPT. Model quen thuộc nhất với bài này, nếu bạn không can thiệp, nó sẽ tự động làm theo hướng đó.
Hình ảnh thì dày đặc, nhưng xem xong chẳng đọng lại được gì. Thứ còn thiếu là một chút linh hồn.
Vậy hình ảnh thế nào mới tạo được nét riêng hơn?
Tôi nghĩ ngay đến những hình minh họa trong bài viết của mình. Bài của tôi thường dùng hình vẽ tay, khung viền vẽ méo mó, mũi tên hơi run run, nhưng chính thế lại khiến người ta muốn nán lại nhìn thêm vài lần.
Bối cảnh giải thích vấn đề hiệu quả nhất cũng là khi một người đứng trước bảng trắng, vừa nói vừa viết, nói đến đâu vẽ đến đó.
Vì vậy, tôi đã biến phong cách vẽ tay yêu thích nhất của mình thành video.
Video ở trên, từ viết kịch bản, lồng tiếng cho đến từng nét vẽ, đều do một skill duy nhất thực hiện. Tôi chỉ nói vài câu.
01 Mười phong cách vẽ
Skill này được cấu hình sẵn 10 phong cách, dưới đây là cùng một đoạn mở đầu, phát đồng thời với mười phong cách vẽ:
Tôi chọn ra vài phong cách mà mình thích nhất:
Bảng đen: nền xanh lục thẫm viền khung gỗ, nét chữ và đường kẻ có hạt bụi phấn, chiếc bút cũng được đổi thành một mẩu phấn.
Màu nước: giấy màu nước màu be, viền mực đen, các khung và vòng tròn sau khi vẽ xong sẽ tự động loang ra một lớp màu nhạt.
Thủy mặc: vân giấy xuyến, viền nét mực nhòe loang, điểm xuyết màu đỏ chu sa để nhấn mạnh, bút là một cây bút lông cán trúc.
Neon: nền gần như đen tuyền, đường nét và con chữ đều phát sáng.
Truyện tranh: nét viền đen đậm, mỗi phân cảnh là một khung ô truyện tranh, chữ quan trọng được đặt trong ô chữ nhật nền vàng viền đen, giấy ghi chú biến thành bong bóng thoại.
Blueprint: nền xanh đậm kèm lưới toạ độ, nét vẽ trắng mảnh hầu như không rung lắc, giống như bản vẽ kỹ thuật, bút là một cây bút chì vàng.
Sổ tay: giấy kẻ ngang, lề đỏ, chữ viết bằng bút bi xanh, bút đỏ khoanh tròn ý chính.
Giấy Kraft: bút sáp thô vẽ trên nền giấy kraft, đường nét và con chữ đều vương hạt sáp.
Tổng kết lại, 10 phong cách tương ứng với các tình huống sử dụng khác nhau:
- Bảng trắng: bút dạ marker, thích hợp cho giới thiệu sản phẩm, giải thích tính năng
- Bảng đen: phấn, thích hợp để giảng nguyên lý, bài giảng khóa học
- Màu nước: bút màu nước, thích hợp cho kể chuyện, du lịch, video thương hiệu
- Blueprint: bút chì, thích hợp cho kiến trúc hệ thống, quy trình, giải pháp kỹ thuật
- Sổ tay: bút bi, thích hợp cho ghi chép học tập, review, hướng dẫn
- Giấy Kraft: bút sáp, thích hợp cho chủ đề cha mẹ & con cái, phong cách sống, đồ thủ công
- Truyện tranh: bút dạ marker, thích hợp cho video sản phẩm mang tính kể chuyện
- Bảng ghim: bút dạ marker, thích hợp để mổ xẻ case study, xâu chuỗi manh mối
- Thủy mặc: bút lông, thích hợp cho phong cách cổ phong, lịch sử, thi ca
- Neon: bút neon, thích hợp cho sự kiện ra mắt công nghệ, trailer game
02 Nguyên lý thực hiện
Nguyên lý vẫn tương tự như những gì tôi từng chia sẻ trước đây. Khung hình thực chất là một trang web, khi truyền vào một mốc thời gian, nó sẽ đặt từng phần tử vào đúng vị trí cần có ở thời điểm đó.
Chrome headless chụp lại màn hình sau mỗi 1/30 giây, rồi dùng ffmpeg ghép thành video. Một video dài 2 phút 44 giây bao gồm hơn 4.900 tấm ảnh chụp màn hình.
Cảm giác vẽ tay chân thực đến từ những chi tiết sau:
- Chữ viết tay: font viết tay tiếng Trung 「Tiểu Lại」 của Excalidraw, từng chữ từng chữ dần hiện ra
- Đường vẽ rung nhẹ: rough.js thêm độ lệch ngẫu nhiên vào các điểm mút, rồi vẽ đè lên 2-3 lần, làm đậm nét lên giống như vẽ bằng bút dạ
- Cây bút di chuyển theo nét vẽ: mỗi frame tính toán xem đầu bút thời điểm này đang dừng ở chữ nào, đoạn thẳng nào, rồi dời bút tới đó
- Canvas vô tận: mỗi phân cảnh là một mảng bảng trắng trên canvas, góc máy bay tới theo đường dẫn phóng to/thu nhỏ mượt mà, nếu ở xa thì thu nhỏ ra xa rồi mới phóng lại gần
03 Cách sử dụng
Skill này đã được mã nguồn mở: SpaceZephyr/space-handdrawn-motion-video
Sau khi cài đặt xong, bạn chỉ cần nói với Agent một câu:
Khối code Plain Text Tự động xuống dòng Sao chép Dùng phong cách bảng đen, biến bài viết này thành một video giải thích dài 3 phút, lồng tiếng bằng giọng của tôi, góc máy dùng canvas vô tận.Đã thử nghiệm trên cả các model nội địa lẫn quốc tế và đều cho kết quả rất tốt.
Có thể áp dụng trong nhiều tình huống:
- Phổ biến kiến thức: biến một bài viết thành video 3 phút, mỗi khái niệm vẽ một hình minh họa;
- Quảng bá sản phẩm: lấy ảnh chụp màn hình từ trang web dán lên bảng trắng, giải thích cặn kẽ từng tính năng một;
- Teaser sự kiện ra mắt: phim ngắn 30 giây, nhạc nền sôi động, chuyển cảnh bắt đúng nhịp;
- B-roll cho video thuyết trình: khi video thuyết trình nói đến quy trình, so sánh, kiến trúc, chèn thêm một đoạn minh họa vẽ tay;
- Đào tạo & khóa học: đầu mỗi bài học là một sơ đồ tri thức, vừa nói vừa vẽ; Nội dung Go Global: lồng tiếng tiếng Anh, phụ đề song ngữ Trung - Anh.
Hỗ trợ các tỷ lệ khung hình 16:9, 3:4, 9:16 và 1:1, bản ngang đăng lên Bilibili, bản dọc đăng lên Video Account và Douyin.
Nó sẽ tự đọc bài viết, viết lời thoại thuyết minh cho từng phân cảnh, lồng tiếng, kiểm tra phát âm, sắp xếp khung hình theo từ khóa, trước tiên chụp frame kết thúc của mỗi cảnh để tự kiểm tra, nếu không có vấn đề gì mới render từng frame, cuối cùng tiến hành mix âm thanh và tạo ảnh bìa.
Tôi là Không Cách, liên tục chia sẻ những suy nghĩ và thực tiễn về sản phẩm AI.
Bạn muốn dùng phong cách vẽ nào nhất để làm video? Mời bạn chia sẻ ở phần bình luận nhé. Nếu thấy hữu ích, hãy like và share để ủng hộ tác giả.
Học tương tác với AI (NotebookLM)
Ngoài đọc , bạn có thể nghe , xem và xem hoạ thông tin ở đầu bài. Bài này còn có bộ công cụ tương tác do AI tạo: Bài kiểm tra trắc nghiệm, Thẻ ghi nhớ, Sơ đồ tư duy, Bản trình bày và Báo cáo chuyên sâu.
Mở không gian học tương tác