¤*¤ Tuto - Découper une barre de Navigation sous Photoshop ¤*¤
Voilà Azuria
J'espère que ce tuto va t'aider, en tout cas il a bien aidé les graphistes sur KG ^^
(cliquez sur les images pour les voir en grand)
Niveau = Moyen
Logiciel Utilisé pour ce tuto : Photoshop CS 2
La découpe de barre n'est pas si compliquée... à condition de trouver
le truc (et c'est moi qui vais vous le donner dans ce tuto ) et d'avoir
le compas dans l'oeil ^^
1) Faites votre barre de navigation en entière (tous les boutons) dans
un document transparent de taille 1000*200. Je fais toutes mes barres
dans un document de cette taille car c'est l'idéal pour insérer des
images sur la barre sans qu'elles ne soient trop petites. Et 1000 pour
la largeur est idéal : on se base sur un écran minimum de 1024 (désolée
pour ceux qui sont encore en 800*600) ce qui permet d'avoir la barre
sur une seule ligne et non deux ^^
2)
Passons maintenant à la découpe. Je me galérais avant en ouvrant un
deuxième document et en faisant un copier coller de chaque bouton vers
celui-ci mais j'ai découvert un truc tout bête et beaucoup plus simple.
( Merci l'outil Historique et Recadrage )
3) Utilisez l'outil "Rectangle de Sélection" et sélectionnez la zone de
votre premier bouton.
4) Direction "Image --> Recadrer". Votre zone sélectionnée apparaît
5)
Enregistrez le bouton en .gif (pas en png car Internet Explorer
n'accepte pas encore la transparence).
6) Maintenant, regardons un peu nos fenêtres de travail et jetons un
oeil sur l'outil Historique. (si cette fenêtre n'est pas là, cliquez en
haut sur "Fenêtre" puis "Historique")
--> ETAPE IMPORTANTE : cliquez sur "rectangle de sélection" dans
Historique, ce qui vous permet de revenir quelques actions en arrière !
7) Votre barre réapparaît avec la zone sélectionnée qui clignote ^^
8) Appuyez sur la touche "Supp" de votre clavier. La zone disparait !
9)
On va maintenant passer au bouton suivant : le bouton portail. Il va
falloir avoir le compas dans l'oeil !!! Si besoin est, augmentez la
taille de votre barre à 200%
Séletionnez à nouveau l'outil "Rectangle de Sélection" et sélectionnez
votre deuxième bouton.
--> ATTENTION : il ne faut pas qu'il y ait de pixel transparent à la
gauche du bouton sinon ca se verra quand vous installerez votre barre
sur votre forum !
10 ) Répétez les manipulations 4-5 et 6 et faites tous les boutons
de votre barre !
Votre barre est entièrement découpée, il ne vous reste
plus qu'à héberger les boutons et à l'installer !!!
TUTO FINI