Tutoriel photoshop : Créer une icone de média sociaux (facebook, twitter...) Tutoriaux photoshop > Webdesign > Tutoriel photoshop : Créer une icone de média sociaux (facebook, twitter...)

Aujourd'hui nous allons voir comment cr?er facilement des icones de m?dia sociaux ou autre, ? int?grer sur un site internet.
En fait on va essayer de cr?er une sorte de base pour que l'on ait le moins de chose ? refaire et que le style se duplique facilement.
Donc pour commencer je pars sur un fond noir et on va essayer de cr?er l'icone netvibes. (Vous verrez apr?s que pour les icones facebook ou twitter... ?a ira tout seul)
On prend l'outil rectangle angle arrondi avec un rayon de 10px (dans la barre d'option de l'outil) et une couleur verte


On applique une lueur interne. Menu calque -> style de calque -> lueur interne


Voil? ce que ?a donne


Maintenant on va faire un reflet. Prend l'outil ellipse couleur blanc et on en dessine une par dessus.


Dans la fen?tre calque tout en appuyant sur la touche ALT, allez entre le calque de l'ellipse et la forme du bouton cliquez pour cr?er un ?cr?tage de cette mani?re.
Sinon s?lectionnez les calques dans la fen?tre calques et aller dans le menu calque et cliquez sur cr?er un masque d'?cr?tage. (raccourci CTRL+ALT+G)




On baisse ? pr?sent l'opacit? de l'ellipse ? 40%


Et on passe le calque en mode incrustation ? la place de normal.


A pr?sent dans la fen?tre calque, tout en appuyant sur la touche CTRL cliquez sur la vignette du calque du fond du bouton pour s?lectionner son contour.


Prenez l'outil d?grad? et choisissez un d?grad? de noir vers transparent et effectuez un d?grad? de bas en haut. (Appuyez sur la touche SHIFT pour avoir un magn?tisme et tir? un d?grad? bien droit)


Passez ce calque aussi en incrustation mais laissez son opacit? ? 100%


Il nous reste plus qu'? rajouter le symbole voulu, l? un +. et de le placer entre le calque de l'ombre et le calque du reflet.


A pr?sent pour en faire d'autre vous n'aurez qu'? changer la couleur de fond de l'icone et bien entendu le logo pour en cr?er sur la m?me base.
Voici des exemples que l'on peut obtenir avec facebook, twitter, flux RSS, blogger, flickr & co.


A vous de jouer ! :)





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

Les derniers tutoriaux photoshop : Webdesign

Créer une icone glossy pour une interface web Faire une barre de navigation, scroll barre Flux RSS glossy Création d'un bouton Faire une barre de navigation d'un site internet