Vous êtes perdu sur le forum ? Notre page d'accueil est là pour vous guider avec son menu rapide vers les principaux forums !
Vous ne vous souvenez plus d'une règle pour les clashs ou pour les commandes ? Notre page réunissant <a href="https://angels-design.forumactif.com/Les-regles-d-Angels-Design-h1.htm">toutes les règles du forum</a> est là pour vous aider !

Rejoignez le forum, c’est rapide et facile

Vous êtes perdu sur le forum ? Notre page d'accueil est là pour vous guider avec son menu rapide vers les principaux forums !
Vous ne vous souvenez plus d'une règle pour les clashs ou pour les commandes ? Notre page réunissant <a href="https://angels-design.forumactif.com/Les-regles-d-Angels-Design-h1.htm">toutes les règles du forum</a> est là pour vous aider !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

Aller en bas
Admin
Admin
Admin
Féminin
Nombre de messages : 1141
Réputation : 0
Points : 211
Date d'inscription : 08/01/2005
https://angels-design.forumactif.com

Effet de neige sur un bouton Empty Effet de neige sur un bouton

Jeu 13 Jan 2005, 09: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 :....

Effet de neige sur un bouton Neige027kx

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.

Effet de neige sur un bouton Neige015iy

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

Effet de neige sur un bouton Neige030wq

Deuxième étape

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

Effet de neige sur un bouton Neige045ff

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

Effet de neige sur un bouton Neige055yq

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 :

Effet de neige sur un bouton Neige067os

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

Effet de neige sur un bouton Neige073we

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.

Effet de neige sur un bouton Neige088cu

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.

Effet de neige sur un bouton Neige090ya

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

Effet de neige sur un bouton Neige0100zk

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

Effet de neige sur un bouton Neige0115fu

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


Effet de neige sur un bouton Neige0126rs

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 :

Effet de neige sur un bouton Neige0130td

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 :

Effet de neige sur un bouton Neige0145ic

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

Effet de neige sur un bouton Neige0157ag

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 :

Effet de neige sur un bouton Neige0165zx

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

Effet de neige sur un bouton Neige0177ag

Entrez les paramètres suivants :

Effet de neige sur un bouton Neige0180jm

La forme tracée devient une sélection :

Effet de neige sur un bouton Neige0196ny

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


Effet de neige sur un bouton Neige0208lp


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 :

Effet de neige sur un bouton Neige0213hi

Septième étape

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

Effet de neige sur un bouton Neige0224ou

Huitième étape

Effet de neige sur un bouton Neige0234db

voilà : votre image est enneigée :)
Cendre de Lune
Cendre de Lune
Admin
Féminin
Nombre de messages : 9402
Logiciel : Photoshop CC
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
http://cendredelune.fr/piwigohttps://www.facebook.com/cendredelunecreationshttp://teamis38.fr

Effet de neige sur un bouton Empty Re: Effet de neige sur un bouton

Ven 23 Oct 2009, 20:19
J'en ai un deuxième
Effet de neige sur un bouton Neige2
Effet de neige sur un bouton Neiget

Effet de neige sur un bouton Neigetuto[img][/img]
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum