Créer une icone RSS
Les flux RSS sont devenus pour beaucoup, incontournables.
Alors que les heureux possesseurs de sites webs se rassurent : il est tout à fait possible de créer son propre icone de flux avec The Gimp
Nous n’allons pas travailler en vectoriel mais qu’importe finalement pour un usage sur internet ? J’ai choisi de le créer dans sa couleurs originale mais rien ne vous interdit d’en faire à vos couleurs.
Allez, hop ! Au boulot !.
Préparons le fond
Commencer par créer une image de forme plus ou moins carrée. A l’image de base ajouter un calque en transparence. Validez la création de ce nouveau calque et positionnez-vous dessus.
Nous allons maintenant créer la forme générique de l’icone. Pour cela, sélectionnez l’outil de sélection rectangulaire (R)
Cochez la case « Coins arrondis » et entrez un rayon de 20 pixels (comme déjà vu ici):
![]()
Sélectionnez l’outil de sélection rectangulaire (R) et tracez une forme carrée aux bords arrondis
Le choix des couleurs
Les couleurs originales sont dans les tons orangés.
Choisissez celle qui vous convient. Remplissez la forme avec un dégradé de la couleur de premier plan vers celle du second plan.
![]()
Créez un second calque sans rien désélectionner.
Faites un clic-droit dans la sélection et choisissez > Sélection > Réduire
Appliquer un rayon de 20 pixels
![]()
Remplissez cette nouvelle sélection uniquement avec de légers dégradés sur les 4 bords :
![]()
Un reflet web 2.0
Créez un nouveau calque.
Comme vous avez gardé la sélection précédente, remplissez cette dernière d’un dégradé de blanc vers transparent.
Vous pouvez désélectionner. Maintenant, prennez l’outil Courbes de Bézier (ou l’outil chemon (B)) et tracez une forme comme suit :
![]()
![]()
Transformez le chemin en sélection et supprimez ce qui se trouve à l’intérieur :
![]()
Les symboles RSS
Attaquons-nous maintenant aux symboles du RSS. Créez un nouveau calque. Tracez une forme ronde et remplissez-la de blanc. Toujours sans désélectionner, faites un clic droit > Sélection > Réduire et laissez un rayon de 20 pixels.
![]()
Supprimez ce qui se trouve dans la sélection. Votre premier arc est créé.
Opérez à l’identique pour le second arc.
![]()
![]()
Le point final
Pour tracer le rond du bas du logo, rien de plus simple. Prennez l’outil Sélection Elliptique, tracez un rond parfait et remplissez-le de blanc. Positionnez-le correctement si besoin.
![]()
L’image finale
![]()
Le fichier source
Télécharger le fichier source (format .xcf)
Vous souhaitez diffuser ce didacticiel ?
Ce didacticiel est sous licence Creativ Commons
Vous êtes libres de reproduire, distribuer et communiquer cette création au public, de modifier et d’utiliser cette création à des fins commerciales en citant le nom de l’auteur original (kloobik.org).
Si vous modifiez, transformez ou adaptez cette création, vous n’avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci. Pour toute question concernant la diffusion de ce didacticiel : info@kloobik.com
Bonjour,
04.20.09 on 19:02Ce tutoriel est très intéressant mais en revanche, je ne comprend pas comment est réalisée l’étape où il faut : « Remplissez cette nouvelle sélection uniquement avec de légers dégradés sur les 4 bords ». Que signifie « légers dégradés »? comment effectuer le dégradé uniquement sur les bords?
Merci pour votre aide
Bonjour,
Il vous suffit de faire 4 dégradés sur le meme calque mais en les faisant partir des bords vers l’intérieur, sans qu’ils soient trop longs (donc légers)
04.20.09 on 20:23Je dois vraiment être nul. Lorsque j’effectue un dégradé sur une petite distance, le dégradé est appliqué sur toute la sélection. Du coup les dégradés se superposé et seul le dernier effectué est visible.
04.21.09 on 17:56Merci pour ce tutoriel… plus j’en fais, plus j’apprend ! J’ai un peu adapter a ma facon pour certaines choses( le point final effectue avec la brosse au lieu d’une selection eliptique…) mais tant que le resultat est le meme…..
01.15.10 on 17:15Encore merci !!!