Jak przekonwertować każdy piksel obrazu rastrowego na kwadratowe obiekty w programie Illustrator?

26

Na przykład mam ikonę 10 × 10 pikseli. Chcę wyprodukować 100 kwadratów o odpowiednim kolorze i położeniu. W rzeczywistości chodzi o to, jak zrobić dokładnie mozaikę pikseli z obrazu rastrowego.

Próbowałem Live Trace, ale to spowodowało pewne zniekształcenie kwadratów.

adobe-illustrator icon pixel-art jakuniny
źródło

Odpowiedzi:

37

To jest naprawdę bardzo łatwe. Zrób wybrany skopiowany lub umieszczony (niepowiązany) obraz rastrowy, a następnie:

  • Object > Create Object Mosaic
    • Lub w starszych wersjach programu Illustrator tak było Filter > Create > Mosaic
  • Wprowadź dokładną szerokość i wysokość obrazu w pikselach w „Liczba kafelków”.
  • To jest to!

Wektorowe kwadraty pikseli zostaną zawinięte w dwie grupy, więc rozgrupuj dwa razy lub dwukrotnie kliknij dwukrotnie w tryb izolacji, aby dostać się do poszczególnych kwadratów (lub prostokątów, jeśli twój współczynnik jest wyłączony ...).

Dwa przykłady:

Szybki przykład z użyciem emotikonu Yahoo zapożyczonego z tego pytania :

wprowadź opis zdjęcia tutaj

Szczegółowy przykład z niedźwiedziami polarnymi:

http://garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/

user56reinstatemonica8
źródło
Szukałem również rozwiązania tego, wielkie dzięki! Do tej pory znalazłem tylko „po prostu użyj Flasha”.
KMSTR
Nie miałem o tym pojęcia, kiedyś ręcznie prześledziłem obraz (poświęciłem kilka godzin, aby go
naprawić
3

Bez konwersji, oto szybki sposób na odtworzenie. Nie wierzę, że jakiekolwiek śledzenie da odpowiednie wyniki.

Narysuj prostokąt wielkości całego obrazu.

Wybierz Obiekt> Ścieżka> Podziel na siatkę ...

Podziel na siatkę

Chwyć narzędzie Aktywne wiadro z farbą (w narzędziu Shape Builder w programie Illustrator CS6)

Wiadro z farbą na żywo

Zacznij klikać sekcje, aby wypełnić ....

Nadzienie

(uwaga edycji: ta odpowiedź została przeniesiona do pytania i usunięta z pierwotnego pytania. Po prostu lepiej tutaj pasuje).

Scott
źródło
Niezła metoda. Nadal używam CS3, wkrótce zaktualizuję.
yakunins
1
@utype działa to również w CS3. Jedyną różnicą jest lokalizacja narzędzia Live Paint Bucket.
Scott
Dzięki Scott, który pomógł rozwiązać inny problem, który miałem z prostokątnym narzędziem siatki, które nie tworzyło równomiernie rozmieszczonych linii podczas pracy z wieloma rzędami i kolumnami. Snap to grid załatwiło sprawę.
2

Jeśli masz dostęp do Photoshopa, istnieje dość prosty sposób:

  • zmniejsz swój obraz do pożądanej „rozdzielczości” (powiedzmy 30x30) za pomocą rozmiaru obrazu;
  • ponownie go powiększ (ponownie, powiedzmy, 600 x 600), z ustawieniem „resample image” na „najbliższym sąsiadu”;
  • skopiuj wynik do programu Illustrator;
  • LiveTrace;

Jeśli użyjesz wystarczającej liczby kolorów do śledzenia, powinno to dać kwadraty.

Vincent
źródło
-1

To narzędzie powinno dostarczyć to, czego szukasz: http://florian-berger.de/en/software/pixel2svg/

użytkownik29824
źródło
2
Witaj user29824, czy mógłbyś wyjaśnić nieco więcej, co znajdziemy za linkiem, który podałeś i dlaczego odpowiada na to pytanie? W ten sposób twoja odpowiedź jest nadal cenna na wypadek, gdyby link zerwał w późniejszym czasie. Zgnilizna linków jest głównym powodem, dla którego tak naprawdę nie lubimy odpowiedzi zawierających tylko linki. Dziękujemy za twój wysiłek i wnieś swój wkład!
Vincent