Làm cách nào để chuyển đổi hình ảnh pixel trong logo vector trong Inkscape?


17

Tôi không biết liệu tôi có ở đúng nơi không, nhưng tôi muốn biết cách chuyển đổi hình ảnh pixel mà tôi đã tạo thành logo vector?

Tôi sử dụng hình ảnh này cho favicon của trang web cá nhân của tôi. Và nếu bạn có bất kỳ khuyến nghị phần mềm nào , tôi làm việc trên mac. Tôi thích sử dụng một nguồn mở.

Hình ảnh pixel


3
Bạn đang cố gắng để giữ cho giao diện pixelated, hoặc bạn đang cố gắng làm mịn nó ra?
Brendan



Vấn đề nhỏ là hình ảnh không được định hình tốt, chúng không phải là hình vuông hoàn hảo khi được phóng to.
Adam Schuld

@enamendan Tôi muốn giữ giao diện pixelated
Guillaume Vincent

Câu trả lời:


16

Inkscape

Ứng dụng đồ họa vector mạnh mẽ này là miễn phí, đa nền tảng và Nguồn mở. Nó đi kèm với một chức năng sẵn có để theo dõi đồ họa vector từ bitmap.

Đây là các bước liên quan:

  1. Tệp - Nhập ... : chọn "nhúng" bitmap.
  2. Chọn bitmap nhúng.
  3. Chọn đường dẫn -Trace Bitmap ... . Điều này sẽ mở hộp thoại sau:

    nhập mô tả hình ảnh ở đây

  4. Thực hiện các cài đặt sau để duy trì giao diện hộp vuông pixel trong Chế độ và trong tab Tùy chọn :

    nhập mô tả hình ảnh ở đây

    • Đánh dấu màu .
    • Chọn 11 Quét cho 11 màu của hình ảnh nguồn của bạn.
    • Đánh dấu vào Stack Stack để có một đối tượng trên mỗi màu xếp chồng lên nhau.
    • Bỏ chọn các góc SmoothTối ưu hóa các đường dẫn cho kết quả hộp vuông.
    • Nhấp vào Cập nhật để xem trước, OK để truy tìm bitmap.
    • Di chuyển đồ họa vector bên cạnh bitmap để so sánh kết quả (ở đây dấu vết vector được chọn nằm ở bên phải):

    nhập mô tả hình ảnh ở đây

    • Sao chép đối tượng vector vào bản vẽ mới và lưu ở định dạng tệp bạn chọn.

Ghi chú:

Hướng dẫn này sẽ không dẫn đến kết quả mong muốn của đồ họa vector pixelated khi làm việc trên một nguồn biểu tượng rất nhỏ. Để vẫn có được hiệu ứng pixelated trên theo dõi, trước tiên chúng ta phải nâng cấp biểu tượng trước khi nhập vào Inkscape.


một điều tôi tò mò về @Takkat là nếu sự bất thường tương tự có trong dấu vết của bạn như trong Illustrator. Nếu bạn nhìn vào câu trả lời của tôi, bạn sẽ thấy rằng mắt không chính xác là một đường thẳng-- nó giống với Inkscape hay Inkscape thực hiện điều này tốt hơn?
Adam Schuld

@AdamSchuld: trong Inkscape, đó là tùy chọn "tối ưu hóa đường dẫn" mà chúng ta phải hủy kích hoạt để có được các đường thẳng chứ không phải Beziers. Tuy nhiên, có thể không có góc vuông 100% (khó kiểm tra). Tôi tin rằng có một tùy chọn tương tự trong Illustrator (nhưng tôi không thể kiểm tra nó trên tất cả hệ thống Nguồn mở của mình ở đây).
Takkat

3

Tôi không thành thạo chương trình, nhưng nó có thể được thực hiện trong Inkscape. Tôi chắc chắn ai đó sẽ đến và giải thích nó trong inkscape. Một điều tôi nhận thấy khi tôi phóng to hình ảnh là có sự không chính xác với những hình vuông trong hình ảnh của bạn. Bất cứ ai tạo ra hình ảnh này đều sử dụng chiều rộng hàng xen kẽ là 7 pixel và 8 pixel, điều đó khiến nó liên quan nhiều hơn đến một quá trình khi tạo lưới cho hiệu ứng pixelated.

Cách nhanh nhất, nhanh chóng là sử dụng theo dõi hình ảnh trong Adobe Illustrator, nó chỉ mất chưa đến một phút so với quá trình tái tạo các pixel bằng cách sử dụng lưới. Tôi không chắc chắn 100% nếu theo dõi bitmap trong Inkscape sẽ mang lại kết quả tương tự.

Trong mọi trường hợp, quy trình trong Illustrator là nhập hình ảnh và sau đó sử dụng theo dõi hình ảnh với các cài đặt gần giống như hình ảnh bên dưới. Nó sẽ mang lại một hiệu ứng giống như pixel cứng nhắc. nhập mô tả hình ảnh ở đây

Hiệu ứng được phóng to. Trong hầu hết các hiệu ứng sẽ không có bất thường. Phóng to lên

Tuy nhiên, một số khu vực nhất định bạn sẽ cần sửa các đường dẫn bằng tay vì chúng hơi bị tắt. Bất thường nhẹ


cảm ơn bạn @AdamSchuld, tôi chọn giải pháp nguồn mở Takkat. Nhưng bạn trả lời có thể giúp người dùng minh họa.
Guillaume Vincent

Câu trả lời của anh ấy tốt hơn! Vui mừng tôi có thể giúp
Adam Schuld

0

Không cần sử dụng đồ họa vector khi bạn muốn có giao diện pixel-y. Bạn chỉ có thể sử dụng GIMPđể nâng cấp PNGtập tin của bạn . Đây là cách thực hiện:

  1. Mở tập tin của bạn trong GIMP
  2. Chọn Image>Scale Image
  3. Thay đổi cài đặt để mở rộng tệp của bạn lên
  4. Xuất tệp được nâng cấp của bạn dưới dạng tệp khác PNG(nhấn Ctrl+ Shift+ Ehoặc chọn File> Export)

Tuy nhiên, nếu bạn đưa biểu tượng pixel vào Blender, thì bạn sẽ phải sử dụng Inkscapephương thức này.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.