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

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