Jak przekształcić obraz pikselowy w logo wektorowe w Inkscape?


17

Nie wiem, czy jestem we właściwym miejscu, ale chciałbym wiedzieć, jak przekształcić obraz pikselowy, który zrobiłem w logo wektorowe?

Używam tego zdjęcia do ulubionych mojej osobistej strony internetowej. A jeśli masz jakieś zalecenia dotyczące oprogramowania , pracuję na komputerze Mac. Wolę używać open source.

Obraz w pikselach


3
Czy próbujesz zachować pikselowany wygląd, czy próbujesz go wygładzić?
Brendan



Nieznaczny problem polega na tym, że obraz nie jest dobrze uformowany, nie są idealnymi kwadratami po powiększeniu.
Adam Schuld

@brendan Chcę zachować pikselowany wygląd
Guillaume Vincent

Odpowiedzi:


16

Inkscape

Ta potężna aplikacja do grafiki wektorowej jest darmowa, wieloplatformowa i otwarta. Ma wbudowaną funkcję śledzenia grafiki wektorowej z map bitowych.

Są to następujące kroki:

  1. Plik - Importuj ... : wybierz opcję „osadzenia” mapy bitowej.
  2. Wybierz osadzoną mapę bitową.
  3. Wybierz ścieżkę -Trace Bitmap ... . Otworzy się następujące okno dialogowe:

    wprowadź opis zdjęcia tutaj

  4. Wprowadź następujące ustawienia, aby zachować wygląd pikselowego kwadratu w trybie i na kartach Opcje :

    wprowadź opis zdjęcia tutaj

    • Zaznacz kolory .
    • Wybierz opcję 11 Skanuj w poszukiwaniu 11 kolorów obrazu źródłowego.
    • Zaznacz Stos skanuje, aby jeden obiekt na kolor był ułożony jeden nad drugim.
    • Odznacz Gładkie rogi i Zoptymalizuj ścieżki dla wynikowych kwadratowych pól.
    • Kliknij Aktualizuj, aby wyświetlić podgląd, OK, aby śledzić mapę bitową.
    • Przesuń grafikę wektorową obok mapy bitowej, aby porównać wynik (tutaj wybrany ślad wektorowy znajduje się po prawej stronie):

    wprowadź opis zdjęcia tutaj

    • Skopiuj obiekt wektorowy do nowego rysunku i zapisz w wybranym formacie pliku.

Uwaga:

Ten przewodnik nie doprowadzi do pożądanego wyniku grafiki wektorowej pikselowej podczas pracy z bardzo małym źródłem ikon. Aby nadal uzyskać efekt pikselowania podczas śledzenia, musimy najpierw przeskalować ikonę przed importowaniem do Inkscape.


jedną rzeczą, która mnie ciekawi w @Takkat, jest to, że w twojej śladzie pojawia się ta sama nieprawidłowość, co w programie Illustrator. Jeśli spojrzysz na moją odpowiedź, zobaczysz, że oko nie jest dokładnie linią prostą - czy to samo w Inkscape, czy też Inkscape działa lepiej?
Adam Schuld,

@AdamSchuld: w Inkscape jest to opcja „optymalizuj ścieżkę” , którą musimy dezaktywować, aby uzyskać proste linie zamiast Beziers. Jednak może nie być 100% kątów prostych (trudne do przetestowania). Wierzę, że jest podobna opcja w Illustratorze (ale nie mogę przetestować jej tutaj na moim systemie Open Source).
Takkat

3

Nie jestem biegły w programie, ale można to zrobić w Inkscape. Jestem pewien, że ktoś wpadnie i wyjaśni to w inkscape. Jedną z rzeczy, które zauważyłem po powiększeniu obrazu, jest niedokładność tych kwadratów na obrazie. Ktokolwiek zrobił ten obraz, używał naprzemiennie szerokości wiersza 7 pikseli i 8 pikseli, co sprawia, że ​​jest on nieco bardziej zaangażowany w proces podczas tworzenia siatki dla efektu pikselowanego.

Niski, szybki sposób polega na użyciu śledzenia obrazu w programie Adobe Illustrator, zajmuje dosłownie mniej niż minutę w porównaniu z bardziej zaangażowanym procesem odtwarzania pikseli za pomocą siatki. Nie jestem w 100% pewien, czy śledzenie bitmap w Inkscape da taki sam wynik.

W każdym razie proces w programie Illustrator polega na zaimportowaniu obrazu, a następnie użyciu śledzenia obrazu z mniej więcej tymi samymi ustawieniami, co obraz poniżej. Daje sztywny efekt przypominający piksele. wprowadź opis zdjęcia tutaj

Efekt został powiększony. Przez większość efektu nie będzie żadnych nieprawidłowości. Zbliżony

Jednak niektóre obszary będą musiały ręcznie naprawić ścieżki, ponieważ są nieco wyłączone. Nieznaczne nieprawidłowości


dziękuję @AdamSchuld, wybrałem rozwiązanie open source Takkat. Ale odpowiedź może pomóc użytkownikom ilustratora.
Guillaume Vincent

Jego odpowiedź była lepsza! Cieszę się, że mogłem pomóc
Adam Schuld

0

Nie ma potrzeby używania grafiki wektorowej, jeśli chcesz wyglądać jak piksel. Możesz po prostu użyć GIMPdo PNGrozszerzenia pliku. Oto jak:

  1. Otwórz plik w GIMP
  2. Wybierz Image>Scale Image
  3. Zmień ustawienia, aby zwiększyć skalę pliku
  4. Wyeksportuj powiększony plik jako inny PNG(naciśnij Ctrl+ Shift+ Elub wybierz File> Export)

Jeśli jednak wytłaczasz ikonę piksela Blender, będziesz musiał użyć tej Inkscapemetody.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.