Skip to content

2. Tô màu & Tùy chỉnh

Bây giờ bạn đã tải bản đồ của mình, đã đến lúc làm cho nó sống động! Phần này bao gồm các tính năng tô màu và tùy chỉnh cốt lõi giúp PaintMyMap trở nên mạnh mẽ—và khớp chính xác với những gì bạn thấy trong trình chỉnh sửa.

Cách Tô Màu Hoạt Động

Tô màu trong PaintMyMap hoạt động bằng cách gán các đặc điểm bản đồ (quốc gia, khu vực, v.v.) vào nhóm chú giải. Mỗi nhóm có màu sắc riêng, hoa văn tùy chọn và nhãn.

Tô màu, xóa và thay đổi kích thước cọ

Tô Màu Cơ Bản

  1. Chọn Nhóm Chú Giải: Nhấp vào một nhóm trong chú giải (màu của nhóm đó sẽ trở thành màu tô hiện tại)
  2. Chọn Cọ Vẽ: Chọn chế độ Đơn hoặc kích thước hình tròn (S/M/L/XL)
  3. Tô Màu: Nhấp hoặc kéo trên các đặc điểm bản đồ để gán chúng vào nhóm đã chọn
  4. Tẩy Xóa: Chuyển sang tẩy để xóa màu khỏi các đặc điểm

Phím tắt: B (Cọ vẽ), E (Tẩy), ⌘/Ctrl+Z (Hoàn tác), ⇧+⌘/Ctrl+Z (Làm lại)

Quản Lý Chú Giải

Chú giải là trái tim của tổ chức hình ảnh trên bản đồ của bạn. Mỗi màu trên bản đồ mà bạn muốn tô cần được gán vào một nhóm (mục chú giải).

Chọn các mục Chú Giải, sắp xếp lại, ẩn/hiện, thêm tiêu đề Chú Giải, thay đổi kích thước và di chuyển Chú Giải

Tạo Nhóm Chú Giải

  • Thêm Nhóm: Nhấp vào + Thêm mục để tạo một nhóm mới.
  • Màu Sắc & Hoa Văn Nhóm: Nhấp vào ô màu để mở menu màu/hoa văn
  • Nhãn Nhóm: Gõ trực tiếp vào trường nhãn của mỗi nhóm
  • Hiển Thị/Ẩn Trong Chú Giải: Chuyển đổi hiển thị cho bất kỳ nhóm nào
  • Sắp Xếp Lại: Kéo bằng tay cầm hoặc sử dụng các nút lên/xuống
  • Xóa: Xóa một nhóm (điều này sẽ không xóa các khu vực đã tô màu; chúng sẽ trở lại trạng thái chưa tô màu)
  • Tiêu Đề Chú Giải: Chuyển đổi “Hiển thị Tiêu đề Chú Giải” trong Tùy chọn, sau đó chỉnh sửa văn bản tiêu đề

Định Vị Chú Giải

  • Kéo Để Di Chuyển: Kéo chú giải đến bất kỳ đâu trên bản đồ (dễ nhất trong chế độ Xem trước)
  • Thay Đổi Kích Thước: Sử dụng tay cầm ở góc để thay đổi kích thước khối chú giải
  • Nền Chú Giải: Đặt màu nền và độ trong suốt của chú giải trong Tùy chọn

Bản Đồ Choropleth - Tạo Dải Màu

Với trình tạo Choropleth, bạn có thể tạo một dải màu hoàn hảo chỉ trong một cú nhấp chuột! Chọn màu bắt đầu và kết thúc, số bước và bạn đã hoàn tất!

Tạo Dải Màu với Trình Tạo Choropleth

Công Cụ Cọ Vẽ

Để chọn cọ, nhấp vào công cụ cọ vẽ. Để thay đổi kích thước, sử dụng menu thả xuống bên cạnh. Để thay đổi màu, tạo hoặc chọn một nhóm mới từ chú giải.

Chọn công cụ cọ và kích thước của nó

Loại Cọ

  • Đơn: Tô một đặc điểm mỗi lần nhấp (kiểm soát chính xác)
  • Hình Tròn: Tô tất cả các đặc điểm trong bán kính cọ
    • Kích thước S/M/L/XL để tô nhanh hơn

Điều Khiển Cọ

  • Nhóm Hiện Tại: Nhóm chú giải hiện đang được chọn
  • Kích Thước Cọ: Chọn S/M/L/XL; một vòng tròn xem trước hiển thị bán kính chính xác
  • Xem Trước Màu: Hiển thị màu/hoa văn của nhóm hiện tại
  • Tẩy Xóa: Xóa màu khỏi các đặc điểm (E)

Mẹo: Sử dụng Hoàn tác/Làm lại thoải mái khi thử nghiệm với các kích thước.

Màu Cọ

Bạn có thể tô màu bằng một màu duy nhất hoặc chọn một hoa văn từ hai hoặc ba màu.

Chọn màu đơn cho cọ hoặc một trong các hoa văn hai hoặc ba màu

Công Cụ Hình Dạng

Sử dụng công cụ Hình dạng để chú thích, làm nổi bật hoặc thêm ý nghĩa bổ sung lên trên các khu vực đã tô màu của bạn.

Vẽ hình dạng, thay đổi màu, thêm văn bản, xoay và chỉnh sửa

Các Loại Hình Dạng Có Sẵn

Hình DạngMục Đích
Đường ThẳngChỉ báo đơn giản / gạch dưới; nhấp và kéo để vẽ.
Mũi TênGọi ra hướng (tự động thêm đầu mũi tên).
Hình Chữ NhậtLàm nổi bật tiêu chuẩn.
Hình Chữ Nhật Bo GócLàm nổi bật mềm mại / hộp nhãn (góc bo tròn).
Hình TrònVòng nhấn mạnh hoặc đánh dấu.
Bình LuậnChú thích kiểu bong bóng lời nói (thân hình bầu dục + đuôi).
Hộp Bình LuậnBong bóng lời nói hình chữ nhật (biến thể hình hộp) với đuôi có thể di chuyển.
Gọi RaHộp + đuôi mũi tên (đuôi mũi tên là hình tam giác/mũi tên chỉ vào mục tiêu).

Vẽ Hình Dạng

  1. Chọn công cụ Hình Dạng (phím tắt: S).
  2. Chọn một loại hình dạng từ bảng màu nhỏ.
  3. Nhấp và kéo trên bản đồ để vẽ.
  4. Giữ Shift khi kéo để giới hạn: hình tròn hoàn hảo, hình vuông hoặc các góc 45° cho đường/mũi tên.
  5. Giữ Option/Alt để vẽ từ tâm ra ngoài từ điểm nhấp ban đầu (tâm ra ngoài cho hình tròn/hình chữ nhật).

Tùy Chỉnh & Tùy Chọn Hình Dạng

  • Độ Dày & Màu Viền: Điều chỉnh độ dày và màu của viền.
  • Tỷ Lệ Với Thu Phóng: Chuyển đổi xem viền/văn bản có tỷ lệ khi thu phóng không (bật để có kích thước tương đối, tắt để có trọng lượng hình ảnh không đổi).
  • Tô Màu: Bật tô màu; chọn màu đơn hoặc hoa văn; điều chỉnh độ trong suốt qua thanh trượt.
  • Hoa Văn: Cùng thư viện hoa văn như các nhóm chú giải (đường kẻ, chấm, sọc, hoa văn ba màu).
  • Văn Bản: Bật lớp phủ văn bản; đặt phông chữ, kích thước, màu sắc và bóng tùy chọn + màu bóng.
  • Bóng Đổ: (Mỗi hình dạng) Bật bóng, điều chỉnh độ mờ, độ mờ, độ lệch và màu sắc để tạo chiều sâu/độ tương phản.

Chỉnh Sửa Hình Dạng

  • Sử dụng công cụ Chọn (V) để chọn một hình dạng.
  • Kéo để di chuyển; các tay cầm xuất hiện để thay đổi kích thước (góc) và xoay (điều khiển xoay / phím R khi được chọn).
  • Nhấp đúp vào văn bản hình dạng để chỉnh sửa.
  • Nhấn Delete / Backspace (hoặc biểu tượng Xóa) để xóa.
  • Bình Luận / Hộp Bình Luận / Đuôi Gọi Ra: Kéo tay cầm đuôi tròn để định vị lại điểm neo của bong bóng/hộp.

Công Cụ SVG (Nhập / Đặt)

Công cụ SVG mở hộp thoại Thư Viện SVG để nhập các đồ họa vector có thể tái sử dụng.

Tải và đặt SVGs, thay đổi màu, kích thước, xoay và chỉnh sửa

Quy Trình Làm Việc

  1. Nhấp vào SVG (Nhập / Đặt) để mở hộp thoại.
  2. Dán mã SVG thô hoặc chọn một hoặc nhiều tệp .svg. Bạn cũng có thể khám phá một số SVG tích hợp sẵn trong menu thả xuống Chủ đề.
  3. Nhấn Thêm vào Danh sách để lưu một phiên bản đã phân tích cú pháp dưới “SVG của bạn” (được lưu trữ cục bộ cho đến khi xóa).
  4. Chọn một mục và nhấn Đặt, sau đó nhấp và kéo trên bản đồ để định vị & thay đổi kích thước trong một thao tác.
  5. Sử dụng Chọn (V) sau đó để tinh chỉnh: di chuyển, xoay, thay đổi kích thước, xóa.

Hành Vi & Ghi Chú

  • Chuyển đổi hộp thoại: nhấp lại vào công cụ SVG khi đang mở sẽ đóng nó và quay lại Chọn.
  • Vệ sinh: các tập lệnh, trình xử lý sự kiện và các nút foreignObject bị loại bỏ vì lý do an toàn.
  • Tỷ lệ khung hình được bảo toàn tự động trong quá trình đặt.
  • Lưu trữ Thư viện: Xóa tất cả bằng nút “Xóa Tất Cả”; các mục riêng lẻ có thể bị xóa.
  • Hiệu suất: Các SVG cực kỳ phức tạp (hàng nghìn đường dẫn) có thể ảnh hưởng đến tính tương tác và thời gian xuất.

Trường Hợp Sử Dụng

Logo, huy hiệu, biểu tượng (dân số, khí hậu), điểm đánh dấu chèn, hoa hồng la bàn, khung trang trí.

Công Cụ Chọn

Công cụ Chọn (V) cho phép bạn thao tác các hình dạng đã vẽ và SVG đã đặt.

Công cụ chọn

Chọn & Chọn Nhiều

  • Nhấp vào một hình dạng/SVG để chọn; kéo để di chuyển.

Tay Cầm Biến Đổi

  • Tay cầm góc: thay đổi kích thước (giữ Shift để giới hạn hình vuông/hình tròn khi phù hợp).
  • Tay cầm xoay hoặc nhấn R khi được chọn để xoay.
  • Tay cầm đuôi Hộp Bình Luận/Bình Luận: định vị lại điểm neo đuôi bong bóng lời nói.

Chỉnh Sửa Văn Bản

  • Nhấp đúp vào văn bản hình dạng (Bình Luận/Hộp Bình Luận/bất kỳ hình dạng nào có văn bản) để chỉnh sửa trực tiếp.
  • Sử dụng các điều khiển kiểu (phông chữ, kích thước, màu sắc, bóng) để tinh chỉnh.

Xóa

  • Backspace / Delete hoặc biểu tượng Xóa trong giao diện người dùng để xóa các hình dạng đã chọn.

Tùy Chỉnh Nâng Cao

Nâng cấp bản đồ của bạn lên cấp độ tiếp theo với các tính năng này. Mở Tùy chọn để truy cập:

Tùy chỉnh Nhãn và Tiêu đề bản đồ

Cài Đặt Chú Giải

  • Chú Giải: Hiển thị/Ẩn chú giải trên bản đồ
  • Nền Chú Giải: đặt màu nền và cài đặt độ trong suốt của chú giải
  • Đặt Tiêu Đề Chú Giải: đặt tiêu đề chú giải hoặc ẩn hoàn toàn

Bản Đồ

  • Chỉ Các Khu Vực Đã Tô Màu: Ẩn các khu vực chưa tô màu để xuất bản sạch sẽ
  • Hiển thị đường kinh tuyến/vĩ tuyến
  • Hiển thị đường địa lý
  • Hiển thị đường múi giờ có hoặc không có nhãn

Nhãn & Tiêu Đề

  • Tiêu Đề Bản Đồ: Chuyển đổi tiêu đề, chỉnh sửa văn bản, kéo để định vị và thay đổi kích thước qua tay cầm góc
  • Nhãn Quốc Gia: Hiển thị nhãn quốc gia, chọn viết tắt, thay đổi phông chữ, màu sắc và bóng tùy chọn. Chọn để chỉ hiển thị trên các quốc gia đã tô màu hoặc thay thế tên quốc gia bằng giá trị từ nhóm chú giải

Cải Tiến Hình Ảnh

  • Màu Nền Bản Đồ: Đặt màu nền của canvas

  • Màu Viền: Đặt màu viền quốc gia

  • Chủ Đề Bản Đồ: Cần cảm hứng? Chọn một chủ đề bản đồ từ các bảng màu tích hợp sẵn

  • Đường Kinh Tuyến/Vĩ Tuyến: Hiển thị lưới kinh độ/vĩ độ

  • Đường Địa Lý: Hiển thị đường xích đạo, chí tuyến, vòng cực, kinh tuyến gốc

  • Múi Giờ: Các đa giác và nhãn múi giờ tùy chọn (cho các bản đồ được hỗ trợ)

Chiến Lược Màu Sắc

  • Phân Loại: Sử dụng các màu riêng biệt cho các danh mục khác nhau
  • Tuần Tự: Sử dụng dải màu cho các phạm vi dữ liệu
  • Phân Kỳ: Sử dụng các bảng màu làm nổi bật các giá trị cực đoan

Tô Hoa Văn

Thêm kết cấu tinh tế với các hoa văn SVG tích hợp:

  • Đường Kẻ/Sọc: Ngang, dọc, chéo; biến thể ba đường kẻ
  • Chấm/Ô Vuông: Lưới chấm và kiểu ô vuông
  • Ba Sọc: Kết hợp màu chính/phụ/thứ ba

Cách thực hiện: Nhấp vào ô màu của nhóm, bật Hoa Văn và chọn một loại. Tùy chỉnh màu chính, phụ và (khi có) màu thứ ba. Hiện tại không hỗ trợ tải lên hình ảnh hoa văn tùy chỉnh.

Hoàn Tác & Làm Lại

Không bao giờ mất công việc của bạn với các điều khiển lịch sử toàn diện:

Điều Khiển Lịch Sử

  • Hoàn Tác/Làm Lại: Lùi lại các thay đổi (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z)
  • Xóa Tất Cả: Xóa tất cả các khu vực tô màu (với xác nhận)

Sao Chép & Dán

Tăng tốc công việc của bạn với tính năng Sao Chép/Dán hoạt động với SVG và hình dạng (⌘/Ctrl+C, ⌘/Ctrl+V)

Tự Động Lưu

Công việc của bạn được lưu vào bộ nhớ cục bộ của trình duyệt và bạn sẽ được nhắc khôi phục khi quay lại.

Tính Năng Tương Tác

Thu Phóng & Di Chuyển

  • Con Lăn Chuột: Thu phóng vào/ra tại vị trí con trỏ
  • Nút Thu Phóng: Điều khiển thu phóng chính xác (+/−)
  • Di Chuyển: Kéo để di chuyển chế độ xem bản đồ

Xoay & Định Hướng

  • Lăn Cầu: Xoay quả cầu (kéo điều khiển xoay)
  • Xoay 2D: Xoay bản đồ phẳng (kéo điều khiển xoay)
  • Lật: Hiệu ứng gương ngang và dọc

Hình Dạng & Chú Thích

Sử dụng công cụ Hình dạng để thêm các chú thích hình ảnh:

  • Loại: Đường thẳng, Mũi tên, Hình chữ nhật, Hình chữ nhật bo góc, Hình tròn, Bình luận, Hộp bình luận, Gọi ra
  • Kiểu: Đặt độ dày/màu viền và màu tô/độ trong suốt
  • Văn Bản: Thêm văn bản vào hình dạng (phông chữ, kích thước, màu sắc, bóng tùy chọn)
  • Tỷ Lệ Với Thu Phóng: Chọn xem hình dạng có tỷ lệ khi thu phóng không

Lưu & Tải Dự Án

Xuất Trạng Thái (Lưu Dự Án)

  • Lưu Tiến Trình: Xuất toàn bộ dự án của bạn dưới dạng tệp JSON
  • Bao Gồm: Tất cả các khu vực tô màu, màu sắc, cài đặt và tùy chỉnh
  • Định Dạng Tệp: Tệp .json có thể được mở lại bất kỳ lúc nào
  • Sử Dụng: Sao lưu công việc của bạn hoặc tiếp tục sau

Nhập Trạng Thái (Tải Dự Án)

  • Khôi Phục Công Việc: Nhập một tệp JSON đã lưu trước đó
  • Bảo Tồn: Tất cả các khu vực tô màu và cài đặt tùy chỉnh của bạn
  • Đa Thiết Bị: Hoạt động trên các trình duyệt và thiết bị khác nhau

Tự Động Lưu

  • Tự Động: Công việc của bạn được lưu vào bộ nhớ cục bộ của trình duyệt
  • Khôi Phục: Tự động khôi phục phiên làm việc cuối cùng của bạn
  • Không Cần Hành Động: Diễn ra trong nền

Chế Độ Xem Trước

Trước khi xuất, sử dụng chế độ Xem Trước để xem bản đồ cuối cùng của bạn:

  • Ẩn tất cả các điều khiển chỉnh sửa và giao diện người dùng
  • Chỉ hiển thị bản đồ, chú giải và các yếu tố tùy chỉnh
  • Cho phép kéo chú giải và tiêu đề để định vị chính xác
  • Hoàn hảo để kiểm tra bố cục cuối cùng

Bước Tiếp Theo

Khi bản đồ của bạn đã hoàn h chỉnh, đã đến lúc xuất! Tiếp tục đến phần cuối để tìm hiểu cách lưu và chia sẻ sáng tạo của bạn.