Créer une icone RSS

12.25.08

Les flux RSS sont devenus pour beaucoup, incontournables.

rssAlors 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):

Un icone RSS sans vectoriel avec The Gimp

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.

Un icone RSS sans vectoriel avec The Gimp

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

Un icone RSS sans vectoriel avec The Gimp

Remplissez cette nouvelle sélection uniquement avec de légers dégradés sur les 4 bords :

Un icone RSS sans vectoriel avec The Gimp

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 :

Un icone RSS sans vectoriel avec The Gimp
Un icone RSS sans vectoriel avec The Gimp

Transformez le chemin en sélection et supprimez ce qui se trouve à l’intérieur :

Un icone RSS sans vectoriel avec The Gimp

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.

Un icone RSS sans vectoriel avec The Gimp

Supprimez ce qui se trouve dans la sélection. Votre premier arc est créé.
Opérez à l’identique pour le second arc.

Un icone RSS sans vectoriel avec The Gimp
Un icone RSS sans vectoriel avec The Gimp

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.

Un icone RSS sans vectoriel avec The Gimp

L’image finale

Un icone RSS sans vectoriel avec The Gimp

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

Bookmark and Share
4 commentaires :
  1. aurélien

    Bonjour,
    Ce 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

  2. kloobik

    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)

  3. aurélien

    Je 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.

  4. Snikt79

    Merci 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…..
    Encore merci !!!

Laisser un commenatire