Site de tutoriaux photoshop

Créer une icone de média sociaux (facebook, twitter...)

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
icones m?dia sociaux

On applique une lueur interne. Menu calque -> style de calque -> lueur interne
icones m?dia sociaux

Voil? ce que ?a donne
icones m?dia sociaux

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

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)
icones m?dia sociaux

icones m?dia sociaux

On baisse ? pr?sent l'opacit? de l'ellipse ? 40%
icones m?dia sociaux

Et on passe le calque en mode incrustation ? la place de normal.
icones m?dia sociaux

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.
icones m?dia sociaux

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)
icones m?dia sociaux

Passez ce calque aussi en incrustation mais laissez son opacit? ? 100%
icones m?dia sociaux

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.
icones m?dia sociaux

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.
icones m?dia sociaux

A vous de jouer ! :)





Gagnez de l'argent facilement mme en restant chez vous !
Sondages, tests de produits, enqutes consommateur, mails rmunrs, cashback, publicits rmunres...




Tutoriaux photoshop

Les derniers tutoriaux photoshop : Webdesign

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 : Flux RSS glossyFlux RSS glossy
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 - Cration de site internet