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:

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

gimp images raster

— 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

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