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ó tức là lúc bấy giờ bạn cũng hoàn toà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 thường gọi, là một đồ họa vector. những định dạng khác như PNG, GIF, JPG, BMP là đồ họa raster. Sự khác lạ ở chính giữa hai loại này là vectơ gồm có những đường chuẩn (đường path) làm cho chúng hoàn toàn có thể mở rộng được, trong những lúc raster gồm có dữ liệu px cứng, do đó không thể mở rộng. (Khi bạn thay đổi kích thước hình ảnh raster, chỉ việc ngoại suy dữ liệu px 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 dạng ảnh JPG, JPEG, GIF, PNG và SVG khác gì nhau?

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 tùy 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 phim hoạt hình, hình tượng hoặc thiết kế phẳng như hình mặt cười phía dưới thì điều đó hoàn toàn hoàn toàn có thể.

Hình mẫu
Hình mẫu

những bạn sẽ cần tạo những đường chuẩn từ hình ảnh, tô màu và chuyển đổi nó thành hình dạng trước khi hoàn toàn 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 toàn bộ vùng màu đen.

Sử dụng công cụ Quick Selection để chọn tất cả vùng màu đen
Sử dụng công cụ Quick Selection để chọn toàn bộ 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”.

Nhấp vào “New Fill Layer” và “Solid Color”
Nhấp vào “New Fill Layer” và “Solid Color”

4. Chọn màu đen.

5. lúc bấy giờ, những 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.

Bạn sẽ nhận được một layer mới với vùng màu đen
những 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 giống như với vùng màu vàng của hình mặt cười. những bạn sẽ phải làm điều này cho từng màu trên hình ảnh của tôi.

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
Lặp lại quy trình giống như với vùng màu vàng của hình mặt cười

7. Khi bạn đã sở hữu layer hình dạng cho từng 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.

Nhấp vào Export All
Nhấp vào Export All

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

Xem thêm:

  • Cách tạo hiệu ứng chữ 7 màu trong Photoshop
  • Cách tạo hệ thống lưới tùy chỉnh trong Photoshop
  • Cách tạo viền mờ trong ảnh Photoshop
  • Cách tạo bảng trong Photoshop
  • Cách thêm ghi chú trong Photoshop
Thứ Tư, 28/10/2020 08:10
51 👨 826
0 comment

Sắp xếp theo
❖
Xóa Đăng nhập để Gửi
Bài viết mới nhất
  • Xiaomi được cấp bằng sáng chế cho công nghệ camera dưới màn hình có thể xoay linh hoạt Xiaomi được cấp bằng sáng chế cho công nghệ camera dưới màn hình hoàn toàn có thể xoay linh hoạt
  • GitHub bổ sung khả năng hỗ trợ khóa bảo mật khi sử dụng Git qua SSH GitHub bổ sung khả năng hỗ trợ khóa bảo mật khi sử dụng Git qua SSH
  • Mã trường, mã ngành Đại học Công nghiệp Hà Nội 2021 Mã trường, mã ngành ĐH Công nghiệp TP Hà Nội 2021
  • Cách download và cài đặt nhanh nhiều ứng dụng cùng lúc trên máy Mac Cách download và seting nhanh nhiều ứng dụng cùng lúc trên máy Mac
  • Cách tải filter con bò hồng trên Instagram Cách tải filter con bò hồng trên Instagram
  • Động thái mới của nhóm tin tặc DarkSide sau khi làm rúng động ngành năng lượng của Mỹ Động thái mới của nhóm tin tặc DarkSide sau khi làm rúng động ngành năng lượng của Mỹ
Adobe Photoshop
  • Thiết lập Photoshop Action xử lý ảnh hàng loạt Thiết lập Photoshop Action xử lý ảnh hàng loạt
  • Tạo hiệu ứng chữ lửa cháy siêu thực bằng Photoshop Tạo hiệu ứng chữ lửa cháy siêu thực bằng Photoshop
  • Cách tạo khung ảnh hiệu ứng trên Photoshop Cách tạo khung ảnh hiệu ứng trên Photoshop
  • Tính năng Sky Replacement cực xịn xò của Photoshop, đổi cảnh bầu trời chỉ trong 1 nốt nhạc Tính năng Sky Replacement cực xịn xò của Photoshop, đổi cảnh bầu trời chỉ trong một nốt nhạc
  • Hướng dẫn sử dụng Photoshop CS5 - Phần 7: Thiết kế và trình bày với Type Character Panel Hướng dẫn sử dụng Photoshop CS5 – Phần 7: Thiết kế và trình diễn với Type Character Panel
  • Cách tạo nền sương mù đầy màu sắc trong Adobe Photoshop Cách tạo nền sương mù đầy màu sắc trong Adobe Photoshop
  • Tạo ảnh Zombie trong dịp lễ Halloween bằng Photoshop Tạo ảnh Zombie trong lượt lễ Halloween bằng Photoshop
  • Cách sử dụng Fading Tool trong Photoshop Cách sử dụng Fading Tool trong Photoshop
  • Cách xóa chữ trên ảnh bằng Photoshop Cách xóa chữ trên ảnh bằng Photoshop

Xem thêm