Trình thiết kế huy hiệu

Trình thiết kế huy hiệu là một trình chỉnh sửa canvas trực quan gồm ba cột được tích hợp sẵn trong badges.ninja, cho phép bạn tạo hình ảnh huy hiệu chuyên nghiệp mà không cần bất kỳ công cụ thiết kế bên ngoài nào.

Tổng quan

Trình thiết kế mở ra ngay bên trong cửa sổ Tạo / Chỉnh sửa huy hiệu. Nó gồm ba phần:

• Thanh dọc trái — chuyển bảng công cụ ở giữa giữa các chế độ Mẫu, Tải lên, Phần tử, Văn bản, Thuộc tính, Mã QR và Lớp.
• Bảng công cụ — các công cụ cho chế độ thanh dọc đang chọn.
• Canvas — bản xem trước huy hiệu trực tiếp, có thể chỉnh sửa. Mọi thứ bạn thêm vào đều là một đối tượng thật, có thể chọn để di chuyển, đổi kiểu, sắp xếp lại hoặc xóa.

Thông tin chi tiết huy hiệu (Người cấp, Tên, Mô tả, Tiêu chí và Nội dung chia sẻ) nằm ngay dưới canvas, nhờ đó phần thiết kế và thông tin chứng chỉ cùng tồn tại trong một cửa sổ — không có bước riêng biệt nào.

Bắt đầu từ một mẫu

Nhấp Mẫu trên thanh dọc để duyệt các thiết kế dựng sẵn. Bộ mẫu Recognition mang đến cho bạn một huy hiệu chuyên nghiệp đã được dựng hoàn chỉnh — một khung có tạo hình cùng văn bản mẫu có thể chỉnh sửa (tổ chức, tiêu đề, phụ đề và con dấu xác minh) — với tám bảng màu (Vàng, Bạc, Đồng, Xanh dương, Xanh lá, Đỏ thẫm, Tím, Than chì). Dùng bộ lọc Danh mục để thu hẹp danh sách, hoặc Canvas trắng để bắt đầu từ đầu.

Nhấp vào một mẫu để áp dụng. Văn bản của nó trở thành các lớp thông thường, có thể chỉnh sửa để thay đổi hoặc gỡ bỏ — không có gì bị cố định cả.

Phần tử — Hình dạng, biểu tượng, dải ruy băng & nền

Bảng Phần tử xếp chồng các đồ họa lên trên huy hiệu của bạn:

• Đường kẻ — kẻ ngang / kẻ dọc.
• Hình dạng — hình chữ nhật đặc và viền, hình chữ nhật bo góc, hình tròn và hình tam giác.
• Biểu tượng — 70 biểu tượng đồ họa (giải thưởng, bộ não, chứng chỉ, mã, vương miện, bằng, mũ tốt nghiệp, huy chương, tên lửa, khiên kiểm tra, sao, cúp và nhiều biểu tượng khác), có thể tìm kiếm.
• Dải ruy băng — 28 lớp phủ ruy băng trang trí, chia thành các nhóm Thẳng / Nhọn / Đuôi / Trang trí.
• Hình nền cơ bản — 80 hình nền cơ bản có thể đổi màu thuộc nhiều danh mục (vòng tròn, khiên, lục giác, sao, huy chương, con dấu, vòng hoa, biểu ngữ, hình học).

Mỗi biểu tượng, dải ruy băng và hình nền cơ bản được chèn với màu hiện tại và có thể đổi màu bất cứ lúc nào.

Hình dạng nền

Phần tử → Hình dạng nền chứa 68 khung dựng sẵn (thư viện hình dạng × bảng màu). Áp dụng một khung sẽ thay khung nền của huy hiệu trong khi vẫn giữ văn bản và các phần tử của bạn ở trên — tiện lợi khi bạn muốn một tổ hợp hình dạng/màu sắc cụ thể mà không cần một mẫu đã dựng sẵn.

Tải lên hình ảnh tùy chỉnh

Dùng bảng Tải lên để thêm logo, ảnh hoặc đồ họa của riêng bạn. Chấp nhận PNG, JPEG và SVG, dung lượng tối đa 5 MB. Hình ảnh được chèn dưới dạng đối tượng tiền cảnh thông thường — nó xếp chồng lên trên thiết kế và không bao giờ xóa nền. Để thay đổi nền huy hiệu, hãy chọn một mẫu hoặc một hình dạng nền thay thế.

Thêm & tạo kiểu văn bản

Bảng Văn bản cung cấp:

• Thêm tiêu đề / phụ đề / văn bản thường — các đối tượng văn bản với kích thước đặt trước.
• Tổ hợp — các cụm dựng sẵn như Certificate of Achievement, Awarded to hoặc Verify at — mỗi dòng vẫn có thể chỉnh sửa độc lập.

Chọn bất kỳ đối tượng văn bản nào và thanh công cụ ngữ cảnh sẽ xuất hiện phía trên canvas:

• Phông chữ — một thư viện gồm 50 phông chữ chia thành các nhóm Sans, Serif, Chữ viết tay, Mono và Hệ thống. Chọn một phông từ danh sách thả xuống; mỗi lựa chọn hiển thị bản xem trước bằng chính kiểu chữ của nó.
• + Phông chữ — tải lên một phông chữ thương hiệu (TTF, WOFF, WOFF2, OTF) cho phiên làm việc hiện tại.
• Cỡ chữ — nút tăng/giảm − / + (hoặc gõ một con số) thay đổi kích thước văn bản đã chọn một cách chính xác, mà không cần kéo các tay nắm.
• Màu — đặt màu tô cho văn bản đã chọn (và màu chèn mặc định cho hình dạng/biểu tượng mới).
• Căn chỉnh — sáu nút căn chỉnh lựa chọn sang trái / giữa / phải và trên / giữa / dưới tương đối với canvas.

Thuộc tính động

Bảng Thuộc tính chèn các token động — , , , , , — dưới dạng đối tượng văn bản. Mỗi token được giải quyết theo từng người nhận tại thời điểm trao, nhờ đó một thiết kế duy nhất tự cá nhân hóa cho tất cả những người bạn cấp. Đây là cách bạn đưa tên người nhận hoặc ngày cấp lên chính huy hiệu.

Mã QR

Bảng Mã QR chèn một mã có thể quét được gắn với . Trên mỗi lần trao, mã được giải quyết thành trang xác minh công khai của lần trao đó, nhờ vậy bất kỳ ai cũng có thể quét huy hiệu đã in để xác nhận nó.

Lớp

Bảng Lớp liệt kê mọi đối tượng trên canvas. Từ đây bạn có thể sắp xếp lại (đưa lên trước / đưa ra sau), ẩn/hiện, chọn và xóa từng lớp. Khung nền được ghim ở dưới cùng và giữ trạng thái không tương tác, nhờ đó các phần tử tiền cảnh nhận toàn bộ thao tác nhấp.

Hoàn tác / Làm lại (Ctrl+Z / Ctrl+Shift+Z) duyệt qua 20 thay đổi gần nhất, và các đường căn chỉnh nét đứt sẽ xuất hiện khi bạn kéo một đối tượng đến gần tâm canvas.

Lưu huy hiệu

Không có bước "xuất" riêng biệt. Khi thiết kế và thông tin chi tiết của bạn đã sẵn sàng:

• Tạo huy hiệu chụp canvas thành một tệp PNG, tải nó lên IPFS và lưu huy hiệu cùng với thiết kế có thể chỉnh sửa của nó — nhờ đó khi mở lại huy hiệu, các lớp riêng lẻ của bạn được khôi phục để chỉnh sửa tiếp.
• Lưu bản nháp lưu một huy hiệu đang thực hiện dở trên máy chủ (đồng bộ giữa các thiết bị). Bản nháp xuất hiện trong danh sách Huy hiệu của bạn với dấu Bản nháp, và bạn có thể tiếp tục làm bất kỳ bản nháp nào sau này.

Mẹo thiết kế huy hiệu tốt

• Giữ đơn giản — văn bản rõ ràng, tối giản sự rối mắt. Huy hiệu thường hiển thị ở kích thước nhỏ.
• Dùng độ tương phản cao — làm cho văn bản đọc được trên nền.
• Đặt tên chứng chỉ — người xem nên hiểu nó ngay từ cái nhìn đầu tiên.
• Định dạng vuông — huy hiệu hiển thị đẹp nhất dưới dạng hình vuông.
• Đồng nhất thương hiệu — tái sử dụng màu và phông chữ của tổ chức bạn xuyên suốt các huy hiệu.
• Lưu các thiết kế có thể tái sử dụng — mỗi huy hiệu bạn tạo cũng được lưu thành một mẫu tài khoản mà bạn có thể bắt đầu từ đó vào lần sau (xem Mẫu của tôi).