Nettoyer les dessins au trait avec des bords saccadés

Donc, il y a quelque temps, j'ai créé cette icône à partir d'un jeu, mais en y repensant derrière un fond blanc au lieu d'un canal alpha, ses bords sont super saccadés à certains endroits alors qu'elle est lisse à d'autres, ce qui est probablement dû à la méthode que je utilisé pour sélectionner certaines régions avant de le remplir. J'utilisais GIMP et je me demandais s'il y avait un moyen possible de résoudre ce problème facilement (c'est-à-dire de rendre tous les bords identiques au lieu de saccadés). Peut-être des filtres de rendu ou des méthodes de sélection que je ne connais pas? J'ai googlé et youtubé mais en vain.

Mon image:

(Comme vous pouvez le voir, les objets intérieurs en forme de croissant sont saccadés ainsi que l'extérieur du cercle à gauche et à droite est saccadé)

Je dirais qu'il n'y a pas de solution rapide et sale pour les lignes saccadées, vous devez juste les recréer en utilisant des vecteurs. Ce qui m'a pris 3 minutes dans Photoshop avec effet Cercles et traits:

Je ne vais pas tout faire pour vous, mais tout ce dont vous avez besoin est de deux demi-cercles de plus et vous avez un logo basé sur une forme, qui devrait s'adapter magnifiquement à n'importe quelle taille. C'est donc 6 cercles, deux demi-cercles et un trait appliqué à certains d'entre eux. Dans votre cas, il est très simple de recréer, mais un logo détaillé prendrait beaucoup plus de temps.

Il existe différentes façons de le faire, bien que dans votre cas, je me contenterais de m'attarder et de passer un peu de temps à le faire, si vous êtes compétent avec un logiciel GD qui crée des formes, cela ne devrait même pas prendre une demi-heure et si vous n'êtes pas, c'est le bon moment pour apprendre quelques compétences réutilisables.

Aussi Save for Web & Devices..

Tracé

Dans le cas où nous ne pouvons pas facilement recréer l'original dans une application orientée vecteur, nous pouvons également tracer le bitmap vers un graphique vectoriel.

L'exemple ci-dessous a été réalisé avec Inkscape où j'ai importé le bitmap pour le tracer en 2 étapes de couleur:

Cela ne préservera pas la géométrie circulaire exacte de la source (notez les formes légèrement ondulées ci-dessus), car le traçage a été effectué avec des courbes de Bézier plutôt qu'avec des cercles ou des boîtes. De ce fait, ces traces auront toujours une taille de fichier beaucoup plus grande que les vecteurs correctement recréés.

Lissage

Une autre possibilité de réduire l'aliasing dans une image bitmap si nous ne pouvons pas utiliser un remplacement graphique vectoriel est d'appliquer un flou doux à l'image.

Ci-dessous, j'ai utilisé le filtre magique du plugin GIMP GREYC : Amélioration - Lisse (courbure moyenne) avec 8 itérations pour lisser les contours tout en gardant le canal alpha:

Il existe un moyen très simple de le faire en utilisant l'outil de sélection floue pour créer un chemin. Il y a un court exemple sur la façon de le faire dans Fixing Jagged Image Edges with Gimp .

Pour les petits projets, l'utilisation de l' outil de flou peut faire des merveilles. Bien que cela ne s'applique pas à ce projet particulier, d'autres personnes à la recherche peuvent trouver cette solution utile.