Tutorial · 30/09/2019
Chuyển ảnh thành vector cực đơn giản trong Illustrator
Kiều Anh30/09/2019 · 11 phút đọc · 207.768 lượt xem
Nếu bạn đang làm việc với dự án của mình trong Adobe Illustrator, nhưng hình ảnh bạn sử dụng lại là đuôi.jpg hoặc .png. Vậy có cách nào để biến chúng trở thành vector không nhỉ? Theo dõi bài viết dưới đây để chuyển ảnh thành vector chỉ trong nháy mắt nhé!
Không có Illustrator? Bạn có thể chuyển ảnh sang vector online miễn phí bằng công cụ của ColorME, xuất file SVG ngay trên trình duyệt.
Trả lời nhanh: cách chuyển ảnh thành vector trong Illustrator
Trong Illustrator, bạn chuyển ảnh JPG hoặc PNG thành vector bằng Image Trace: đặt ảnh vào file, chọn ảnh, bấm Image Trace và chọn một preset, rồi bấm Expand để kết quả thành các đường path sửa được. Muốn kiểm soát kỹ hơn số màu, độ khít của nét và vùng nhiễu, hãy mở bảng Window > Image Trace. Adobe có kiểu trace riêng cho ảnh chụp (High Color, Low Color) và cho logo, hình vẽ nét (Black and White, Outline).
Minh hoạ, không phải kết quả trace thật: ảnh JPG hoặc PNG qua Image Trace rồi Expand thành các đường path sửa được. Diều Gió Nồm là thương hiệu đặt ra cho hình. Hình do ColorME tự dựng.
Năm bước dưới đây ColorME tóm tắt ngày 15/10/2026 từ hướng dẫn Image Trace của Adobe:
| Bước | Thao tác | Ghi chú |
|---|---|---|
| 1. Đưa ảnh vào | File > Place, chọn ảnh rồi đặt lên artboard | Adobe dùng Place; mở ảnh bằng File > Open như bài gốc cũng được |
| 2. Chọn ảnh | Bấm vào ảnh bằng Selection Tool | Các tuỳ chọn trace chỉ sáng lên khi một ảnh đang được chọn |
| 3. Trace | Bấm Image Trace trên Contextual Task Bar hoặc bảng Properties | Contextual Task Bar chạy preset Default; Properties cho chọn preset |
| 4. Tinh chỉnh | Window > Image Trace: Mode, Palette, Colors, Paths, Corners, Noise | Bật Preview để xem kết quả trước |
| 5. Expand | Bấm Expand, rồi Ungroup nếu cần sửa từng mảng | Sau khi Expand không chỉnh lại thông số trace được nữa |
Năm bước trong bảng trên, mỗi thẻ ghi thao tác và ghi chú; hình nhỏ trong thẻ là sơ đồ, không phải giao diện Illustrator. Hình do ColorME tự dựng.
Các bước chuyển ảnh thành vector bằng Image Trace
Bước 1: Khởi động Adobe Illustrator, mở tệp hình ảnh .jpg hoặc .png của bạn lên
Bước 2: Nhấp vào hình ảnh, bạn sẽ thấy thanh menu trên thay đổi.
Click vào menu thả xuống bên cạnh Image Trace và chọn High Fidelity Photo hoặc Low Fidelity Photo.
Theo kinh nghiệm, tùy chọn low-fi hoạt động tốt nhất với hình ảnh JPG và PNG chất lượng rất thấp, trong khi hi-fi hoạt động tốt nhất với hình ảnh chất lượng cao và độ phân giải cao.
Ghi chú của ColorME (10/2026): Kinh nghiệm chọn preset của tác giả vẫn đúng tinh thần tài liệu Adobe. Trong bảng Image Trace, hàng biểu tượng trên cùng là sáu kiểu trace nhanh; Adobe mô tả chúng như sau (Adobe: Image Trace panel options):
| Biểu tượng | Kết quả (theo Adobe) | Hợp với |
|---|---|---|
| Auto-Color | Ảnh dạng posterize (gom thành mảng màu) từ ảnh chụp hoặc tranh | Minh hoạ nhiều màu, poster |
| High Color | Tác phẩm giống ảnh chụp, độ trung thực cao | Ảnh chất lượng tốt cần giữ nhiều chi tiết |
| Low Color | Tác phẩm giống ảnh chụp nhưng đơn giản hơn | Ảnh chụp cần gọn file, phong cách phẳng |
| Grayscale | Trace thành các sắc độ xám | Ảnh đen trắng, ảnh scan |
| Black and White | Đơn giản hoá thành hình đen trắng | Logo một màu, chữ ký, con dấu |
| Outline | Đơn giản hoá thành nét viền đen | Bản phác thảo, hình vẽ nét |
Ngoài ra ô Preset còn có các preset có tên như High Fidelity Photo, Low Fidelity Photo, 6 Colors, 16 Colors mà bài gốc nhắc tới. Ô này cho chọn giữa bộ Enhanced Presets (bản mới, tự bật sẵn Gradients, Shapes, Transparency, Auto Grouping tuỳ preset) và Legacy Presets (bản cũ, phải tự bật các mục đó), theo Adobe.
Minh hoạ ColorME vẽ, không phải kết quả trace thật: sáu kiểu trace nhanh theo mô tả của Adobe, cùng các preset có tên trong ô Preset. Hình do ColorME tự dựng.
Hình ảnh của bạn sẽ tự động trải qua quá trình Trace. Bạn sẽ thấy hình ảnh có một số sự thay đổi, nhưng nhìn chung nó vẫn sẽ giống nhau.
Bước 3: Tiếp theo, nhấp vào> [Image trace], bạn sẽ thấy hình ảnh hiển thị trông như thế nào trong vector.
Bước 4: Nhấp vào> [Expand], sau đó bạn sẽ nhận được hình ảnh vector.
Hình ảnh của bạn hiện đã được sắp xếp thành các Shape (hình dạng) màu phù hợp với hình ảnh raster ban đầu. Để điều chỉnh hợp lý hơn, bạn sẽ cần tách các nhóm màu này để chỉnh sửa chúng. Để làm như vậy, chọn hình ảnh sau khi trace và nhấp vào nút Expand trên đầu cửa sổ.
Ghi chú của ColorME (10/2026): Theo Adobe: Edit tracing results, Expand đổi kết quả trace thành các path sửa được và gom chúng thành nhóm; sau khi Expand, bạn không chỉnh lại các tuỳ chọn trace được nữa. Vì vậy hãy tinh chỉnh xong trong bảng Image Trace rồi mới Expand. Nếu trace hỏng và muốn quay về ảnh gốc, chọn kết quả rồi vào Object > Image Trace > Release (lệnh này dùng trước khi Expand). Không muốn tách nhóm, bạn có thể bấm đúp vào nhóm để vào chế độ cô lập (isolation mode) và sửa ngay bên trong.
Bước 5: Nhấp chuột phải vào hình ảnh và chọn ‘Ungroup', sau đó bạn có thể tách rời các đối tượng với nhau
Ghi chú của ColorME (10/2026): Adobe gợi ý thêm hai lệnh sau khi Ungroup: Object > Path > Simplify để bỏ bớt điểm neo thừa, giúp đường cong mượt và file nhẹ hơn; và Object > Live Paint > Make để đổi các path thành nhóm Live Paint, tô lại màu từng vùng cho nhanh (Adobe: Edit tracing results).
Các mẹo và thủ thuật hay
Bạn sẽ thấy một mũi tên nhỏ bên cạnh ‘Nút Image Trace, nhấp vào đó và bạn sẽ thấy nhiều kết quả khác nhau.
Bước 6: Các bạn có thể thấy sau khi trace, đường nét bị đứt đoạn và không rõ nét, vậy nên chúng ta sẽ cần sử dụng Pen tool để sửa đổi hình dạng của những chiếc lá.
Ghi chú của ColorME (10/2026): Pen Tool là công cụ nên thành thạo nếu bạn hay vector hoá logo, vì những chi tiết trace bị méo thường phải vẽ lại tay. Các công cụ cơ bản này có trong lộ trình học Illustrator từ cơ bản của ColorME.
Một trong những ưu điểm của vector đó là chúng ta có thể thu nhỏ hoặc phóng to kích thước của hình ảnh mà không ảnh hưởng đến chất lượng của nó.
Bạn cũng có thể sử dụng vector này trong các thiết kế in ấn của mình. Mẫu vector trên được sử dụng cho phong bao, rất ổn phải không?
Các mẹo và thủ thuật hay
- Bạn có thể điều chỉnh image trace bằng màu sắc, hình vẽ và chữ ký.
- Để có được kết quả tốt nhất, tốt hơn là sử dụng hình ảnh chất lượng cao có đường viền rõ ràng nhé.
Tinh chỉnh trong bảng Image Trace
Bảng Image Trace (Window > Image Trace) có phần cơ bản và phần Advanced. Theo Adobe, các tuỳ chọn chỉ hoạt động khi bạn đang chọn một ảnh. Bật ô Preview để thấy kết quả thay đổi theo từng thanh trượt, và dùng mục View để so kết quả với ảnh gốc.
Phần cơ bản: Mode và Palette
| Tuỳ chọn | Tác dụng (theo Adobe) |
|---|---|
| Mode: Color | Hiện thanh hoặc ô Colors để chọn số màu cho kết quả |
| Mode: Grayscale | Hiện thanh Grays để chọn lượng sắc xám |
| Mode: Black and White | Hiện thanh Threshold: điểm ảnh sáng hơn ngưỡng thành trắng, tối hơn thành đen |
| Palette: Automatic | Tự chuyển giữa bảng màu giới hạn và đủ tông; thanh Colors từ 0 (đơn giản) đến 100 (chính xác) |
| Palette: Limited | Dùng ít màu; kéo thanh Colors để giảm số màu |
| Palette: Full Tone | Dùng toàn bộ màu, cho kết quả giống ảnh chụp |
| Palette: Document Library | Dùng một nhóm màu có sẵn trong bảng Swatches, hợp khi logo phải đúng màu thương hiệu |
Phần Advanced: độ khít, góc và nhiễu
| Tuỳ chọn | Tác dụng (theo Adobe) |
|---|---|
| Paths | Độ khít giữa path và hình điểm ảnh gốc: thấp thì lỏng, cao thì khít |
| Corners | Mức ưu tiên góc nhọn: cao thì nhiều góc hơn |
| Noise | Vùng (tính bằng pixel) bị bỏ qua khi trace; cao thì ít nhiễu hơn. Adobe gợi ý 20 đến 50 cho ảnh độ phân giải cao, 1 đến 10 cho ảnh độ phân giải thấp |
| Method | Abutting: các path cắt khớp mép nhau. Overlapping: các path xếp chồng, chờm lên nhau một chút |
| Create | Fills tạo vùng tô; Strokes tạo nét viền; Gradients dò dải màu chuyển tuyến tính; Shapes nhận hình tròn, vuông, chữ nhật thành live shape |
| Options | Snap Curves To Lines nắn đường hơi cong thành thẳng; Transparency giữ nền trong suốt, không trace thành trắng; Ignore Color bỏ qua một màu |
Dòng Info ở cuối bảng cho biết số Paths, Anchors và Colors của kết quả. Nếu số Anchors (điểm neo) quá lớn, hãy tăng Noise hoặc giảm Colors trước khi Expand.
Sơ đồ, không phải ảnh chụp bảng Image Trace: mỗi thanh trượt ở mức thấp và mức cao, theo mô tả của Adobe. Hình do ColorME tự dựng.
Thiết lập gợi ý theo từng loại ảnh
Bảng dưới là điểm khởi đầu ColorME gợi ý, dựa trên mô tả từng tuỳ chọn của Adobe; mỗi ảnh vẫn cần thử và xem Preview.
| Loại ảnh | Bắt đầu với | Chỉnh thêm |
|---|---|---|
| Logo một màu, chữ ký, con dấu | Black and White | Kéo Threshold đến khi nét đủ đầy mà không dính nhau |
| Logo vài màu | Mode Color, Palette Limited | Giảm Colors đúng bằng số màu của logo; hoặc dùng Document Library với bảng màu thương hiệu |
| Hình vẽ nét, bản phác thảo | Outline hoặc Black and White | Bật Strokes nếu muốn giữ nét viền thay vì vùng tô |
| Minh hoạ phẳng nhiều màu | Auto-Color hoặc Low Color | Tăng Noise để bỏ chấm lẻ; thử Method Abutting để mảng màu khớp mép |
| Ảnh chụp | High Color | Chấp nhận file nặng; xem Info để biết số điểm neo |
Lỗi thường gặp khi trace ảnh và cách sửa
| Lỗi | Cách sửa (theo tuỳ chọn Adobe mô tả) |
|---|---|
| Nền trắng bị trace thành một mảng | Bật Transparency với ảnh nền trong suốt, hoặc dùng Ignore Color chọn màu nền |
| Quá nhiều chấm nhỏ, file nặng | Tăng Noise; giảm số Colors; sau khi Expand dùng Object > Path > Simplify |
| Góc logo bị bo tròn | Tăng Corners; bật Snap Curves To Lines với hình hình học |
| Nét bị đứt, méo | Tăng Paths để nét khít hơn; chi tiết quan trọng vẽ lại bằng Pen Tool như bước 6 |
| Muốn chỉnh lại sau khi đã Expand | Không chỉnh được nữa: Undo về trước khi Expand, hoặc đặt lại ảnh gốc và trace lại |
Sơ đồ minh hoạ các lỗi trong bảng trên và cách sửa, theo các tuỳ chọn Adobe mô tả. Hình do ColorME tự dựng.
Lưu file vector sau khi trace
Sau khi Expand và chỉnh xong, lưu bản làm việc dưới dạng file .ai để còn sửa về sau; gửi khách xem hoặc gửi in thì xuất PDF, dùng cho web thì lưu SVG. Cách chọn đúng định dạng và các tuỳ chọn khi lưu đã có trong bài file AI là gì và cách mở file AI. Nếu kết quả trace có nét viền (Strokes) và bạn gửi in, nhiều nhà in yêu cầu đổi nét thành vùng tô; cách làm ở phần Outline Stroke của bài thao tác với Stroke trong Illustrator.
Câu hỏi thường gặp
Chuyển PNG sang vector trong AI có khác JPG không?
Các bước giống nhau. Khác biệt là PNG có thể có nền trong suốt: bật Transparency trong Advanced (hoặc dùng bản Enhanced của High Fidelity Photo, Low Fidelity Photo, 6 Colors, 16 Colors) để nền không bị trace thành màu trắng.
Vì sao nút Image Trace bị mờ, không bấm được?
Image Trace chỉ chạy với ảnh điểm ảnh (raster) đang được chọn. Hãy bấm chọn đúng ảnh bằng Selection Tool. Nếu ảnh đã được trace và Expand, kết quả đã là các path vector chứ không còn là ảnh.
Vector khác ảnh JPG, PNG ở điểm nào?
Ảnh JPG, PNG được tạo từ các điểm ảnh nên phóng to sẽ vỡ; vector được tạo từ các đường path nên phóng to không giảm chất lượng, như tác giả đã minh hoạ ở trên. So sánh chi tiết có trong bài điểm khác biệt giữa ảnh vector và ảnh raster, và thuật ngữ đồ hoạ vector trong thư viện ColorME.
Minh hoạ: phóng to ảnh điểm ảnh thì thấy từng ô vuông, phóng to vector thì đường path vẫn mượt. Diều Gió Nồm là thương hiệu đặt ra cho hình. Hình do ColorME tự dựng.
Có cách chuyển ảnh thành vector online không cần Illustrator?
Có. Công cụ chuyển ảnh sang vector của ColorME chạy trên trình duyệt; trang công cụ ghi: "Chuyển PNG, JPG sang SVG miễn phí, không cần đăng nhập và không giới hạn số lượt", và nói rõ nó "nguyên lý tương tự Image Trace nhưng chạy ngay trên web, không cần cài Illustrator. Với logo cần độ chính xác tuyệt đối, bạn nên vẽ lại bằng Pen Tool."
Tạm kết,
Nếu bạn thích hướng dẫn này hoặc bạn muốn tạo ra một cái gì đó nhiều hơn thông qua Adobe Illustrator nhưng không biết bắt đầu từ đâu, bạn có thể tham gia khóa học Illustrator tại ColorME bất cứ lúc nào!
Tham khảo: Học thiết kế đồ họa online
Tác giảKiều Anh
