Vous vous posez certainement la question : qu’est ce qu’une tranche ?
On utilise des tranches pour diviser une image source en zones fonctionnelles. Pour ne pas trop vous embrouiller, il suffit de savoir que dans notre cas ça va nous servir pour diviser notre fichier principal en petites images et de cette façon en enregistrant notre fichier source pour le Web nous allons obtenir une multitude des images avec les noms qui correspondront aux noms des tranches.
A ce stade vous devez savoir à quoi va ressembler votre bouton.
Ici on va faire les boutons rectangulaires, grisâtres, avec un léger relief et un contour bleu. Comme par hasard ils vont ressembler aux boutons de … subSilver.
Ces boutons ont une particularité : Le rectangle du bouton fait 13px de hauteur, est entouré du contour d’un pixel et une imagette dépasse de trois pixels au dessus du rectangle.
Pour faciliter la création de cette image on va utiliser de nouveau les repères :
Dans la première tranche on va donc placer quatre nouveau repères à 1px de distance des limites de la tranche, sauf en haut, ou cette distance va être de 4px. Vous pouvez zoomer pour vous faciliter la démarche.
Prenez l’outil "Forme" (U) et sur la barre d’option de l’outil choisissez :
A : calque de formes, B : Outil rectangle arrondi avec C : un rayon de 3px, D : nouveau calque, E : aucun style et F : couleur blanche.
Maintenant on va tirer notre forme en partant d’un coin à l’autre de nos repères. Pour que la forme colle aux repères et non pas aux tranches (les tranches sont prioritaires) il faut désactiver le magnétisme des tranches : Affichage => Magnétisme => décocher les tranches.
Quand vous lâcher le btn de la souris la forme va se remplir de couleur blanche.
Le premier bouton porte le nom icon_aim
Choisissez l’outil sélection de tranche (K), double cliquez sur la tranche de notre bouton et entrez ce nom dans le champ prévu à cet effet.
Maintenant, dans la palette de calques, double cliquez sur le nom "Forme 1 " et renommez en "fond_aim "
Ensuite menu "Calques " => "Style de calque " => "Biseautage – Estampage " et rentrez les valeurs suivantes :
Ensuite cochez la case "incrustation en dégradé" avec un déradé du noir vers le blanc, d’une opacité de 10%, angle de 100° et l’échelle de 100%.
Passez ensuite à l’option "Contour" avec la taille de 1px, extérieur, opacité de 100% et la couleur #005D8C.
Avant de valider par "OK" cliquez sur "nouveau style" et donnez lui le nom de subSilver. Validez.
Appuyez sur Ctrl+H pour masquer les tranches et les repères et admirez votre travail.
Réaffichez les tranches et les repères.
Refermez les options de style dans la palette des calques pour diminuer la longueur de la palette et passons à l’étape suivante
Accueil du site Forum
