Tutoriel photoshop : Flux RSS glossy Tutoriaux photoshop > Webdesign > Tutoriel photoshop : Flux RSS glossy

1) Aujourd'hui nous allons créer un logo de flux RSS style glossy le but est toujours de le faire d'une manière à ce que ça soit le plus "vectoriel".
Pour commencer Créer un nouveau document de la taille que vous souhaitez.
2) Prenez l'outil forme personalisée et sélectionner la forme ci-dessous :


3) En restant appuyer sur la touche SHIFT faites un cliqué glissé pour obtenir cette forme


4) Nous allons découper cette forme pour n'avoir plus que l'angle haut droite de visible. Pour être à relativement droit, définissez 2 repères comme suit.


5) A présent prenez l'outil rectangle et dans les options de l'outil sélectionnez l'intersection de zone forme pour ne garder que l'élément qui nous intéresse.
Faites un cliqué glissé rapide un peu comme ci-dessous


6) Puis répétez l'opération de cette manière


7) Il nous reste plus qu'à enlever le 1/4 de cercle intérieur. Prenez l'outil suppression d'un point d'ancrage et cliquez chaque point qui le compose.


etc...

Pour arriver à ce résultat


8) A présent en partant de l'intersection des 2 repères, prenez l'outil ellipse faites un cliqué glissé en maintenant la touche SHIFT pour arriver à ce résultat.


9) Maintenant on prends l'outil rectangle arrondi avec en option un rayon de 10px
Calque que l'on place en dessous de ceux déjà existant.


10) A ce rectangle on lui applique une suite d'effet : incrustation de dégradé, lueur interne et contour. (menu calque -> style de calque)
Voici mes différents paramêtres




J'en profites aussi pour passer la couleur rouge du cigle en blanc. Voici où nous en sommes


11) Maintenant dans la fenêtre calque, cliquez sur la vignette du calque du carré en maintenant la touche CTRL enfoncée pour obtenir la sélection de ce dernier


12) Prenez l'outil dégradé je prends une couleur de blanc vers transparent et, en faisant un cliqué glissé du haut vers le bas en maintenant la touche SHIFT, j'applique un dégradé comme ci-dessous


Déslectionnez, menu sélection -> déselectionné (raccourci CTRL+D)


13) Prenez l'outil ellipse de sélection et effectuer une sélection comme ci-dessous


Effacez, menu édition -> effacer (raccourci SUPPR)


Je passe le calque en mode "lumière tamisée"


14) Pour "creuser" un peu le cigle, on sélectionner le calque de notre forme personalisée et on applique une ombre interne. Menu calque -> style de calque -> ombre interne. Et j'y applique ces paramêtres


Dans la fenêtre calque faites un clic droit sur l'effet ombre interne du cigle et faites "copier le style de calque", cliquez sur le calque du rond et faites un clic droit "coller le style de calque"
Pour obtenir ce résultat


15) A présent pour donner un peu de "relief" on applique une ombre portée au carré du fond. Menu calque -> style de calque -> ombre portée. Et on applique ces paramêtres


Voilà nous avons à présent un joli logo RSS style glossy


A vous ensuite de l'utiliser comme bon vous semble.
Histoire que ça soit pas complètement droit, j'y fais une petite rotation. Sélectionnez tous les calques dans la fenêtre calque sauf le calque arrière plan et allez dans le menu édition -> transformation -> rotation. (Raccourci CTRL+T puis clique droit -> rotation)


Voici le résultat final

Les derniers tutoriaux photoshop : Webdesign

Créer une icone de média sociaux (facebook, twitter...) Créer une icone glossy pour une interface web Faire une barre de navigation, scroll barre Création d'un bouton Faire une barre de navigation d'un site internet