Accéder aux tutoriels Voir les skins Invision Rejoignez-nous sur les forums ! Voir nos amis & partenaires Nous contacter
Apprendre !
Si vous êtes ici c'est que vous avez envie d'apprendre comment fonctionne Adobe Photoshop. Instrument extremement puissant, il permet de réaliser d'incroyables effets graphiques tout en maitrisant la création via un système de calques très efficace.
A vos tablettes graphiques ;)
 
Principale ressource du site, nos tutoriels sont le fruit de plusieurs années de travail sur divers éditeurs graphiques. Prioritairement tournés vers Adobe Photoshop, ils vous permettront de découvrir quelques trucs & astuces que vous ne connaissiez peut-être pas ....

Les mises à jour sont régulières.
L'ékipe Kloobik.com
Retour à l'accueil du site
 
 
 
       

A la demande générale, voici un petit truk pour réaliser un effet de neige sur des boutons ou autre.
Attention, c'est une méthode parmi d'autres ....

Voici donc ce à quoi nous voulons arriver.
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 ....

 
     
   
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.
     
     
   

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

     
     
Importez le bouton t_new sur cette nouvelle image par cliquer/déposer
     
     
   
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, a 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 :
 
 
   
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 :
     
     
   
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.
     
     
   
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 :
     
     
   
Activez maintenant le "biseautage et estompage" et attribuez lui les paramètres suivants :
     
     
Et voilà : votre image est enneigée :)
 
     
Retour à l'accueil du site
       
   
© kloobik.com - 2003/2004