![]() |
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)
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
Sympa tout ça Franck. 🙂
Super, j’en est pas vraiment besoin mais ça m’a inspiré pour d’autres choses.
@Astroy naturellement, c’est un exemple pour appliquer des techniques, pas forcément pour reproduire exactement ! :-p