Outils

Créer Icon ou Bouton web 2.0 ou "effet bulle" avec Photoshop




Voici les éléments dont vous aurez besoin, cliquez sur la couleur correspondante dans le menu fenêtre.

Barre d'outils: bleu clair, Barre des options: bleu, Historique: rouge, Navigation: orange, Couleur: violet, Calques: vert.




Résultat.

Outils

Ellipse
pinceau
aplatir image
texte
dupliquer calque
déformation
recadrage

Notions

nouveau document
options de fusion
homothétie
ordre calques
désaturation
effet calque




1) Créer un nouveau document de nom "Icone" et de taille 175x175 pixels.

Aide: Fichier/Nouveau.


2) Avec l'outil ellipse, faire un cercle "Parfait" rempli de bleu.

Aide: Pour changer la couleur de remplissage vous pouvez cliquer sur la couleur que vous souhaitez en bas de la barre d'outils, mais aussi en dessous de la barre des menus.


Info: Pour faire un cercle parfait vous pouvez appuyer la touche "shift" quand vous tracez votre cercle ou en haut en cliquant comme sur l'image sur "Cercle"


3) Cliquer droit "options de fusion".Icruster un dégradé

Aide: Dans la fenêtre des calques cliquer droit "options de fusion", choisir "incrustation en degradé" avec trois couleurs comme sur l'image


Info: Vous pouvez tester les différentes options, le résultat est immédiatement visible.

4)Maintenant choisir "Contour" et ajouter un contour bleu clair.

Aide: Couleur: bleu clair et 2px d'épaisseur.





5)Ajouter une lueur interne blanche.

Aide: double clique sur la case couleur pour choisir celle ci , réduire l'opacité à 30%.


6)Tracer un autre cercle blanc cette fois ci.

Aide: avec l'outil ellipse et en séléctionnant la case "libre" si vous aviez coché celle de "cercle" auparavant. Info: Ce cercle blanc va nous donner un effet de reflet trés "web 2.0".

7)Créer un dégradé en mode masque.

Aide: Sélectionnez l'outil "dégradé" et cliquez sur l'icone masque en bas de la bare des outils.


8)Résultat du dégradé en mode masque.

9)Enlever le mode masque et supprimer la séléction.

Aide: Recliquez sur l'icone du mode masque pour le desacliver.puis appuillez sur la touche "back" du clavier (touche avec une fleche pointant vers la gauche). pour supprimer la séléction.


10)Baissez l'opacité du cercle blanc si vous voulez.

11) Résultat avec un texte en plus.

quelque variante sont possible personnalisez votre icone comme vous le voudrez.




























Haut de page

Copyright - News - Contact - Téléchargements- Plan du site







Copyright 2008 www.TutorAS.fr