Vẽ pixel art trên lưới ô vuông ngay trong trình duyệt
Công cụ vẽ pixel art online này cho bạn tô từng ô trên lưới từ 8 đến 128 ô mỗi chiều, có bút, tẩy, đổ màu, ống hút, đường thẳng, hình chữ nhật và chế độ vẽ đối xứng. Bạn có thể mở một ảnh nhỏ để chuyển thành lưới pixel, chọn bảng màu PICO-8 hay Game Boy, rồi xuất PNG phóng to sắc nét hoặc SVG. Vẽ được bằng chuột trên máy tính và bằng ngón tay trên điện thoại.
Tính năng nổi bật
- Lưới vẽ chọn riêng chiều rộng và chiều cao: 8, 12, 16, 24, 32, 48, 64, 96 hoặc 128 ô; đổi cỡ giữa chừng vẫn giữ hình ở góc trên bên trái.
- Bảy công cụ: Bút, Tẩy, Đổ màu (loang theo 4 hướng, không tràn qua góc chéo), Ống hút lấy màu từ ô, Đường thẳng theo thuật toán Bresenham, Chữ nhật viền và Chữ nhật đặc.
- Vẽ đối xứng trái phải, trên dưới hoặc cả hai cùng lúc; áp dụng cho bút, tẩy, đổ màu, đường thẳng và hình chữ nhật.
- Hoàn tác và làm lại tới 100 bước, có phím tắt Ctrl+Z, Ctrl+Y và phím chọn nhanh công cụ (B, E, G, I, L, R, F).
- Bảng màu có sẵn: Cơ bản 16 màu, PICO-8 16 màu, Game Boy 4 sắc xanh, tông da và tóc 8 màu; tự thêm màu bằng bảng chọn màu hoặc mã HEX vào bảng riêng, dải Màu đã dùng trong hình để chọn lại nhanh.
- Ô chưa tô là trong suốt, hiển thị bằng nền ô vuông xám trắng; khi xuất chọn giữ trong suốt, nền trắng hoặc một màu nền tùy chọn.
- Mở ảnh PNG, JPG, WebP để chuyển thành lưới pixel: chọn số ô chiều ngang, chiều cao tự tính theo tỉ lệ ảnh, mỗi ô lấy màu trung bình của vùng ảnh tương ứng, rồi giảm màu bằng median cut còn 4 đến 32 màu hoặc ép theo bảng màu đang chọn.
- Xuất PNG phóng to 1× đến 32× không nội suy: mỗi ô thành khối vuông cùng một màu, cạnh sắc, không bị nhòe như khi phóng ảnh bằng phần mềm thông thường.
- Xuất SVG gộp các ô cùng màu liền nhau thành một hình chữ nhật, file nhẹ, phóng to bao nhiêu cũng sắc.
- 5 mẫu 16 × 16 do Tấn Phát Digital tự vẽ (trái tim, ly trà sữa, mặt mèo, miếng dưa hấu, ngôi sao) để tập tô hoặc sửa tiếp; bản nháp tự lưu trên trình duyệt.
Vì sao dùng công cụ vẽ pixel art này
Phần mềm vẽ pixel chuyên dụng có nhiều tính năng nhưng phải cài đặt, còn vẽ pixel bằng phần mềm chỉnh ảnh thông thường thì dễ bị khử răng cưa, xuất ra hình mờ. Công cụ này làm đúng những việc cần cho một hình pixel nhỏ: lưới rõ ràng, tô từng ô, đổ màu không lem, đối xứng để vẽ nhân vật và biểu tượng nhanh gấp đôi, xuất ảnh phóng to vẫn giữ cạnh vuông. Bạn có thể vẽ trên điện thoại trong giờ nghỉ, bản nháp tự lưu nên đóng trang mở lại vẫn còn. Với người mới, các mẫu tự vẽ sẵn và chức năng chuyển ảnh thành lưới giúp có điểm bắt đầu thay vì nhìn lưới trống. Mọi thứ chạy trên trình duyệt, hình bạn vẽ và ảnh bạn mở không gửi đi đâu.
Lợi ích khi sử dụng
- Hình xuất ra có cạnh ô vuông sắc nét ở mọi mức phóng, dùng được làm ảnh đại diện, sticker, biểu tượng trong game hay hình in áo.
- Không cần cài phần mềm hay tạo tài khoản, mở trình duyệt trên máy tính hoặc điện thoại là vẽ được.
- Vẽ đối xứng giúp tiết kiệm một nửa thời gian khi vẽ nhân vật nhìn thẳng, hoa văn, biểu tượng.
- Bảng màu giới hạn như PICO-8, Game Boy giúp hình có phong cách thống nhất và dễ học cách phối màu ít.
- Chuyển ảnh thành lưới cho bạn bản phác nhanh, sau đó chỉ cần chỉnh lại các ô sai thay vì vẽ từ đầu.
- Bản nháp lưu ngay trên trình duyệt, hình và ảnh của bạn không tải lên máy chủ.
Cách vẽ pixel art online
- 1Chọn cỡ lưới ở mục Lưới bằng hai ô Rộng (ô) và Cao (ô). Người mới nên bắt đầu với 16 × 16 hoặc 32 × 32. Muốn có sẵn hình để sửa, bấm một nút trong Mẫu tự vẽ 16 × 16.
- 2Chọn màu ở mục Màu: bấm ô màu trong Bảng màu, dùng bảng chọn màu hoặc gõ mã HEX. Bấm Thêm màu vào bảng để lưu màu vào bảng tự thêm.
- 3Chọn công cụ Bút, Tẩy, Đổ màu, Ống hút, Đường thẳng, Chữ nhật viền hoặc Chữ nhật đặc rồi chạm hoặc kéo trên lưới. Đường thẳng và hình chữ nhật được vẽ thử khi kéo và chỉ ghi khi bạn nhấc tay.
- 4Bật Đối xứng trái phải hoặc Đối xứng trên dưới khi vẽ hình cân đối như nhân vật, biểu tượng. Vẽ sai thì bấm Hoàn tác hoặc Làm lại.
- 5Muốn chuyển ảnh có sẵn thành pixel art, vào mục Chuyển ảnh thành pixel art, chọn Rộng lưới (ô) và số màu, bấm Mở ảnh, rồi sửa lại từng ô cho gọn.
- 6Ở mục Xem trước và tải về, chọn Phóng to khi xuất và Nền, rồi bấm Tải PNG hoặc Tải SVG.
Pixel art là gì
Pixel art là cách vẽ hình bằng cách đặt từng điểm ảnh một cách có chủ ý trên một lưới nhỏ, mỗi ô là một màu đặc. Phong cách này bắt nguồn từ đồ họa trò chơi điện tử và máy tính gia đình thời màn hình có độ phân giải thấp và số màu ít, khi họa sĩ phải tính toán từng điểm để hình dễ nhận ra. Ngày nay pixel art vẫn được dùng nhiều trong game độc lập, biểu tượng, sticker, hình nền và đồ thủ công như tranh hạt nhựa, thêu chữ thập, xếp gạch. Điểm khác giữa pixel art và một bức ảnh bị phóng to là người vẽ kiểm soát từng ô: đường viền rõ, màu ít, không có các điểm màu lẫn lộn do nén hay thu nhỏ ảnh.
Chọn cỡ lưới phù hợp
Lưới càng nhỏ, hình càng phải tối giản và mỗi ô càng quan trọng. Lưới 8 × 8 đủ cho biểu tượng rất đơn giản như trái tim, mũi tên. Lưới 16 × 16 là cỡ phổ biến cho biểu tượng, vật phẩm trong game và nhân vật mini; đây cũng là cỡ của các mẫu có sẵn trong công cụ. Lưới 32 × 32 cho phép vẽ nhân vật có nét mặt, quần áo, đồ ăn có chi tiết. Từ 64 × 64 trở lên phù hợp với cảnh vật, chân dung hoặc khi chuyển ảnh thành pixel art. Bạn có thể đổi cỡ giữa chừng: công cụ giữ hình ở góc trên bên trái và cắt phần thừa, nên khi phóng to lưới nên vẽ xong rồi mới thêm phần mới ở bên phải và bên dưới. Lưới không cần vuông, ví dụ 32 × 16 hợp với dải trang trí hay biển tên.
Bảng màu giới hạn: PICO-8 và Game Boy
Dùng ít màu là một trong những cách đơn giản nhất để pixel art trông gọn gàng. PICO-8 là một máy chơi game ảo do Lexaloffle phát triển, có màn hình 128 × 128 và đúng 16 màu cố định; bảng màu này được nhiều người vẽ pixel dùng lại vì các màu phối với nhau tốt, có đủ tông sáng tối và màu da. Bảng Game Boy trong công cụ gồm 4 sắc xanh mô phỏng màn hình máy Game Boy đời đầu ra mắt năm 1989, chỉ hiển thị được 4 mức sáng; giá trị màu lấy theo cách các trình giả lập thường dùng, không phải số đo chính thức của màn hình thật. Khi vẽ với 4 màu, bạn buộc phải dùng độ sáng tối thay cho màu sắc để tạo khối, một bài tập tốt cho người mới. Bảng tự thêm cho phép giữ các màu riêng của bạn, lưu cùng bản nháp.
Vì sao phóng to pixel art bằng phần mềm thường bị mờ
Hầu hết phần mềm xem và chỉnh ảnh phóng to bằng nội suy song tuyến hoặc song khối: mỗi điểm mới được tính từ trung bình các điểm xung quanh, nên giữa hai ô màu khác nhau xuất hiện dải màu trung gian và hình trông nhòe. Pixel art cần phóng theo kiểu láng giềng gần nhất (nearest-neighbor): mỗi ô chỉ được nhân lên thành khối vuông cùng màu. Công cụ này tự dựng ảnh phóng to theo đúng cách đó, ô 1 điểm ảnh ở mức 16× thành khối 16 × 16 điểm ảnh cùng một màu, không qua bước nội suy nào. Nên xuất ở mức phóng là số nguyên, ví dụ 8× hay 16×, và khi đăng lên mạng xã hội hãy chọn kích thước đủ lớn, vì nền tảng có thể thu nhỏ hoặc nén lại ảnh làm cạnh ô mềm đi. Nếu cần hình dùng cho in ấn hay thiết kế web, file SVG giữ cạnh sắc ở mọi kích thước.
Chuyển ảnh thành pixel art hoạt động thế nào
Khi bạn mở một ảnh, công cụ chia ảnh thành lưới theo số ô chiều ngang bạn chọn, chiều cao tính theo tỉ lệ ảnh và giới hạn trong khoảng 8 đến 128 ô. Mỗi ô lấy màu trung bình của vùng ảnh tương ứng, có tính đến độ trong suốt; vùng trong suốt quá một nửa sẽ thành ô trong suốt. Sau đó số màu được giảm bằng thuật toán median cut: tập màu được chia đôi liên tục theo kênh màu có biên độ lớn nhất cho tới khi đủ số màu yêu cầu, mỗi nhóm lấy màu trung bình. Nếu chọn Theo bảng màu đang chọn, mỗi ô được gán màu gần nhất trong bảng theo khoảng cách màu có trọng số. Kết quả là bản phác, không phải tác phẩm hoàn chỉnh: ảnh chụp nhiều chi tiết sẽ thành mảng màu lốm đốm, nên chọn ảnh đơn giản, nền sạch, rồi sửa tay viền và mắt nhân vật.
Mẹo vẽ pixel art đẹp cho người mới
Bắt đầu bằng hình khối lớn với màu nền, sau đó mới thêm viền, bóng và điểm sáng. Viền ngoài màu tối giúp hình nổi trên mọi nền, nhưng viền bên trong nên dùng màu tối của chính mảng màu đó thay vì màu đen. Khi vẽ đường cong, giữ các đoạn bậc thang có độ dài tăng hoặc giảm đều, ví dụ 3-2-1, tránh xen kẽ lung tung như 1-3-1-2 làm đường trông răng cưa. Tránh các ô lẻ loi một màu không nằm trong khối nào. Dùng ít màu, khoảng 3 sắc độ cho mỗi màu chính (sáng, giữa, tối) là đủ. Với hình nhìn thẳng như mặt mèo, ly trà sữa, bật vẽ đối xứng trái phải để hai bên luôn khớp nhau. Cuối cùng, xem hình ở chế độ xem trước 1× hoặc 2× để biết hình có dễ nhận ra ở kích thước thật hay không.
Về mẫu nhân vật và bản quyền
Nhiều người tìm pixel art của các nhân vật hoạt hình, game hay thương hiệu nổi tiếng. Công cụ này không cung cấp hình nhân vật có bản quyền; 5 mẫu trên trang do Tấn Phát Digital tự vẽ dưới dạng hình đơn giản (trái tim, ly trà sữa, mặt mèo, dưa hấu, ngôi sao) và bạn được tự do dùng, sửa. Nếu bạn tự vẽ lại một nhân vật thuộc sở hữu của công ty khác để làm kỷ niệm cá nhân, hãy cân nhắc trước khi in bán hay dùng cho mục đích thương mại, vì nhân vật và thương hiệu thường được bảo hộ. Hình do chính bạn sáng tạo trên công cụ thuộc về bạn, công cụ không thêm dấu bản quyền hay hình mờ vào file xuất.
Câu hỏi thường gặp (FAQ)
Vẽ pixel art online có cần cài phần mềm không?
Không. Công cụ chạy trực tiếp trên trình duyệt Chrome, Edge, Firefox, Safari ở máy tính và điện thoại. Bạn không cần tạo tài khoản, bản nháp được lưu trong bộ nhớ của trình duyệt trên chính máy đó.
Có vẽ pixel art trên điện thoại được không?
Được. Lưới vẽ nhận thao tác chạm và kéo bằng ngón tay, trang không bị cuộn khi bạn vẽ trên lưới. Trên màn hình nhỏ, lưới 16 × 16 hoặc 32 × 32 dễ vẽ nhất vì mỗi ô đủ lớn để chạm chính xác; lưới 128 ô trên điện thoại sẽ có ô rất nhỏ.
Nên bắt đầu vẽ pixel art mini với cỡ lưới nào?
Pixel art mini thường dùng lưới 16 × 16, vừa đủ cho một biểu tượng hay nhân vật nhỏ mà không quá nhiều ô phải tô. Khi đã quen, chuyển sang 32 × 32 để có thêm chi tiết như mắt, tóc, nếp áo. Bạn có thể mở một mẫu 16 × 16 có sẵn để xem cách chia khối.
Làm sao vẽ pixel art cute?
Hình cute thường có đầu to so với thân, mắt to đặt thấp trên mặt, má hồng, viền mềm và bảng màu sáng, ít màu tối. Bật đối xứng trái phải khi vẽ mặt để hai bên cân nhau, và dùng màu viền nâu hoặc tím đậm thay cho đen tuyền để hình dịu hơn. Mẫu mặt mèo và ly trà sữa trên trang là ví dụ đơn giản theo hướng này.
Có mẫu pixel art đồ ăn hay nhân vật không?
Trang có 5 mẫu 16 × 16 do Tấn Phát Digital tự vẽ: trái tim, ly trà sữa, mặt mèo, miếng dưa hấu và ngôi sao. Bạn mở mẫu rồi đổi màu, thêm chi tiết tùy ý. Công cụ không cung cấp hình nhân vật có bản quyền của hãng phim, game hay thương hiệu.
Có mẫu pixel art Hello Kitty, Pokemon hay nhân vật anime không?
Không. Đây là các nhân vật thuộc quyền sở hữu của công ty khác nên công cụ không đưa vào làm mẫu. Bạn vẫn có thể tự vẽ lại để làm kỷ niệm cá nhân, nhưng nên cân nhắc trước khi in bán hay dùng cho mục đích thương mại.
Xuất PNG có bị mờ không?
Không. Ảnh PNG được dựng bằng cách nhân mỗi ô thành một khối vuông cùng màu theo mức phóng bạn chọn từ 1× đến 32×, không qua nội suy nên cạnh ô sắc. Nếu sau đó bạn mở ảnh trong phần mềm khác và phóng tiếp, phần mềm đó có thể làm mờ; hãy chọn sẵn mức phóng đủ lớn khi xuất.
Nên xuất PNG hay SVG?
PNG phù hợp để đăng mạng xã hội, làm ảnh đại diện, sticker hay dùng trong game. SVG là ảnh vector, phóng to bao nhiêu cũng sắc, hợp với thiết kế web, in ấn hoặc mở tiếp trong phần mềm thiết kế. File SVG của công cụ gộp các ô cùng màu liền nhau theo hàng để giảm số hình.
Ảnh PNG xuất ra có nền trong suốt không?
Có, nếu bạn để mục Nền là Trong suốt: các ô chưa tô sẽ trong suốt trong file PNG và không có trong file SVG. Chọn Trắng hoặc Màu tự chọn nếu nơi bạn đăng không hỗ trợ nền trong suốt hoặc bạn muốn in ra.
Chuyển ảnh thành pixel art có giữ được chi tiết không?
Chỉ giữ được hình khối chính. Mỗi ô lấy màu trung bình của một vùng ảnh, nên chi tiết nhỏ hơn một ô sẽ mất, và ảnh chụp nhiều chi tiết sẽ thành mảng màu lốm đốm. Kết quả tốt nhất với ảnh đơn giản như biểu tượng, logo, hình hoạt hình nền sạch; sau đó bạn nên sửa tay viền và các điểm quan trọng.
Median cut trong phần giảm màu là gì?
Median cut là thuật toán giảm số màu của ảnh: tập màu được chia đôi tại trung vị theo kênh màu đỏ, xanh lá hoặc xanh dương có độ chênh lớn nhất, lặp lại tới khi đủ số nhóm, mỗi nhóm lấy màu trung bình. Cách này giữ được các màu chiếm nhiều diện tích. Nếu ảnh có ít màu hơn số bạn chọn, công cụ giữ nguyên các màu đó.
Bản vẽ có bị mất khi đóng trình duyệt không?
Không, nếu bạn mở lại trên cùng trình duyệt và cùng máy. Hình và bảng màu tự thêm được lưu vào bộ nhớ cục bộ của trình duyệt sau mỗi thay đổi. Chế độ ẩn danh, xóa dữ liệu duyệt web hoặc đổi máy sẽ làm mất bản nháp, nên hãy tải PNG hoặc SVG khi vẽ xong.
Hoàn tác được bao nhiêu bước?
Tối đa 100 bước gần nhất, gồm cả nét vẽ, đổ màu, đổi cỡ lưới, mở mẫu và mở ảnh. Mỗi lần nhấn rồi nhấc tay khi dùng bút hay tẩy tính là một bước. Lịch sử hoàn tác không được lưu khi tải lại trang.
Vì sao đổ màu không loang sang vùng bên cạnh dù chỉ cách một góc?
Công cụ đổ màu theo 4 hướng trên, dưới, trái, phải, không đi chéo. Vì vậy hai vùng chỉ chạm nhau ở góc ô được coi là tách biệt, giống cách hầu hết phần mềm pixel art làm. Nếu muốn đổ cả hai vùng, hãy tô thêm một ô nối chúng hoặc đổ từng vùng.
Vẽ đối xứng hoạt động thế nào?
Khi bật Đối xứng trái phải, mọi ô bạn tô sẽ được tô thêm ở vị trí đối xứng qua trục dọc giữa lưới; Đối xứng trên dưới lấy trục ngang giữa lưới. Bật cả hai thì một nét thành bốn. Chế độ này áp dụng cho bút, tẩy, đổ màu, đường thẳng và hình chữ nhật.
Có dùng hình vẽ để in áo, làm sticker bán được không?
Hình do bạn tự sáng tạo trên công cụ là của bạn, công cụ không gắn hình mờ hay điều kiện sử dụng lên file xuất. Nếu hình là bản vẽ lại nhân vật hay logo của người khác thì quyền sử dụng phụ thuộc chủ sở hữu nhân vật đó. Với in áo khổ lớn, hãy xuất SVG hoặc PNG ở mức phóng 32× để bản in sắc nét.
Pixel art 16x16 xuất ra ảnh bao nhiêu điểm ảnh?
Bằng số ô nhân với mức phóng: lưới 16 × 16 xuất ở 16× được ảnh 256 × 256 điểm ảnh, ở 32× được 512 × 512. Lưới lớn nhất 128 × 128 ở 32× cho ảnh 4096 × 4096. Kích thước ảnh sẽ xuất hiện ngay dưới mục chọn mức phóng.
Từ khóa liên quan
- vẽ pixel art
- vẽ pixel art online
- vẽ pixel art mini
- vẽ pixel art cute
- vẽ pixel art mini cute
- vẽ pixel art đồ ăn
- vẽ pixel art đơn giản
- vẽ pixel art anime
- vẽ pixel art capybara
- vẽ pixel art trên điện thoại
- pixel art maker
- tạo pixel art online
- chuyển ảnh thành pixel art
- ảnh sang pixel art
- pixel art 16x16
- pixel art 32x32
- bảng màu pico-8
- pixel art game boy
- mẫu pixel art
- phần mềm vẽ pixel art
- xuất pixel art png
- pixel art svg