Créations Graphiques
 
AccueilFAQPortailGalerieRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Effet de neige sur un bouton

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


Féminin
Nombre de messages : 1141
Réputation : 0
Points : 211
Date d'inscription : 08/01/2005

MessageSujet: Effet de neige sur un bouton   Jeu 13 Jan 2005, 08:07

voici un petit truc pour réaliser un effet de neige sur des boutons ou autre. Attention, c'est une méthode parmi d'autres .... Evidement, nous partons sur un fond blanc, puisque la neige est sensée etre .. blanche ;) mais le reflet peut s'appliquer à n'importe quel fond ...


On pourrait parler du détourage et de l'export en png (puisque le gif supporte mal les effets de transparence) mais en l'occurence, le fond étant blanc, ne nous préoccupons pas du détourage

Voici exactement ce à quoi nous voulons arriver :....



Première étape

Ouvrez par exempple l'image t_new.gif du skin par défaut d'Invision Board. Vous remarquerez qu'elle est en couleurs indexées puisqu'en .gif.



Passons là en mode "couleurs RVB" de manière à pouvoir la manipuler sans contraintes.



Deuxième étape

Créeons une nouvelle image de 500*500 pixels, de manière à avoir de la place.



Importez le bouton t_new.gif sur cette nouvelle image par cliquer/déposer



Troisième étape

Nous allons maintenant créer l'effet de reflet. Pour cela, duppliquez le calque "bouton t_new" ( clic droit dans la palette des calques > duppliquer le calque). Puis, sélectionnez ce nouveau calque en faisant un CTRL+Clic gauche. Faites ensuite un clic droit dans la sélection > transformation manuelle
Vous devriez avoir ceci à l'écran :



Refaites un clic droit sur la sélection puis > Symétrie axe vertical



Validez la transformation et déselectionnez vos calques. Nous avons donc maintenant, deux images du bouton : une "normale" et une inversée. L'inversée est bien sur celle du reflet. Déplaçons là vers le bas afin de commencer à voir l'effet.



Afin de lui donner son effet réel, nous allons supprimer une partie de l'image reflet. Sélectionnez, à l'aide de l'outil sélection rectangulaire" (M), la partie basse du bouton reflet.



Faites ensuite un CTRL+ALT+D et entrez les paramètres suivants :



Validez. Faites un ou deux "suppr" ensuite : l'image se rogne avec un contour progressif ...



Pour le reflet, il ne reste plus qu'à lui attribuer une opacité de 50% via la palette des calques :




Quatrième étape

Passons à la neige sur le bouton "normal". Sélectionnez le calque correspondant dans la palette des calques et activez l'outil plume (P). Attention à ce que les paramètres de la plume soient bien les suivants :



Ceci fait, traçons les formes de la neige à l'aide d'une courbe de beziers. N'hésitez pas à zoomer si besoin est.

Nota : pour vous déplacer dans la fenetre, vous pouvez à tout moment utiliser la barre espace (en la maintenant enfoncée): la main apparait, vous permettant de déplacer l'image dans la fenetre ....

Cliquez avec la plume une première fois pour marquer le point de départ. Cliquez une seconde fois puis, sans relacher la souris, tirer sur ce deuxième point pour déformer la ligne. Lorsqu'elle a l'arrondi souhaité, relachez la souris :



De manière à pouvoir reprendre la courbe depuis le dernier point (carré noir au centre des deux points sur la droite), il faut "désactiver une des deux "poignées" qui servent à modifier la courbe. Pour faire simple, faites un ALT+Clic sur le carré, au centre de la droite. La partie droite de la ligne disparait ...



Vous pouvez maintenant cliquer plus loin pour créer un deuxieme arrondi (deuxieme bosse de neige). Repétez l'étape précédente pour désactiver la poignée (faites un ALT+Clic sur le carré, au centre de la droite. La partie droite de la ligne disparait ...) faites autant de "bosses" de neige qu'il vous semble nécessaire
Au final, l'image devrait ressembler à ça :



Toujours avec l'outil plume, faites un clic droit dans le tracé > définir une sélection



Entrez les paramètres suivants :



La forme tracée devient une sélection :



Cinquième étape

Sans déselectionner, créez un nouveau calque. Activez ce calque (de manière à ce que la sélection s'y applique) et remplissez la sélection de blanc. Désélectionnez





Sixième étape

Il ne nous reste plus qu'à donner un effet de calque à cette forma blanche de manière à lui donner un peu de volume. Une légère ombre portée ainsi qu'un estompage bleu ciel devraient suffir ... Double-cliquez sur le calque contenant la forme blanche : les options de calque apparaissent. Activez "ombre portée" et donnez lui les paramètres suivants :



Septième étape

Activez maintenant le "biseautage et estompage" et attribuez lui les paramètres suivants :



Huitième étape



voilà : votre image est enneigée :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://angels-design.forumactif.com
Cendre de lune
Admin


Féminin
Nombre de messages : 9402
Logiciel : Photoshop CS5
Réputation : 188
Points : 1771
Date d'inscription : 18/01/2005

Détails sur le membre
Logiciel principal: Photoshop
Ma disponibilité: disponible
Spécialités graphiques: Photomontage

MessageSujet: Re: Effet de neige sur un bouton   Ven 23 Oct 2009, 18:19

J'en ai un deuxième



[img][/img]




Un petit lien vers notre site sera notre meilleure récompense pour notre travail
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cendredelune.piwigo.com/ https://www.facebook.com/cendredelunecreations http://curseursgogo.free.fr/
 
Effet de neige sur un bouton
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Bouton avec effet
» effet survol bouton fb, twit....
» [Résolu] un bouton change d'état lors du passage de la souris
» Neige qui tombe sur le forum
» code script flocons de neige

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Angels Design :: A votre disposition :: Tutoriels :: Photoshop-
Sauter vers: