Tin sáng tạo quốc tế 08/11: Hush của VALORANT được diễn hoạt bằng Spine 2D và After Effects, Quixel mở toàn bộ thư viện Megascans trên Fab

Hush của VALORANT diễn hoạt bằng Spine 2D và After Effects; Quixel mở toàn bộ Megascans trên Fab; Cinema 4D, ZBrush hỗ trợ cảm ứng; nhận diện Snooz, Bar Rêve, BATCH.

Bản tin ColorME Newsroom Chủ nhật này mở đầu bằng hậu trường của Hush, đặc vụ mới trong game VALORANT: họa sĩ diễn hoạt Seter MD dựng chuyển động nhân vật trong Spine 2D rồi làm hiệu ứng vũ khí và nền trong After Effects, với những hiệu ứng có sẵn mà người học After Effects nào cũng mở được. Tiếp theo là hai tin công cụ 3D: Quixel mở toàn bộ thư viện quét thật Megascans trên Fab, còn Maxon đưa thao tác cảm ứng vào Cinema 4D và ZBrush trên MacBook Pro màn hình cảm ứng mới. Phần nhận diện có ba dự án cùng chơi với giấc ngủ và phim ảnh: kem Snooz của HOW+HOW, quán Bar Rêve của Dutchscot và phần mềm làm phim BATCH của &Walsh. Cuối bản tin là logo Giải bóng chuyền nam thế giới 2027 đang gây tranh cãi và trò đùa Comic Sans mà Google giấu trong kết quả tìm kiếm.

1. Hush của VALORANT: diễn hoạt nhân vật bằng Spine 2D, hiệu ứng nền bằng After Effects

Đây là gì. Hush là đặc vụ thứ 31 của VALORANT, ra mắt cuối tháng 10. Theo 80 Level (06/11), cô là một đặc vụ người Trung Quốc dùng năng lực điều khiển đồ vật từ xa. Sau khi nhân vật ra mắt, các họa sĩ đứng sau Hush bắt đầu chia sẻ quá trình làm việc: SuKe vẽ tranh chủ đạo (key art), còn Seter MD phụ trách phần diễn hoạt.

Làm bằng công cụ gì. Seter MD dùng Spine 2D cho chuyển động của nhân vật và After Effects cho hiệu ứng vũ khí và phần nền. Theo 80 Level, phần nền được phối từ ba hiệu ứng có sẵn trong After Effects: Fractal Noise (tạo vân nhiễu chuyển động), CC Vector Blur (làm nhòe theo hướng của vân) và Cartoon (gom mảng màu cho giống nét vẽ tay). Video hậu trường của anh đi từ bước dựng khung xương (rig) nhân vật trong Spine 2D tới khi ghép thành cảnh hoàn chỉnh.

Kỹ thuật "giả 3D" bằng ảnh 2D. Seter MD từng làm các hoạt cảnh màn hình chính của VALORANT Act 5 với các nhân vật Clove, Jett, Phoenix, Omen và Gekko. Những cú nghiêng trông như 3D thực ra chỉ là kỹ thuật biến dạng ảnh 2D (image warping) trong Spine 2D; theo 80 Level, mỗi hoạt cảnh mất khoảng 15 đến 30 phút và toàn bộ làm trong một phần mềm. Anh cũng dựng lại quả cầu xoay vô tận trong game Reverse: 1999, vốn được làm bằng Live2D, để cho thấy ảo giác vật thể 3D có thể tạo từ hình phẳng.

Vì sao người học thiết kế nên xem. Ba hiệu ứng Fractal Noise, CC Vector Blur và Cartoon đều có sẵn trong After Effects, nên bạn có thể thử lại phần nền kiểu Hush ngay trong bài tập đầu tiên. Nếu mới bắt đầu, hãy đi qua giáo trình After Effects cơ bản cho người mới bắt đầu, sau đó dùng các expression cơ bản như wiggle và loopOut để vân nhiễu tự chuyển động không cần đặt keyframe thủ công.

2. Quixel mở toàn bộ thư viện Megascans trên Fab, kèm quyền dùng để huấn luyện AI

Tin chính. Theo 80 Level (06/11), Quixel thông báo: "Chúng tôi đưa toàn bộ thư viện Quixel Megascans thành miễn phí trên Fab." Megascans là kho khoảng 23.000 tài sản 3D quét từ vật thật, gồm kiến trúc, nội thất, xe cộ, đồ ăn, sinh vật và rất nhiều chất liệu bề mặt như tường hư hại, đá, đất hay vải. Năm 2024, quanh thời điểm ra mắt chợ tài sản Fab, thư viện từng được mở trong thời gian giới hạn; lần này 80 Level đánh giá thay đổi có vẻ là lâu dài.

Những điều cần biết. Theo Quixel, danh sách trên Fab sẽ tiếp tục được cập nhật tới ngày 12/11, nên nếu một tài sản chưa đổi trạng thái thì cần chờ thêm vài ngày. Điều khoản của mọi tài sản Quixel cũng được sửa để cho phép dùng Megascans và Megaplants làm dữ liệu huấn luyện mô hình AI. Ai đã mua Megascans hoặc gói Quixel từ ngày 01/01/2025 sẽ được hoàn tiền vào số dư tài khoản Epic trước cuối năm 2026, vẫn giữ giấy phép cũ và có thêm quyền dùng cho AI.

Với người học 3D. Một kho vật liệu và mô hình quét thật giúp bạn dựng nhanh một cảnh có chiều sâu để tập ánh sáng, bố cục và dựng hình, thay vì mất nhiều giờ tự làm chất liệu. Nếu đang bắt đầu, xem lộ trình trong bài hướng dẫn học thiết kế 3D trên Blender cho người mới bắt đầu.

3. Cinema 4D và ZBrush sắp hỗ trợ cảm ứng trên MacBook Pro mới, Cinema 4D xem trước bằng Apple Vision Pro

Tin chính. Theo Creative Bloq (06/11), Maxon thông báo Cinema 4D và ZBrush sẽ hỗ trợ thao tác cảm ứng trên MacBook Pro màn hình PROLED XDR, chiếc laptop đầu tiên của Apple có màn hình cảm ứng, vào cuối tháng 11. Cảm ứng không thay chuột, bàn phím hay trackpad mà bổ sung cho chúng, để người dựng hình và điêu khắc số có thể chạm trực tiếp vào mô hình.

Thêm Apple Vision Pro. Cinema 4D còn có Spatial Preview API: khi dùng Mac Virtual Display trên Apple Vision Pro, nghệ sĩ có thể xem và tương tác với thiết kế trong Cinema 4D ở kích thước thật, ví dụ đi trong một nội thất hay xem trước một tác phẩm sắp đặt trước khi làm thật. Maxon vốn đã có ZBrush cho iPad, nên bước này đưa trải nghiệm điêu khắc bằng ngón tay hoặc bút lên màn hình máy tính quen thuộc. Muốn hiểu vì sao giới motion graphics chuộng Cinema 4D, đọc bài Cinema 4D là gì, vì sao dân motion graphics chọn C4D.

4. Snooz: HOW+HOW làm nhận diện cho cây kem giúp bạn dễ ngủ, với hai mặt trăng giấu trong chữ

Ý tưởng. Theo Abduzeedo (06/11), studio HOW+HOW bắt đầu từ một con số: 60% lượng kem được ăn sau 6 giờ tối, trong khi đường làm khó ngủ. Snooz thay chất phụ gia gây tỉnh táo bằng thành phần dịu nhẹ, và nhận diện được làm để "đi cùng ban đêm": bỏ hết mã hình quen thuộc của kem mùa hè như khăn kẻ ô hay bãi biển, thay bằng nền xanh navy đậm, trăng màu tím hoa cà và bầu trời sao.

Chữ gánh cả ý tưởng. Logo chữ (wordmark) Snooz được làm phồng lên, mềm như có thể úp mặt vào, và giấu hai mặt trăng bị che khuất bên trong các con chữ, vừa nói "ban đêm" vừa nói "chúc ngủ ngon". Giọng thương hiệu ngắn và tinh nghịch: EAT SLEEP REPEAT xếp chồng bằng chữ hoa cao màu tím, DROOL phủ lên hộp kem sô cô la, COUNT SCOOPS NOT SHEEP (đếm muỗng kem thay vì đếm cừu) đặt cạnh chiếc bịt mắt sa tanh.

Ảnh chụp cũng theo luật riêng. Ảnh sản phẩm chụp ban đêm, bật đèn flash, cố tình hơi cháy sáng, ngược hẳn kiểu ảnh ngoài trời rực màu quen thuộc của ngành kem. Dự án do Dom Edwards và Robbie Isaacs thiết kế, Chris Beck và Joe Smith làm giám đốc thiết kế, Charlie McKay chụp ảnh. Đây là ví dụ hay để thấy một bộ nhận diện thương hiệu giữ nhất quán từ logo, màu, giọng văn tới cách chụp ảnh.

5. Bar Rêve: Dutchscot vẽ chữ "ngái ngủ" cho quán cocktail lấy cảm hứng Paris Belle Époque

Bối cảnh. Bar Rêve (rêve là "giấc mơ" trong tiếng Pháp) nằm ở số 222 Smith Street, Brooklyn, và nhìn về Paris thời Belle Époque từ 1871 đến 1914. Theo Abduzeedo (06/11), studio Dutchscot ở London muốn giữ tinh thần lạc quan, phong cách của thời kỳ đó mà không dùng lại những khuôn sáo như khung cửa tàu điện Art Nouveau hay sân khấu cabaret.

Chữ và monogram. Logo chữ bắt đầu từ nét viết tay kiểu châu Âu rồi để đường chân chữ lỏng ra, lượn sóng, khiến các con chữ trông "nửa tỉnh nửa mơ". Monogram phụ nối ba chữ số 222 của địa chỉ thành một dải ruy băng leo lên, đồng thời giống ký hiệu zzz của giấc ngủ.

Từ giấy tới vật thật. Thực đơn cocktail bỏ hẳn cột hàng ngay ngắn: tên các món như SCANDALE, AURORE, MOULIN, MONTMARTRE rải rác như mảnh ký ức sau khi tỉnh giấc. Monogram 222 được ép lên cả viên đá vuông trong ly, còn đồng phục và mũ dùng chỉ thêu thay mực in.

Nếu muốn tự làm một monogram từ chữ cái hoặc chữ số, tham khảo bài cách thiết kế logo 2 chữ cái (monogram) từ tên của bạn.

6. BATCH: &Walsh làm logo theo hình mặt nạ tách nền trong hậu kỳ phim

Sản phẩm và ý tưởng. BATCH làm phần mềm tách nền (matte), tức các lớp cắt tách người ra khỏi cảnh quay, cho cả một bộ phim trong vài giờ thay vì vài tháng. Theo Abduzeedo (06/11), studio &Walsh vẽ logo chữ từ chính hình dạng của một lớp matte: các chữ cái khối đặc, trắng trên đen, nặng tới mức đọc như một vật thể, nên logo cũng là hình ảnh của sản phẩm.

Hệ thống. Bảng màu chỉ có đen và trắng ngà, màu duy nhất đến từ ảnh phim. Bố cục luôn là một câu lớn kèm vài nhãn nhỏ chính xác, như khẩu hiệu "Pre is the new post" (khâu chuẩn bị trở thành khâu hậu kỳ mới). Tại sự kiện, một bức tường TV CRT ghép thành câu The Future of Post, mỗi màn hình một chữ.

7. Logo Giải bóng chuyền nam thế giới 2027: gói năm ý tưởng vào một biểu tượng, nhưng có quá nhiều?

Logo nói gì. Giải bóng chuyền nam thế giới FIVB 2027 sẽ diễn ra tại Ba Lan vào tháng 9 năm sau. Theo thông cáo được Creative Bloq trích (07/11), biểu tượng là hình chiếc cúp vô địch rút gọn, kết hợp bốn ý: dáng chiếc cúp, vòng tròn tượng trưng Trái Đất, đường cong của lưới, đôi tay vươn lên cùng quả bóng. Giám đốc marketing ban tổ chức Maciej Bogusz thêm ý thứ năm: người hâm mộ, thể hiện bằng con sóng ở chân biểu tượng.

Lời phê bình. Tác giả Tom May thừa nhận cả năm ý đều có mặt, nhưng phải nhìn lâu mới nhận ra, và nhiều ý như vậy khó hòa thành một hình đơn giản. Mặt khác, tác giả nhắc rằng logo không được làm để được thích ngay lần đầu mà để dùng lâu dài: logo Olympic London 2012 từng bị chê nhưng sau đó được chấp nhận. Điểm cộng là logo này không giống bất kỳ logo thể thao nào, không khiên, không quả bóng kèm đường lượn. Lễ bốc thăm sẽ diễn ra ngày 03/12 dưới mỏ muối Wieliczka, sâu 125 m. Bài 7 nguyên tắc thiết kế logo đơn giản mà đẹp giải thích vì sao ít ý thường mạnh hơn.

8. Gõ "design fails" trên Google, kết quả hiện bằng Comic Sans

Chuyện vui. Creative Bloq (06/11) phát hiện một "trứng phục sinh" (Easter egg) của Google: tìm cụm từ "design fails" thì kết quả hiện bằng Comic Sans, một trong những phông chữ gây tranh cãi nhất thế giới. Tác giả Joe Foley đùa rằng giờ đây còn mong Comic Sans quay lại thay cho kiểu "phông chữ AI" chung chung đang tràn ngập tờ rơi.

Comic Sans không có tội. Phông chữ do Vincent Connare, nhà thiết kế của Microsoft, tạo năm 1994 cho chú chó trong giao diện Microsoft Bob, vì Times New Roman quá nghiêm cho một nhân vật hoạt hình. Nét chữ mô phỏng lời thoại truyện tranh, khoảng cách rộng nên dễ đọc, hợp với tài liệu thân mật cho trường học hay cộng đồng. Vấn đề chỉ đến khi nó bị dùng sai chỗ, như thông báo chính thức. Đọc thêm về những phông chữ nên biết trong bài 10 font chữ kinh điển designer nhất định phải biết.

Câu hỏi thường gặp

Spine 2D là gì và khác After Effects thế nào?

Spine 2D là phần mềm diễn hoạt 2D theo khung xương: bạn chia nhân vật thành các mảnh, gắn xương rồi tạo chuyển động, rất phổ biến trong game. After Effects mạnh về hiệu ứng, ghép lớp và đồ họa chuyển động. Trong video về Hush, Seter MD dùng Spine 2D cho nhân vật và After Effects cho hiệu ứng vũ khí, nền.

Hiệu ứng nền của Hush dùng những công cụ nào trong After Effects?

Theo 80 Level, phần nền kết hợp ba hiệu ứng có sẵn: Fractal Noise để tạo vân nhiễu, CC Vector Blur để làm nhòe theo hướng vân và Cartoon để gom mảng màu cho giống nét vẽ tay.

Megascans là gì và thay đổi lần này gồm những gì?

Megascans là thư viện khoảng 23.000 tài sản 3D quét từ vật thật của Quixel, phân phối trên chợ Fab của Epic Games. Theo thông báo, toàn bộ thư viện được mở trên Fab, điều khoản cho phép dùng Megascans và Megaplants để huấn luyện AI, và người đã mua từ 01/01/2025 được hoàn tiền vào tài khoản Epic.

Khi nào Cinema 4D và ZBrush hỗ trợ cảm ứng trên MacBook Pro?

Theo Maxon, cả hai phần mềm sẽ có hỗ trợ cảm ứng cho MacBook Pro màn hình PROLED XDR vào cuối tháng 11. Cinema 4D cũng có tính năng xem trước thiết kế ở kích thước thật trên Apple Vision Pro qua Spatial Preview API.

Đọc thêm

Tin sáng tạo quốc tế được cập nhật mỗi ngày trong mục Newsroom của Blog ColorME. Hai bản tin gần nhất: Shuffle Variable, một font với hai thanh trượt và Zed, họ chữ hơn 500 kiểu của Typotheque.