Comment créer une icône RSS en combinant différents effets de dessins et d’éclairage en jouant sur les transparences. (Cliquer sur les images pour les afficher en grand)

Etape 1 :
– créer un nouveau document (600 x 600 pixels),
– créer un nouveau calque « Fond jaune ».
– remplir avec un dégradé de couleur #ebda7c à #fcecbe

Etape 2 :
– créer un nouveau calque « éclairage arrière plan »,
– sélectionner l’outil dégradé radial avec un dégradé du blanc au transparent
   (voir réglages dégradé à la fin de l’article),
– tracer un « cercle » dégradé en traçant une ligne du haut au tiers de la hauteur, au milieu en largeur,
– changer l’opacité du calque à 50% et le mode de fusion à « Incrustation » :
Cela rajoute un effet de halo lumineux en haut de notre image :

Etape 3 :
– créer un nouveau calque « ombres arrière-plan »,
– sélectionner l’outil pinceau (diamètre 100 pixels – dureté 0% – couleur #b28b19 ),
– peindre quelques formes aléatoires avec le pinceau :

– choisir le menu « Filtres » –> « Atténuation » –> « Flou gaussien » : rayon de 50 pixels,

– réduire l’opacité du calque à 30% :

Etape 4 :
– afficher les règles en pixels et créer des repères horizontaux et verticaux à 100 et 500 pixels,
– créer un nouveau calque « Forme icône RSS »,
– sélectionner l’outil « rectangle arrondi » à l’intérieur des 4 repères avec un rayon de 20 pixels
   la couleur n’a pas trop d’importance, à ce niveau :

Etape 5 :
– on peut masquer les repères [Ctrl][:],
– appliquer les réglages utilisés dans les images ci-dessous :

Etape 6 :
– créer un calque « éclairage diagonal »,
– sélectionner l’outil dégradé linéaire avec un dégradé du transparent au blanc puis au transparent
   (voir réglages dégradé à la fin de l’article),
– tracer le dégradé grâce à une petite ligne proche du centre
   de direction haut à gauche vers bas à droite :

– appliquer un flou gaussien de 50 pixels
   (comme il a déjà été utilisé, il apparaît en tête du menu « Filtres »),
– changer le mode de fusion du calque à « Incrustation »,
– pour supprimer la partie de l’effet qui dépasse de notre forme :
      * revenir sur le calque « forme icône rss »,
      * menu « Sélection » –> « Récupérer la sélection » –> « Nouvelle sélection »,
      * menu « Sélection » –> « Modifier » –> « Dilater » : 10,
      * menu « Sélection » –> « Intervertir »,
      * revenir sur le calque « éclairage diagonal » et appuyer sur [Suppr] :

Pour réutiliser cette sélection, on peut mémoriser cette sélection :
– se placer sur le calque « forme icône rss »,
– menu « Sélection » –> « Mémoriser la sélection ».

Etape 7 :
– créer un noueau calque « cercle dégradé »,
– sélectionner l’outil ellipse et tracer un ovale sur la moitié supérieure de la forme,
– remplir cette ellipse avec un dégradé du blanc au transparent :
   (voir réglages dégradé à la fin de l’article)

– changer le mode de fusion du calque à « Incrustation » et l’opacité à 15%,
– pour supprimer tout ce qui dépasse de la forme, récupérer la sélection mémorisée à l’étape 6 et appuyer sur [Suppr] :

Etape 8 :
– créer un nouveau calque « ombres des coins »,
– sélectionner l’outil pinceau (diamète 100 pixels – dureté 0% – couleur noir),
– peindre les 4 coins de la forme :

– appliquer le filtre « flou gaussien » à 50%,
– changer le mode de fusion du calque à « Incrustation » et l’opacité à 50%,
– pour supprimer tout ce qui dépasse de la forme, récupérer la sélection mémorisée à l’étape 6 et appuyer sur [Suppr] :

Etape 9 :
– créer un nouveau calque « haut et bas »,
– sélectionner l’outil pinceau (mêmes réglages – couleur blanc pour le haut, noir pour le bas),
– peindre une zone qui couvre le haut de la forme en blanc,
– peindre une zone qui couvre le bas de la forme en noir :

– pour supprimer tout ce qui dépasse de la forme, récupérer la sélection mémorisée à l’étape 6 et appuyer sur [Suppr] :

– changer l’opacité du calque à 10% :

Etape 10 :
– créer un nouveau calque « reflet brillant »,
– sélectionner l’outil dégradé radial du blanc au transparent
   (voir réglages dégradé à la fin de l’article),
– tracer une « tâche » blanche proche du coin supérieur gauche :

– changer le mode de fusion du calque à « Incrustation » et l’opacité à 35% :

Etape 11 :
– créer un nouveau calque « forme RSS »,
– sélectionner l’outil ellipse,
– tracer un cercle du coin inférieur gauche à la diagonale de la forme en maintenant la touche [Maj]
   (le maintient de la touche [Maj] permet de tracer un cercle parfait),
– utiliser cette forme pour faire une sélection,
– remplir cette portion de cercle de blanc :

– menu « Sélection » –> « Modifier » –>  » Contracter » : 30 pixels,
– appuyer sur [Suppr],
– utiliser l’outil de sélection rectangulaire et [Suppr] pour couper les extrémités de l’arc de cercle :

Etape 12 :
– dupliquer le calque « forme RSS »,
– le déplacer et couper la deuxième forme pour l’aligner sur la première :

– créer un 3ème calque « forme RSS »,
– sélectionner l’outil ellipse et créer un cercle blanc parfait (touche [Maj]) dans le coin inférieur gauche,
– fusionner ces 3 calques « forme RSS » :

Etape 13 :
– redimensionner la forme RSS : « Edition » –> « Transformation » –> « Homothétie » + touche [Maj]
   (le maintient de la touche [Maj] permet de conserver les proportions),
– vérifier le bon positionnement de la forme RSS :

Etape 14 :
– régler le style de calque avec les options ci-dessous :


L’effet obtenu sur la forme RSS uniquement apparaît ci-dessous :

Etape 15 :
– sélectionner à nouveau le calque « forme icône rss » ; carré à coins arrondis,
– modifier le style de calque –> « Lueur interne » –> « Eléments » –> « Taille » : 16 pixels :

Et voilà le résultat final de ce tutorial :

Trouvé ici, traduit et adapté.

---

Détails outil dégradé :

Modification du dégradé par un double-clic sur la zone « modification du dégradé ».
(Cliquer sur les images pour les agrandir)

 

Dégradé 2 couleurs

Dégradé 3 couleurs

Un double clic sur le carré de sélection de couleur ouvre la palette de réglage de couleur.

 

Retour étape 2

Retour étape 6

Retour étape 7

Retour étape 10

---

 

Articles qui pourraient vous intéresser :

• Photoshop ou Lightroom : galerie de photos
• Photoshop : adoucir la peau sans perdre la texture
• Photoshop : remplacement de la couleur dans une image
• Un simulateur d’appareil photo
• InDesign : Mettre en page un document
• Photoshop : évolution darwinienne
• Flash : ondulation de drapeau
• 20 ans de Photoshop en une image
• Photoshop : faire des petits gâteaux
• Illustrator : vectorisation dynamique