Site de tutoriaux photoshop

Flux RSS glossy

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 Outil forme personalis?e et s?lectionner la forme ci-dessous :
Logo flux rss glossy

3) En restant appuyer sur la touche SHIFT faites un cliqu? gliss? pour obtenir cette forme
Logo flux rss glossy

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.
Logo flux rss glossy

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

6) Puis r?p?tez l'op?ration de cette mani?re
Logo flux rss glossy

7) Il nous reste plus qu'? enlever le 1/4 de cercle int?rieur. Prenez l'outil suppression d'un point d'ancrage Outil plume moins et cliquez chaque point qui le compose.
Logo flux rss glossy
Logo flux rss glossy
etc...

Pour arriver ? ce r?sultat
Logo flux rss glossy

8) A pr?sent en partant de l'intersection des 2 rep?res, prenez l'outil ellipse Outil ellipse faites un cliqu? gliss? en maintenant la touche SHIFT pour arriver ? ce r?sultat.
Logo flux rss glossy

9) Maintenant on prends l'outil rectangle arrondi Outil rectangle arrondi avec en option un rayon de 10px
Calque que l'on place en dessous de ceux d?j? existant.
Logo flux rss glossy

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
Logo flux rss glossy
Logo flux rss glossy
Logo flux rss glossy

J'en profites aussi pour passer la couleur rouge du cigle en blanc. Voici o? nous en sommes
Logo flux rss glossy

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
Logo flux rss glossy

12) Prenez l'outil d?grad? 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
Logo flux rss glossy

D?slectionnez, menu s?lection -> d?selectionn? (raccourci CTRL+D)
Logo flux rss glossy

13) Prenez l'outil ellipse de s?lection Outil ellipse de s?lection et effectuer une s?lection comme ci-dessous
Logo flux rss glossy

Effacez, menu ?dition -> effacer (raccourci SUPPR)
Logo flux rss glossy

Je passe le calque en mode "lumi?re tamis?e"
Logo flux rss glossy

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
Logo flux rss glossy

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
Logo flux rss glossy

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
Logo flux rss glossy

Voil? nous avons ? pr?sent un joli logo RSS style glossy
Logo flux rss 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)
Logo flux rss glossy

Voici le r?sultat final
Logo flux rss glossy





Gagnez de l'argent facilement m�me en restant chez vous !
Sondages, tests de produits, enqu�tes consommateur, mails r�mun�r�s, cashback, publicit�s r�mun�r�es...




Tutoriaux photoshop

Les derniers tutoriaux photoshop : Webdesign

Tutoriaux photoshop : Cr�er une icone de m�dia sociaux (facebook, twitter...)Cr�er une icone de m�dia sociaux (facebook, twitter...)
Tutoriaux photoshop : Cr�er une icone glossy pour une interface webCr�er une icone glossy pour une interface web
Tutoriaux photoshop : Faire une barre de navigation, scroll barreFaire une barre de navigation, scroll barre
Tutoriaux photoshop : Cr�ation d'un boutonCr�ation d'un bouton
Tutoriaux photoshop : Faire une barre de navigation d'un site internetFaire une barre de navigation d'un site internet
SW-Conception.com - Cr�ation de site internet