Cách chỉnh sửa tệp SVG trong trình duyệt

SVG (Scalable Vector Graphics) lưu trữ hình ảnh dưới dạng hình dạng và đường path, tức là toán học, không phải điểm ảnh. Đó là lý do một logo lưu dưới dạng SVG luôn sắc nét dù là favicon hay biển quảng cáo lớn, và cũng là lý do đây là định dạng phù hợp cho biểu tượng, logo và hình minh họa. Điều này cũng có nghĩa là bạn có thể mở tệp và chỉnh sửa trực tiếp các hình dạng thay vì dịch chuyển từng điểm ảnh.

Chỉnh sửa mã nguồn SVG hầu như luôn tốt hơn chỉnh sửa một tệp PNG đã xuất. Di chuyển một điểm neo thì đường cong vẫn mượt; đổi màu tô thì màu chính xác tuyệt đối; phóng to hay thu nhỏ toàn bộ thì không gì bị mờ. Để làm được điều đó, bạn cần một trình chỉnh sửa hiểu về vector.

Trình chỉnh sửa vector của EditItAll mở tệp SVG trực tiếp trong trình duyệt của bạn:

• Mở trình chỉnh sửa và tải tệp .svg của bạn lên, có thể là một logo, một bộ biểu tượng hoặc một hình minh họa.
• Dùng công cụ chọn (V) để di chuyển và đổi kích thước cả đối tượng, và công cụ chọn trực tiếp (A) để nắm từng điểm neo riêng lẻ.
• Đổi màu phần tô và nét viền, chỉnh bất kỳ văn bản nào bằng công cụ chữ (T), và canh chỉnh hình dạng vào đúng vị trí bằng đường dẫn hướng thông minh cùng các phím tắt kiểu Illustrator.

Công việc của bạn tự động lưu vào trình duyệt khi bạn thao tác, và toàn bộ trình chỉnh sửa vẫn tiếp tục chạy nếu bạn mất kết nối mạng sau khi đã tải xong, đó là dấu hiệu rõ ràng cho thấy tệp của bạn không được gửi đi đâu cả.

Sức mạnh thực sự nằm ở việc định hình lại đường path. Công cụ Bút (P) đặt các điểm neo cùng tay cầm Bezier, nhờ đó bạn có thể vẽ lại một đường cong, thêm điểm vào một logo, hoặc vẽ theo một hình dạng mới từ đầu. Bút chì dùng để vẽ tự do.

Để tạo tác phẩm phức tạp hơn, hãy kết hợp các hình dạng đơn giản bằng phép toán boolean: Hợp để gộp chúng lại, Trừ trước để cắt hình này ra khỏi hình kia, Giao để chỉ giữ lại phần chồng lấn, và Loại trừ để bỏ phần đó đi. Các phép toán này chạy trên một bộ máy hình học với độ chính xác tuyệt đối, nên các cạnh tạo ra luôn sạch sẽ thay vì lệch đi vài phần của điểm ảnh. Đó là cách bạn biến vài hình chữ nhật và hình tròn thành một biểu tượng hoàn chỉnh.

Khi xong việc, hãy lưu lại dưới dạng .svg để giữ tệp có thể chỉnh sửa hoàn toàn, hoặc xuất một PNG ở 2× khi bạn cần ảnh raster cho web hay tài liệu. Nếu bạn đã có sẵn SVG và chỉ cần PNG, công cụ chuyển SVG sang PNG chuyên dụng sẽ làm điều đó chỉ trong một bước.

Hai giới hạn thành thật: trình chỉnh sửa đọc được SVG chuẩn, không đọc được tệp .ai hay .eps của Adobe, và nó cũng không xử lý được lưới gradient, tô họa tiết hay màu CMYK. Dù vậy, để chỉnh sửa các logo, biểu tượng và hình minh họa thông thường dưới dạng SVG, mọi thứ bạn cần đều chạy ngay trên thiết bị của bạn. Hãy mở trình chỉnh sửa vector để bắt đầu.