Czyszczenie grafiki liniowej z nierównymi krawędziami

14

Jakiś czas temu stworzyłem tę ikonę z gry, ale patrząc na nią za białym tłem zamiast kanału alfa, jej krawędzie są w niektórych miejscach bardzo nierówne, aw innych gładkie, co prawdopodobnie wynika z metody I służy do wybierania określonych regionów przed wypełnieniem go wiadrem. Korzystałem z GIMP i zastanawiałem się, czy jest jakiś sposób, aby to łatwo naprawić (tzn. Zrobić wszystkie krawędzie nawet zamiast niepewnych). Może jakieś filtry renderowania lub metody wyboru, o których nie wiem? Poszukałem go i opublikowałem na YouTubie, ale bezskutecznie.

Mój obraz:

http://fc05.deviantart.net/fs71/f/2013/177/7/c/seal_of_mar_by_jacedc-d695fa3.png

(Jak widać, rzeczy w kształcie półksiężyca są niepewne, a zewnętrzna część koła po lewej i prawej stronie jest niepewna)

Jacedc
źródło
3
Oznaczyłeś jako raster i podałeś, że użyłeś Gimp. Aplikacje rastrowe zawsze powodują pojawienie się niektórych pikseli na krawędziach łuków. Jeśli używasz aplikacji wektorowej, możesz uzyskać czystsze linie.
Scott
@ Scott Cóż, to ja oznaczyłem go jako raster (choć jest to wyraźnie obraz rastrowy)
Ben Brocka
Użyłem GIMP i gdzieś wzdłuż linii (bez zamierzonej gry słów) skończyło się to wyglądaniem na naprawdę chwiejny obraz rastrowy. Zastanawiałem się, czy istnieje szybkie rozwiązanie, aby zaokrąglić wszystkie krawędzie.
Jacedc
@BenBrocka - pytanie brzmi Gimp .. więc raster jest dobrym tagiem. nie jestem pewien, dlaczego został usunięty. Jacedc - pytasz jak w Gimpie ??? Jak skomentowałem, aplikacja rastrowa nie będzie oferować wielu innych rozwiązań. Nie ma przycisku „magicznego”
Scott
Aby uniknąć „nierównych” krawędzi dla przyszłych obrazów tworzonych w ten sposób: upewnij się, że wszystkie zaznaczenia są upierzone.
Michael Schumacher

Odpowiedzi:

11

Powiedziałbym, że nie ma szybkiej i brudnej poprawki dla niepewnych linii, po prostu musisz ją odtworzyć za pomocą wektorów. Poniższe zajęło mi 3 minuty w Photoshopie z efektem Kręgi i Obrys:

Przykład logo

Nie zrobię tego dla ciebie, ale wszystko czego potrzebujesz to jeszcze dwa półkola i masz logo oparte na kształcie, które powinno pięknie skalować się do dowolnego rozmiaru. To 6 kół, dwa półkola i obrys zastosowany do niektórych z nich. W twoim przypadku odtworzenie jest bardzo proste, ale szczegółowe logo zajęłoby znacznie więcej czasu.

Istnieją różne sposoby, aby to zrobić, ale w twoim przypadku po prostu powaliłbym i spędziłbym trochę czasu, robiąc to, jeśli jesteś biegły w dowolnym oprogramowaniu GD, które tworzy kształty, nie powinno to nawet potrwać pół godziny, a jeśli nie jesteś, teraz jest dobry czas, aby nauczyć się kilku umiejętności wielokrotnego użytku.

Również Save for Web & Devices..

Dom
źródło
W porządku. Tak, nie jestem tak naprawdę „biegły” w żadnym oprogramowaniu GD oprócz GIMP, które, jak sądzę, nie robi wektorów. W każdym razie dzięki za pomoc.
Jacedc
1
Photoshop ma narzędzia wektorowe, ale w rzeczywistości „nie robi wektorów”.
Scott,
1
@Dominic Tak, w Photoshopie i TYLKO w Photoshopie. Prawdziwe pliki wektorowe można skalować w dowolnym miejscu.
Scott
Co masz na myśli mówiąc „tworzy kształty”? Ma zaznaczanie prostokąta i elipsy (jak również swobodne zaznaczanie i „narzędzie ścieżek”), ale poza tym nie.
Jacedc
3
Zauważ, że Inkscape nadaje się do tego rodzaju rzeczy i jest na licencji GPL
horatio
9

Rysunek kalkowy

W przypadku, gdy nie możemy łatwo odtworzyć oryginału w aplikacji wektorowej, możemy również prześledzić mapę bitową do grafiki wektorowej.

Poniższy przykład został wykonany w Inkscape, gdzie zaimportowałem mapę bitową, aby prześledzić ją w 2 krokach kolorystycznych:

wprowadź opis zdjęcia tutaj

Nie zachowa to dokładnej okrągłej geometrii źródła (zwróć uwagę na lekko faliste kształty powyżej), ponieważ śledzenie wykonano za pomocą krzywych Beziera, a nie okręgów lub pól. Z tego powodu takie ślady zawsze będą miały znacznie większy rozmiar pliku niż odpowiednio odtworzone wektory.


Wygładzanie

Inną możliwością zmniejszenia aliasingu w mapie bitowej, jeśli nie możemy zastosować zamiany grafiki wektorowej, jest zastosowanie miękkiego rozmycia na obrazie.

Poniżej użyłem wtyczki GIMP Magiczny filtr GREYC : Ulepszenie - Gładka (średnia krzywizna) z 8 iteracjami do wygładzania konturów przy zachowaniu kanału alfa:

wprowadź opis zdjęcia tutaj

Takkat
źródło
Hmm Bardzo dobrze! Rzucę okiem na inkscape. Dzięki!
Jacedc
Ten link może być lepszy do uzyskania bieżącej wtyczki G'MIC.
EdwinW,
1

Jest to naprawdę prosty sposób, aby to zrobić, używając narzędzia wyboru rozmytego do utworzenia ścieżki. Oto krótki przykład, jak to zrobić w Naprawianie poszarpanych krawędzi obrazu za pomocą Gimp .

David Clarke
źródło
Link jest martwy.
EdwinW,
Zamieniłem link na inny, który nie jest tak szczegółowy, ale zawiera niezbędne kroki.
David Clarke
Wielkie dzięki, nie mogłem wymyślić, który byłby dobry dla tego, co pierwotnie tam było.
EdwinW,
Daj mi znać, jak sobie radzisz - mogę spróbować znaleźć lepszą opcję, jeśli ta nie działa dla Ciebie.
David Clarke
0

W przypadku mniejszych projektów użycie narzędzia do rozmycia może zdziałać cuda. Chociaż nie dotyczy to tego konkretnego projektu, inni szukający mogą uznać to rozwiązanie za celowe.

Scott Biggs
źródło