Ứng dụng

Cách tạo SVG từ PNG hoặc JPG trong Photoshop

Vài năm trước, Adobe đã quyết định thêm tính năng “Export as SVG” vào Photoshop. Có nghĩa là bây giờ bạn có thể xuất ảnh SVG trực tiếp từ Photoshop mà không cần Illustrator. Trong hướng dẫn này, Quantrimang sẽ chỉ cho bạn cách chuyển hình ảnh PNG hoặc JPG thành SVG bằng Photoshop.

Raster và Vector

SVG hay Scalable Vector Graphic, đúng như tên gọi, là một đồ họa vector. Các định dạng khác như PNG, GIF, JPG, BMP là đồ họa raster. Sự khác biệt chính giữa hai loại này là vectơ bao gồm các đường chuẩn (đường path) làm cho chúng có thể mở rộng được, trong khi raster bao gồm dữ liệu pixel cứng, do đó không thể mở rộng. (Khi bạn thay đổi kích thước hình ảnh raster, chỉ cần ngoại suy dữ liệu pixel hiện tại đang có. Mặt khác, vectơ sẽ tính toán lại đường chuẩn vào kích thước mục tiêu).

Nhưng đây không phải là bài viết về cách tạo SVG từ PNG sao? Điều đó còn phụ thuộc vào hình ảnh. Tất nhiên, bạn không thể tạo SVG từ ảnh chụp hoặc ảnh chi tiết. Nhưng đối với hình ảnh đơn giản với độ phức tạp về màu sắc và hình dạng thấp như phim hoạt hình, biểu tượng hoặc thiết kế phẳng như hình mặt cười bên dưới thì điều đó hoàn toàn có thể.

tao svg tu png hoac jpg 1 tao svg tu png hoac jpg 1
Hình mẫu

Bạn sẽ cần tạo các đường chuẩn từ hình ảnh, tô màu và chuyển đổi nó thành hình dạng trước khi có thể xuất nó dưới dạng SVG.

Cách tạo SVG từ PNG hoặc JPG trong Photoshop

1. Mở hình ảnh trong Photoshop và sử dụng công cụ Quick Selection để chọn tất cả vùng màu đen.

tao svg tu png hoac jpg 2 tao svg tu png hoac jpg 2
Sử dụng công cụ Quick Selection để chọn tất cả vùng màu đen

2. Sau khi được chọn, nhấp chuột phải và chọn “Make Work Path…”.

3. Sau đó, trong menu Layer, nhấp vào “New Fill Layer” “Solid Color”.

tao svg tu png hoac jpg 3 tao svg tu png hoac jpg 3
Nhấp vào “New Fill Layer” và “Solid Color”

4. Chọn màu đen.

5. Bây giờ, bạn sẽ nhận được một layer mới với vùng màu đen. Nhưng đó là một layer hình dạng vector.

tao svg tu png hoac jpg 4 tao svg tu png hoac jpg 4
Bạn sẽ nhận được một layer mới với vùng màu đen

6. Lặp lại quy trình tương tự với vùng màu vàng của hình mặt cười. Bạn sẽ phải làm điều này cho từng màu trên hình ảnh của mình.

tao svg tu png hoac jpg 5 tao svg tu png hoac jpg 5
Lặp lại quy trình tương tự với vùng màu vàng của hình mặt cười

7. Khi bạn đã có layer hình dạng cho mỗi màu, hãy chọn File > Export > Export As…

8. Ở menu drop-down trên cùng bên phải, chọn SVG làm định dạng (Format). Sau đó kiểm tra hình ảnh xem trước, nếu mọi thứ đều ổn, hãy nhấp vào Export All.

tao svg tu png hoac jpg 6 tao svg tu png hoac jpg 6
Nhấp vào Export All

Thế là xong! Bây giờ bạn đã có phiên bản SVG của hình ảnh PNG, có thể mở rộng và với dung lượng file nhỏ hơn nhiều.

Xem thêm:

Phạm Hồng Thái

Trường THPT Phạm Hồng Thái đạt trường chuẩn Quốc gia năm 2009, Nhà trường nằm trên đường Nguyễn Văn Ngọc, phường Cống Vị, Quận Ba Đình, Thành phố Hà Nội. Với truyền thống 45 năm dạy tốt và học tốt, nhà trường đã đạt được nhiều thành tích, được Thủ tướng Chính phủ, UBND Thành phố Hà Nội, Sở Giáo dục và Đào tạo Hà Nội tặng nhiều bằng khen.

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Back to top button