Recents in Beach

header ads

Image trace kỹ thuật chuyển file ảnh thành vector illustrator đỉnh cao



Chuyển file ảnh thành vector với các phần mềm như corel, illustrator, photoshop,... gọi là "image trace" là thủ thuật khá phổ biến trong công việc giới đồ họa thiết kế 2D.
Bài viết này nguoithietke.com hướng dẫn các bạn thêm kỹ thuật cao hơn, biết cách chọn lựa và 1 số mẹo rất đơn giản để đạt kết quả cao nhất, nó giúp ta chúng ta có thể trace những hình ảnh không thể thành có thể

Image trace là gì?

Trace vector với illustrator

là từ file ảnh click lệnh image trace để sang vector. Image trace dựa theo nguyên lý xử lý màu và tách ra mảng màu riêng của hình ảnh cần trace, tùy thuộc bitmap mà image trace có nhiều tùy chọn để đạt kết quả tốt nhất. chủ yếu chia ra ở 4 nhóm trace chính:

  1. Trace bức tranh bitmap thành vector
  2. Trace hình ảnh màu đơn sắc
  3. Trace hình ảnh màu trắng đen
  4. Trace hình ảnh tranh vẽ
Nào hãy xem nguoithietke thử trace 1 số file ảnh thành Vector từ đơn giản nhất cho đến phức tạp nhất.

1. Nhóm logo màu đơn sắc thực hiện trace đơn giản

Ví dụ 1: Logo Pepsi

  • Tình trạng: chất lượng file ảnh tốt
  • Yêu cầu trace vector giống bitmap


Cách làm:
  1. Giữ Pepsi bitmap làm chuẩn
  2. Coppy thêm logo mới để trace
  3. Chọn lệnh Image trace / 3 color
  4. Xóa bỏ phần dư - vẽ lại màu trắng - Kết quả

Ví dụ 2: Logo Viettel: 

  • Tình trạng: chất lượng file ảnh tốt, logo PNG có viền trắng
  • Yêu cầu trace vector giống PNG
Chuyển bitmap sang vector bằng image trace của illustrator CS6

Cách làm:
  1.  Logo Viettel bitmap làm chuẩn
  2. Coppy thêm logo mới cho nền dưới màu tối (để cách ly với màu trắng)
  3. Thanh ngang chọn Object / Rasterize.../ CMYKhoặc RBG / 300 PPI
  4. Image trace / 6 color
  5. Xóa bỏ phần dư - kết quả

Ví dụ 3: Logo có text: Không đơn giản

Khi thực hiện trace phần có chữ sẽ bị sai so với định dạng chữ, phải phối hợp thêm thao tác thủ công để có logo chuẩn
  • Tình trạng: chất lượng file ảnh tốt, nhiều chi tiết nhỏ
  • Yêu cầu trace vector giống JPG
Sai khi trace, các chi tiết nhỏ sẽ bị sai nét, cần cân chỉnh lại

Để vẽ nhanh 1 logo có chất lượng tương đối, phối hợp giữa trace vector và làm lại chữ để có logo tương đối chuẩn thời gian  nhanh

Cách làm:
  1.  Logo Viettel bitmap làm chuẩn
  2. Coppy thêm logo mới và thực hiện trace 16 color
  3. Kết quả - và chuyển qua xử lý thủ công
  4. Nhập lại Text chạy đường tròn với font Vni-Franko
  5. Làm lại viền tròn, làm sạch - Kết quả

2. Trace hoa văn - Dễ

Ví dụ 1: Trace các hoa văn đơn sắc cơ bản:

Đối với các hoa văn màu đơn sắc, để thực hiện trace thành vector mặc định, không cần tùy chọn ra kết quả mong muốn. chất lượng quyết định bởi bitmap mà chúng ta muốn trace


Ví dụ 2: Trace bitmap đơn sắc - Khó

  • Tình trạng bitmap mờ và nét nhỏ
Đây là trace ở điều kiện ảnh bị mờ, sau khi chọn phương pháp image trace tốt nhất vẫn không xử lý đúng mong muốn, để thực hiện vẽ nối thì cũng rất mất công và không đều
Do đó hãy có phương pháp là tăng độ tưởng phản cho bitmap để công cụ trace xử lý chính xác hơn

Image Bitmap 
Ảnh Bitmap trước khi trace



Trace theo cách thông thường được kết quả không theo ý muốn

Như vậy là phải qua thao tác làm rõ bức ảnh trước khi trace, để làm rõ bức ảnh bằng photoshop hoặc các cách tùy các bạn, riêng tôi thì làm rõ tại illustrator với thao tác đơn giản




Ví dụ 3: Trace hoa văn đơn sắc -  Rất khó



Ví dụ 4: Trace các hoa văn đơn sắc - Cực khó



Thêm 1 ví vụ để trace trống đồng thành vector, là điều gần như không thể, nhưng biết cách "không thể thành có thể"
Tất nhiên là no không như bản gốc vẽ vector nhưng 1 số trường hợp bắt buộc vẫn sử dụng tạm và rất tốt

Ví dụ 5: Trace city bitmap thành vector: Rất phức tạp



Kết luận: Qua các ví dụ trên chúng ta thấy công cụ Image Trace hỗ trợ chúng ta rất đắc lực, giải quyết được thời gian và đặc biệt chế tác các tác phẩm trong ngành in lựa, cắt cắt và sơn 1 màu, in ấn khổ lớn. 
Lưu ý:  
Các ví dụ dưới ko hướng dẫn vì các mẫu hình ảnh thuộc bản quyền của các trang vector tính phí. Nên nguoithietke.com tạm thời ko hướng dẫn. Để thực hiện như đã nêu các bạn hãy khám phá thêm ko khó lắm nhé.
Đối với các bạn chưa biết cách thì hãy thử trên máy tính của mình, phiên bản mình đang dùng là CS6 bình thường chứ không có cao siêu gì lắm, quan trọng là chúng ta biết cách vận dụng và vào thực tế

Nếu các bạn thấy hay hãy chia sẻ và like để có tinh thần làm các hướng dẫn tiếp theo



Bài viết cùng chủ đề

  1. Font chữ của Viettel, free download
  2. 40 Logo ngân hàng vector (logo gốc) Free download
  3. Bộ font chữ Myriad Pro Full Tiếng Việt, download free
  4. Logo các hãng hàng không vector, tải miễn phí
  5. Logo Viettel, mobi, vina vector chuẩn và mới nhất
  6. Thiết kế logo chuyên nghiệp dưới 1 triệu