Tutorial · 04/11/2026
Cyberpunk là gì: phong cách cyberpunk trong thiết kế, neon, glitch, chữ và bảng màu

Cyberpunk là gì: nguồn gốc từ truyện ngắn của Bruce Bethke (1983), tinh thần high tech low life, 7 dấu hiệu thị giác trong thiết kế (neon trên nền tối, phố đêm, glitch, HUD, chữ biển hiệu châu Á), so sánh với synthwave, vaporwave, Y2K, futurism, 4 bảng màu có mã HEX và độ tương phản, font có tiếng Việt, 7 bước làm poster và 13 hình từ 13 dự án thật trên Behance có ghi nguồn.
Trả lời nhanh: Cyberpunk là một nhánh của khoa học viễn tưởng, kể về tương lai gần nơi công nghệ rất cao nhưng đời sống xã hội đi xuống; Wikipedia tóm gọn bằng cụm "lowlife and high tech" (đời sống tầng đáy, công nghệ cao). Chữ "cyberpunk" là tên truyện ngắn của Bruce Bethke, in trên tạp chí Amazing Stories năm 1983. Trong thiết kế đồ hoạ, cyberpunk là một phong cách thị giác: nền tối gần đen, ánh neon hồng và xanh lơ, phố đêm mưa phản chiếu đèn, hiệu ứng glitch, khung HUD như màn hình máy, và chữ biển hiệu kiểu châu Á. Bài này giải thích nguồn gốc, phân tích 13 hình từ 13 dự án thật trên Behance (có ghi tên người thiết kế), đưa 4 bảng màu có mã HEX kèm độ tương phản, gợi ý font có tiếng Việt và các bước làm một poster cyberpunk.
| Câu hỏi | Tóm tắt |
|---|---|
| Cyberpunk là gì? | Nhánh khoa học viễn tưởng về tương lai gần: công nghệ cao, xã hội đi xuống, tập đoàn lớn, tin tặc, trí tuệ nhân tạo |
| Từ "cyberpunk" có từ khi nào? | Tên truyện ngắn của Bruce Bethke, viết từ năm 1980, in trên Amazing Stories năm 1983 |
| Tác phẩm định hình thể loại | Phim Blade Runner (1982), tiểu thuyết Neuromancer (1984), phim hoạt hình Akira (1988), Ghost in the Shell (1995) |
| Dấu hiệu thị giác | Nền tối, neon hồng và xanh lơ, ánh đèn phản chiếu trên mặt đường ướt, glitch, đường quét màn hình, khung HUD, chữ biển hiệu châu Á |
| Bảng màu gốc | Nền #0B0B14, hồng neon #FF2A6D, xanh lơ #05D9E8, vàng chanh #F3E600 |
| Font gợi ý có tiếng Việt | Chakra Petch, Tektur, Saira Condensed, Exo 2, Big Shoulders Display, Space Mono, JetBrains Mono (giấy phép OFL) |
| Dùng cho | Poster sự kiện âm nhạc, key visual công nghệ, ảnh mạng xã hội, giao diện game, minh hoạ thành phố, bìa album |
Cyberpunk là gì?
Theo Wikipedia tiếng Anh, cyberpunk là một nhánh nhỏ của khoa học viễn tưởng đặt trong một tương lai phản địa đàng (dystopia), với trọng tâm là sự kết hợp giữa "lowlife and high tech". Wikipedia tiếng Việt dịch ý này là "kết hợp giữa đời sống bần hàn và công nghệ cao". Thế giới cyberpunk có trí tuệ nhân tạo, bộ phận cơ thể nhân tạo, mạng máy tính phủ khắp, nhưng đi kèm là xã hội suy tàn: thành phố quá tải, tập đoàn lớn nắm quyền, người bình thường sống chen chúc dưới những toà tháp phát sáng.
Các cốt truyện cyberpunk thường xoay quanh xung đột giữa trí tuệ nhân tạo, tin tặc và các siêu tập đoàn, đặt trên Trái Đất trong tương lai gần chứ không phải ngoài vũ trụ xa xôi. Khác với những tầm nhìn tương lai sạch sẽ, sáng sủa, cyberpunk cho thấy công nghệ được dùng theo những cách mà người tạo ra nó không lường trước.
Từ "cyberpunk" đến từ đâu?
Từ này là tên một truyện ngắn của nhà văn Bruce Bethke. Ông bắt đầu viết vào mùa xuân năm 1980, về một thế hệ thanh thiếu niên lớn lên "nói tiếng máy tính" mà người lớn không theo kịp. Bethke kể rằng ông ghép các gốc từ như cyber, techno với những từ chỉ giới trẻ nổi loạn, thử nhiều tổ hợp cho đến khi một từ "nghe đúng". Truyện được bán năm 1982 và in trên tạp chí Amazing Stories năm 1983. Sau đó biên tập viên Gardner Dozois dùng từ này trong các bài viết của ông, nổi bật là một bài trên Washington Post năm 1984, và cái tên trở thành tên gọi chung của cả một dòng văn học.
Những tác phẩm định hình cyberpunk
Bạn không cần xem hết các tác phẩm dưới đây để thiết kế theo phong cách cyberpunk, nhưng biết chúng giúp hiểu vì sao phong cách này trông như vậy. Các mốc dưới đây lấy từ Wikipedia:
- Blade Runner (1982), phim của Ridley Scott, chuyển thể từ tiểu thuyết Do Androids Dream of Electric Sheep? (1968) của Philip K. Dick. Wikipedia gọi đây là ví dụ tiêu biểu của phong cách và chủ đề cyberpunk. Ridley Scott hình dung Los Angeles trong phim như "Hồng Kông vào một ngày rất tệ".
- Neuromancer (1984), tiểu thuyết đầu tay của William Gibson, giúp củng cố cyberpunk thành một thể loại. Gibson từng nói về ảnh hưởng của Nhật Bản: "Nhật Bản hiện đại chính là cyberpunk."
- Akira, manga của Katsuhiro Otomo ra mắt năm 1982; bản phim hoạt hình năm 1988 do chính Otomo đạo diễn đã phổ biến nhánh cyberpunk Nhật Bản.
- Ghost in the Shell (1995), phim hoạt hình Nhật; theo Wikipedia, khung cảnh đường phố trong phim lấy Hồng Kông làm mẫu.
- Trò chơi điện tử Cyberpunk 2077 (2020) dựa trên trò chơi nhập vai trên bàn Cyberpunk; đây là lý do khi tìm "cyberpunk" trên Google, phần lớn kết quả là về game.
Một chi tiết quan trọng với người làm thiết kế: thành phố châu Á (Hồng Kông, Tokyo với khu Shibuya, khu thành Cửu Long) là nguồn cảm hứng chính cho bối cảnh cyberpunk. Đó là lý do biển hiệu chữ Hán, chữ Nhật, chữ Hàn dựng đứng xuất hiện dày đặc trong phong cách này.
Cyberpunk trong thiết kế: 7 dấu hiệu thị giác
Khi người ta nói một poster hay một giao diện "rất cyberpunk", họ thường nhìn thấy ít nhất ba hoặc bốn trong bảy dấu hiệu sau:
- Nền tối gần đen. Không phải đen tuyệt đối mà thường là đen pha tím than hoặc xanh đêm (
#07070F,#0B0B14,#181834). Nền tối là thứ làm cho neon "sáng". - Neon hai màu đối nhau. Cặp kinh điển là hồng cánh sen và xanh lơ; biến thể là đỏ và xanh lơ, hoặc vàng chanh và đen.
- Ánh sáng thành phố đêm. Đường ướt phản chiếu đèn, sương mù, tia sáng dọc, toà nhà cao chồng lên nhau, cầu cạn và đường ray trên cao.
- Glitch và đường quét. Lệch kênh màu đỏ, xanh lục, xanh lam; vệt nhiễu ngang; đường quét như màn hình CRT cũ.
- HUD và chi tiết kỹ thuật. Vòng radar, thước đo, mã vạch, số serial, mũi tên, góc khung, dòng chữ nhỏ như thông số máy.
- Chữ biển hiệu châu Á và chữ kỹ thuật. Chữ dựng đứng, chữ Hán, chữ Nhật, kiểu chữ vuông, hẹp, cắt góc, hoặc chữ đơn cách như mã lệnh.
- Techwear và vật liệu công nghiệp. Quần áo nhiều dây đai, khoá, túi; vỏ máy, ống dẫn, kim loại xước. Trong đồ hoạ, phần này hiện ra qua hoạ tiết lưới, ống, ốc vít.
Một poster cyberpunk không nhất thiết phải dựng cả thành phố. Một cách tiếp cận rất Việt Nam là ghép kiến trúc quen thuộc với nét neon và chi tiết máy móc:

HANOI PUNK của Loc art (ảnh cắt phần poster từ trang dự án, dự án còn có áo thun và hoodie in cùng hình). Mọi thứ được vẽ bằng nét đơn, không tô, chỉ đổi màu nét: đây chính là kiểu "neon trên nền đen" ở dạng tối giản nhất. Hãy để ý chữ HANOI được dựng dọc như biển hiệu, mái ngói và mây cách điệu đứng cạnh ống dẫn và đèn tín hiệu ở chân tháp, và biển "36-PP" gợi ngay đến phố cổ. Cách này dễ học hơn dựng 3D: chỉ cần lưới isometric và một bộ 4 đến 5 màu nét.

Cyberpunk street của Neus Herrera Pérez là bài tập phối cảnh hai điểm tụ bằng vector. Bài học rõ nhất ở đây là chia ánh sáng: góc phố bên trái chìm trong tím hồng, bên phải chuyển sang xanh lơ, đúng cặp màu đối nhau của cyberpunk. Biển hiệu là nguồn sáng: hãy xem viền hồng chạy dọc mép cửa sổ và vệt sáng xanh quanh cửa kính. Hình không có nhân vật nào mà vẫn đủ không khí.

NEON CITY của David Legorreta là tranh vẽ tay kỹ thuật số, không phải 3D. Hãy để ý các toà nhà gần như chỉ là khối tối, chi tiết duy nhất là những vạch neon ngắn; cả tranh vì thế rất gọn. Sương tím và các tia sáng dọc tạo chiều sâu, mái vòm mờ phía sau tạo một hình lớn để mắt dừng lại. Đây là công thức tốt cho ảnh bìa hoặc banner ngang.

Cyberpunk sunset của Pınar Gökoğlu cho thấy cyberpunk không bắt buộc là đêm tối hẳn: trời hoàng hôn hồng cam phía sau, tiền cảnh vẫn là những khối nhà gần đen với viền neon xanh, đỏ, vàng. Pixel art giới hạn số màu nên đây là ví dụ tốt để học cách chọn ít màu mà vẫn đủ tầng: trời sáng, nhà giữa trung tính, tiền cảnh tối với điểm sáng nhỏ.
Cyberpunk khác synthwave, vaporwave, Y2K và futurism thế nào?
Năm phong cách này hay bị gọi lẫn vì cùng có neon, gradient hoặc cảm giác "tương lai". Bảng dưới giúp tách chúng ra theo tâm trạng, màu và hình đặc trưng:
| Phong cách | Tâm trạng | Màu đặc trưng | Hình, chi tiết hay gặp |
|---|---|---|---|
| Cyberpunk | U tối, chật chội, công nghệ cao nhưng đời sống đi xuống | Nền gần đen, hồng neon, xanh lơ, vàng chanh | Phố đêm mưa, biển hiệu chữ châu Á, glitch, HUD, techwear |
| Synthwave / retrowave | Hoài niệm thập niên 1980, lạc quan, phóng khoáng | Gradient hồng tím cam, mặt trời sọc ngang | Lưới phối cảnh, đường chạy thẳng, cây cọ, chữ chrome |
| Vaporwave | Mơ màng, châm biếm văn hoá tiêu dùng | Pastel hồng, tím, xanh ngọc | Tượng cổ điển, giao diện máy tính cũ, chữ Nhật trang trí |
| Y2K | Vui, bóng bẩy, đón thiên niên kỷ mới | Bạc chrome, xanh băng, hồng kẹo | Chữ chrome, bong bóng, khối trong suốt, hình 3D bóng |
| Futurism (trường phái Vị lai) | Tốc độ, chuyển động, máy móc (phong trào đầu thế kỷ 20) | Tuỳ tác phẩm, thường tương phản mạnh | Chữ chéo, bố cục động, đường lực, chữ tự do |
Nếu cần đi sâu từng phong cách: xem bài phong cách Y2K là gì và bài futurism trong thiết kế đồ hoạ. Bài aesthetic là gì có thêm vài phong cách lân cận kèm bảng màu.

Gercoin city của Tenuun Enkhtaivan nằm ở ranh giới với synthwave: gradient vàng cam sang đỏ tím, đường chân trời phản chiếu, cảm giác ấm và sáng như hoàng hôn thập niên 80. So với các hình cyberpunk ở trên, ở đây không có mưa, không có biển hiệu, không có chi tiết máy; nền đen nhưng ánh sáng lại toả đều và dễ chịu. Muốn kéo một hình như vậy sang cyberpunk, hãy đổi gradient ấm thành hồng và xanh lơ, thêm biển hiệu, nhiễu, đường quét và chi tiết HUD.
Bảng màu cyberpunk: 4 bộ mã HEX và độ tương phản
Bốn bảng màu dưới đây đều theo cùng nguyên tắc: một nền rất tối chiếm phần lớn diện tích, một hoặc hai màu neon làm điểm nhấn, một màu sáng dịu cho chữ đọc. Cột cuối là tỉ lệ tương phản của từng màu đặt trên nền của bảng đó, tính theo công thức WCAG 2 (chữ thường cần từ 4.5:1, chữ lớn từ 3:1).
| Bảng màu | Nền | Màu nhấn và chữ | Tương phản trên nền |
|---|---|---|---|
| 1. Neon kinh điển | #0B0B14 | #FF2A6D hồng neon, #05D9E8 xanh lơ, #D1F7FF chữ, #7A04EB tím | Hồng 5.4:1, xanh lơ 11.3:1, chữ 17.2:1, tím 2.8:1 (chỉ dùng làm mảng, không dùng cho chữ) |
| 2. Vàng chanh axit | #0D0D0D | #F3E600 vàng chanh, #00F0FF xanh lơ, #FF003C đỏ, #E6E6E6 chữ | Vàng 14.9:1, xanh lơ 13.8:1, đỏ 4.9:1, chữ 15.6:1 |
| 3. Đêm tím (nền lấy từ công cụ bên dưới) | #07070F | #FF3EA5 hồng, #3DF2FF xanh lơ, #B9B3D7 chữ, #433C71 mảng phụ | Hồng 6.2:1, xanh lơ 14.7:1, chữ 10.0:1, mảng phụ 2.0:1 (không dùng cho chữ) |
| 4. Màn hình xanh | #050A07 | #00FF9C xanh lục neon, #B6FFD8 chữ, #FF4F5E cảnh báo, #1A3D2B lưới | Xanh lục 15.0:1, chữ 17.4:1, cảnh báo 6.2:1, lưới 1.7:1 (chỉ làm đường lưới mờ) |
Hai lưu ý khi dùng neon: chữ trắng đặt trên mảng hồng #FF2A6D chỉ đạt khoảng 3.6:1, đủ cho tiêu đề lớn nhưng không đủ cho chữ nhỏ; trong khi chữ đen trên nền vàng chanh #F3E600 đạt 14.9:1 nên rất hợp cho nút và nhãn. Bạn có thể kiểm tra từng cặp màu bằng công cụ kiểm tra độ tương phản. Muốn thêm nhiều mã neon khác và cách dùng không chói mắt, xem bài bảng màu neon; bài bảng phối màu đẹp có thêm các bộ màu cho poster, web và slide.
Lấy bảng màu từ một tác phẩm cyberpunk thật
Một cách nhanh để học màu là đưa một tác phẩm bạn thích vào công cụ Trích xuất bảng màu của ColorME. Ảnh dưới là kết quả khi tải tấm Saigon_Cyberpunk của Zhong Nguyen lên công cụ (không đăng nhập, chế độ 6 màu):

Công cụ đặt tên bảng màu là "Tím cà & tím mộng mơ", tông mát, trầm, và liệt kê 6 màu theo diện tích: đen #07070F 25%, tím đêm #181834 22%, tím cà #433C71 18%, tím than #2F2A51 17%, tím mộng mơ #8E759E 11%, tím oải hương #B9B3D7 7%; mỗi màu có kèm mã CMYK. Bài học ở đây: các màu chiếm diện tích lớn đều là nền tối, còn những vệt neon sáng nhất chỉ chiếm vài phần trăm nên không lọt vào 6 màu. Vì vậy khi làm bảng màu cyberpunk, hãy lấy nền từ công cụ (như bảng số 3 ở trên) rồi tự chọn thêm một hoặc hai màu neon làm điểm nhấn.
Chữ và font cyberpunk có tiếng Việt
Chữ cyberpunk thường thuộc ba nhóm: chữ kỹ thuật vuông, cắt góc; chữ hẹp, cao như biển hiệu; và chữ đơn cách (monospace) như dòng lệnh. Vấn đề với người làm tiếng Việt là nhiều font "rất cyberpunk" không có dấu. Bảng dưới gồm các font trên Google Fonts có hỗ trợ tiếng Việt, kiểm tra theo tệp METADATA trong kho google/fonts (tất cả theo giấy phép OFL):
| Font | Người thiết kế | Nhóm | Dùng cho |
|---|---|---|---|
| Chakra Petch | Cadson Demak | Chữ vuông, cắt góc | Tiêu đề, nhãn HUD, nút |
| Tektur | Adam Jagosz | Chữ kỹ thuật, display | Tiêu đề poster, logo chữ |
| Saira Condensed | Omnibus-Type | Chữ hẹp | Tiêu đề dài, chữ dựng dọc như biển hiệu |
| Exo 2 | Natanael Gama | Chữ tương lai, nhiều độ đậm | Tiêu đề và đoạn ngắn |
| Big Shoulders Display | Patric King | Chữ hẹp, đậm | Tiêu đề lớn, số liệu |
| Space Mono | Colophon Foundry | Đơn cách | Dòng thông số, ngày giờ, mã |
| JetBrains Mono | JetBrains, Philipp Nurullin, Konstantin Bulenkov | Đơn cách | Chữ nhỏ trong HUD, chú thích |
Orbitron, Audiowide và Share Tech Mono rất hay được dùng cho phong cách này nhưng METADATA của chúng không có bộ ký tự tiếng Việt, nên chỉ nên dùng cho chữ tiếng Anh hoặc số.
Giữ dấu tiếng Việt dễ đọc khi thêm hiệu ứng phát sáng
- Giữ lõi chữ sáng và rõ. Đặt một lớp chữ màu nhạt (ví dụ
#D1F7FF) ở trên cùng, lớp phát sáng màu neon nằm bên dưới. Nếu chỉ có lớp phát sáng, dấu sắc, dấu hỏi sẽ nhoè vào thân chữ. - Phát sáng nhỏ trước, lớn sau. Dùng hai lớp: một lớp toả 2 đến 4 px gần chữ, một lớp toả rộng 20 đến 40 px mờ hơn. Một lớp toả lớn duy nhất sẽ nuốt mất dấu.
- Tăng khoảng cách dòng. Chữ tiếng Việt có dấu cả trên lẫn dưới; với chữ hoa có dấu, giãn dòng ít nhất 1.15 đến 1.25 để dấu dòng dưới không chạm chân chữ dòng trên.
- Glitch nhẹ ở tiêu đề, không ở đoạn đọc. Hiệu ứng lệch kênh chỉ nên lệch 2 đến 6 px và chỉ áp cho tiêu đề lớn; chữ nhỏ bị lệch kênh sẽ mất dấu.
- Kiểm tra ở kích thước thật. Thu poster về khoảng 400 px chiều ngang (cỡ hiển thị trên điện thoại) rồi đọc lại các chữ có dấu chồng như "ở", "ữ", "ặ".

ASIAN TYPOGRAPHY, CYBERPUNK LOGOS [25] của ANDROAKI là kho ý tưởng cho chữ biển hiệu kiểu châu Á. Hãy nhìn cách mỗi logo giữ một cấu trúc chữ thật (katakana, chữ Hán, hangul) rồi kéo dài nét, cắt góc, thêm vạch ngang mảnh. Toàn bộ chỉ dùng trắng trên đen; chất cyberpunk đến từ hình chữ chứ không cần màu neon. Lưới có dấu góc và số thứ tự cũng là một chi tiết HUD.
Hai cách làm chữ kỹ thuật. Tấm thứ nhất, HI TECH CYBERPUNK TYPOGRAPHY của ANDROAKI dựng chữ nghiêng với các rãnh và vết cắt bên trong nét, nhìn như vỏ máy. Tấm thứ hai, Nicole Pacheco giới thiệu font hiển thị Neuxa bằng một "hộp" chữ CYBER GRAPH: chữ cam trên nền tối, bao quanh bởi mũi tên, vạch đo và dòng chữ nhỏ. Neuxa không nằm trong bảng font tiếng Việt ở trên; nếu cần chữ có dấu, cách trình bày hộp chữ này áp dụng được với Chakra Petch hoặc Tektur.
HUD, giao diện và chi tiết kỹ thuật
HUD (head-up display) là lớp thông tin hiện chồng lên tầm nhìn, như trên kính phi công. Trong đồ hoạ cyberpunk, HUD được dùng như hoạ tiết: vòng tròn đo, thước kẻ, khung góc, mã vạch, số serial, dòng chữ nhỏ. Thêm vài chi tiết này vào góc poster là cách nhanh nhất để một thiết kế "có chất máy".

FUI HUD của Artem Filippov là bộ thành phần giao diện viễn tưởng (FUI, fictional user interface). Hãy để ý độ mảnh của nét: gần như mọi đường đều chỉ 1 px, sáng nhẹ trên nền xanh than, chỉ vài điểm đỏ để báo "cảnh báo". Các con số được đặt trong ô riêng, căn thẳng cột, giống bảng đo thật. Đây là mức độ chi tiết nên học khi vẽ HUD cho poster hoặc giao diện game.
Hai bộ tài nguyên đồ hoạ cho thấy "từ vựng" HUD. CYBER-HUD của Serkan Kösemek gom các hình dán đen trắng: mã vạch, số serial, khung bo góc, quả địa cầu lưới, với điểm nhấn duy nhất là khối vàng chanh. Cyberdeck của AN Górski (bìa ghi hợp tác với LewisFDesign) dùng chữ trắng cực rộng trên nền đen, lưới đường mảnh và một mảng đỏ nhỏ. Cả hai cho thấy cyberpunk không nhất thiết phải nhiều màu: đen, trắng và một màu nhấn là đủ.
Cách làm poster cyberpunk hoặc ảnh mạng xã hội: 7 bước
Các bước dưới đây áp dụng được trong Photoshop, Illustrator, Figma hoặc Canva. Ví dụ giả định: poster 1080 × 1350 px cho một đêm nhạc điện tử tên "ĐÊM TÍN HIỆU".
- Đặt nền tối có chiều sâu. Tô nền
#0B0B14, thêm một gradient tròn rất nhẹ sang#181834ở giữa hoặc phía trên để nền không phẳng. Nếu dùng ảnh thành phố, hạ độ sáng ảnh và đổi tông về tím xanh; cách dùng Gradient Map trong bài Gradient Map trong Photoshop làm việc này nhanh. - Chọn một hình chính. Một toà tháp, một chiếc xe, một góc phố hoặc chính dòng chữ tiêu đề. Đặt nó lớn, lệch tâm một chút. Tránh xếp quá nhiều hình nhỏ.
- Thêm neon có chủ đích. Chọn tối đa hai màu neon (ví dụ hồng
#FF2A6Dvà xanh lơ#05D9E8). Đặt neon ở viền hình chính, biển hiệu, đường kẻ; một màu cho phía trái, một màu cho phía phải như cách chia ánh sáng ở góc phố của Neus Herrera Pérez. - Làm phát sáng. Nhân đôi lớp neon, làm mờ (Gaussian Blur) khoảng 8 đến 20 px, chuyển chế độ hoà trộn sang Screen hoặc Add; thêm một lớp mờ rộng hơn với độ mờ đục thấp. Lõi neon giữ màu sáng.
- Thêm glitch và đường quét. Lệch kênh màu cho tiêu đề hoặc hình chính, thêm vài vệt nhiễu ngang và một lớp đường quét mảnh. Cách làm chi tiết có trong bài hiệu ứng glitch trong Photoshop.
- Đặt lưới và chi tiết HUD. Một đường lưới mờ màu
#1A3D2Bhoặc tím than, khung góc ở bốn góc, một dòng thông số nhỏ bằng Space Mono (ngày, giờ, địa điểm viết như mã). Giữ các chi tiết này nhỏ, ở rìa. - Đặt chữ theo thứ bậc. Tiêu đề lớn bằng Chakra Petch hoặc Tektur, có thể dựng dọc như biển hiệu; dòng ngày giờ vừa phải; chi tiết nhỏ cuối cùng. Kiểm tra lại dấu tiếng Việt ở kích thước điện thoại.

SPECTRUM 2.0 của Spark Designs là poster cho một buổi họp mặt khoá năm 2022. Đây là ví dụ rõ nhất cho bước 4: chữ tiêu đề có lõi trắng, vầng sáng đỏ toả quanh, nên vẫn đọc được trên nền tối. Bố cục mượn từ synthwave (mặt trời, đường lưới, cây cọ) nhưng chỉ dùng đỏ, trắng, đen nên cảm giác tối và gắt hơn. Hãy để ý khung viền mảnh bao toàn poster và dòng chữ nhỏ giãn rộng ở chân.

Poster trong Techno collection của Yegor Volodin cho một đêm nhạc. Không có thành phố, không có neon hồng, nhưng vẫn rất gần cyberpunk: nền đen, hình 3D bằng nét mảnh như dữ liệu, đỏ chìm phía sau, chữ kỹ thuật với số ngày "01 04" xếp dọc như màn hình đo. Đây là hướng hợp cho poster sự kiện cần gọn và sang hơn là rực rỡ.
Lỗi thường gặp khi làm thiết kế cyberpunk
- Quá nhiều màu neon. Bốn, năm màu neon cùng sáng sẽ thành rối và chói. Giữ một nền tối và một đến hai màu nhấn.
- Phát sáng làm nhoè chữ. Lớp toả quá rộng nuốt mất dấu tiếng Việt; luôn giữ một lớp chữ sáng, rõ ở trên cùng.
- Glitch ở mọi nơi. Glitch chỉ nên xuất hiện ở một hoặc hai điểm (tiêu đề, hình chính). Lệch kênh cả đoạn chữ nhỏ khiến người xem không đọc được thông tin.
- Nhầm với synthwave. Mặt trời sọc, gradient hoàng hôn và cây cọ là synthwave. Muốn cyberpunk, thêm bóng tối, mưa, biển hiệu, chi tiết máy và cảm giác chật chội.
- Dùng hình nhân vật, logo của phim hoặc game. Ảnh và logo của các tác phẩm có bản quyền không dùng được cho ấn phẩm thương mại. Hãy học ngôn ngữ thị giác rồi tự dựng hình.
- Font không có dấu. Nhiều font "đẹp kiểu cyberpunk" thiếu ký tự tiếng Việt, khiến dấu bị thay bằng font khác. Chọn từ danh sách font có tiếng Việt ở trên.
Một phong cách cũng tối, thô và nhiều chữ kỹ thuật nhưng không dùng neon là brutalism; xem bài brutalism là gì để so sánh.
Muốn tự tay dựng poster, key visual và ảnh mạng xã hội theo các phong cách như cyberpunk bằng Photoshop và Illustrator, với bố cục, màu và chữ bài bản, bạn có thể tham khảo khoá Thiết kế chuyên sâu của ColorME.
Câu hỏi thường gặp về cyberpunk
Cyberpunk là gì?
Cyberpunk là một nhánh của khoa học viễn tưởng về tương lai gần, nơi công nghệ rất cao (trí tuệ nhân tạo, bộ phận cơ thể nhân tạo, mạng máy tính) đi cùng đời sống xã hội suy tàn, thường gói gọn bằng cụm "high tech, low life". Trong thiết kế, cyberpunk là phong cách thị giác với nền tối, ánh neon hồng và xanh lơ, phố đêm, glitch, HUD và chữ biển hiệu kiểu châu Á.
Ai đặt ra từ "cyberpunk"?
Từ "cyberpunk" là tên truyện ngắn của nhà văn Bruce Bethke, viết từ năm 1980 và in trên tạp chí Amazing Stories năm 1983. Biên tập viên Gardner Dozois sau đó dùng từ này để gọi chung các nhà văn cùng xu hướng, trong đó nổi tiếng nhất là William Gibson với tiểu thuyết Neuromancer (1984).
Màu cyberpunk gồm những màu nào?
Bảng màu cyberpunk thường gồm một nền gần đen như #0B0B14 hoặc #07070F, hồng neon #FF2A6D, xanh lơ #05D9E8 và đôi khi vàng chanh #F3E600 hoặc đỏ #FF003C. Nền tối chiếm phần lớn diện tích, neon chỉ làm điểm nhấn.
Cyberpunk khác synthwave thế nào?
Synthwave hoài niệm thập niên 1980 với gradient hoàng hôn hồng cam, mặt trời sọc, lưới phối cảnh và cây cọ, tâm trạng lạc quan. Cyberpunk u tối và chật chội hơn: phố đêm mưa, biển hiệu chữ châu Á, glitch, HUD và chi tiết máy móc.
Font nào hợp phong cách cyberpunk mà vẫn có tiếng Việt?
Một số font trên Google Fonts có hỗ trợ tiếng Việt và hợp phong cách này là Chakra Petch, Tektur, Saira Condensed, Exo 2, Big Shoulders Display cho tiêu đề, và Space Mono, JetBrains Mono cho dòng thông số nhỏ. Orbitron và Share Tech Mono không có bộ ký tự tiếng Việt.
Làm sao để chữ neon có dấu tiếng Việt vẫn dễ đọc?
Giữ một lớp chữ sáng, rõ ở trên cùng và đặt vầng sáng neon bên dưới; dùng hai lớp toả sáng (một lớp nhỏ, một lớp rộng mờ) thay vì một lớp rất rộng; giãn dòng từ 1.15 đến 1.25; chỉ áp glitch cho tiêu đề lớn và kiểm tra lại ở chiều ngang khoảng 400 px.
Có được dùng hình từ phim hoặc game cyberpunk cho thiết kế riêng không?
Ảnh, nhân vật và logo của phim, game hay anime đều thuộc bản quyền của chủ sở hữu nên không nên đưa vào ấn phẩm của bạn, nhất là ấn phẩm thương mại. Cách an toàn là học ngôn ngữ thị giác (màu, ánh sáng, chữ, HUD) rồi tự dựng hình, hoặc dùng tài nguyên có giấy phép rõ ràng.
Tác giảCOLOR ME


















