Jump to content
  • entries
    24
  • comments
    3
  • views
    28867

Photoshop : La duplication (1ère partie)

Sign in to follow this  
tankia

502 views

La duplication (1ère partie)

sous Photoshop CS2

Niveau de difficulté 1

La duplication est très utilisée sur photoshop tout particulièrement dans le web, on retrouve souvent des éléments répétitifs sur les interfaces graphiques de site Internet. On peut distinguer 3 aspects de duplication sous photoshop, dans ce billet je vais parler du premier qui est "la duplication d'un élément graphique à l'intérieur d'un même calque" et l'utiliser à deux fins différentes : multiplier le fond d'un bouton et agrandir le fond d'un bouton.

Pour mieux comprendre les lignes qui vont suivre, je vous invite à télécharger ce fichier psd que j'ai fait en plus des textes et des screenshots pour que vous ne soyez pas perdu.

1/ Dupliquer sur un même calque

Ouvrez le fichier bouton-dupliquer.psd dans photoshop. Le bouton forum style menu apple est visible, il est composé de 3 calques : Bg pour le fond blanc, Btn pour le fond du bouton et un calque texte pour l'intitulé du bouton forum. Cliquez sur le calque Btn pour travailler sur ce calque uniquement.

cc3b9628.png1a844d2b.png

Appuyez sur le raccourci clavier M pour activer l'outil sélection rectangulaire, et faites un cliquer-glisser pour sélectionner l'élément graphique du fond du bouton forum.

e9110e75.png

Appuyez maintenant sur le raccourci clavier V pour activer l'outil déplacement. Survolez la zone sélectionnée et vous voyez apparaître une paire de ciseaux à côté de la flèche noire du pointeur.

Appuyez et maintenez enfoncer la touche Alt de votre clavier, l'icône change, une deuxième flèche apparait mais blanche. C'est le pointeur de la duplication.

Tout en maintenant la touche Alt enfoncée, cliquez-glissez la sélection pour la dupliquer à la droite du premier bouton. Astuce pour garder alignée la duplication : maintenez la touche Alt enfoncée et la touche Maj en même temps.

db0a4a13.png

Appuyez sur le raccourci clavier Ctrl + D pour désélectionner l'élément dupliqué. Vous avez 2 fois le même fond de bouton sur l'unique calque Btn.

2/ Astuce : élargir rapidement un bouton

Ouvrez le fichier bouton-dupliquer.psd dans photoshop. Le bouton forum style menu apple est visible, il est composé de 3 calques : Bg pour le fond blanc, Btn pour le fond du bouton et un calque texte pour l'intitulé du bouton forum. Cliquez sur le calque texte forum pour travailler sur ce calque uniquement.

cc3b9628.png1a844d2b.png

Appuyez sur le raccourci clavier T pour activer l'outil texte et cliquez sur Forum pour modifier le texte du bouton. Tapez à la place : Règles du forum. Ne cherchez pas à le déplacer, je vous le confirme, ce texte ne rentre pas dans ce bouton :wacko:

Cliquez sur le calque Btn pour travailler sur ce calque uniquement.

Appuyez maintenant sur le raccourci clavier V pour activer l'outil déplacement. Survolez la zone sélectionnée et vous voyez apparaître une paire de ciseaux à côté de la flèche noire du pointeur.

Appuyez ensuite sur le raccourci clavier M pour activer l'outil sélection rectangulaire, et faites un cliquer-glisser pour sélectionner la partie droite sans le coin arrondi gauche de l'élément graphique du fond du bouton forum.

Appuyez et maintenez enfoncer la touche Alt de votre clavier, l'icône change, une deuxième flèche apparait mais blanche. C'est le pointeur de la duplication.

Tout en maintenant la touche Alt enfoncée, cliquez-glissez la sélection pour la dupliquer vers la droite et laissez chevaucher l'élément dupliqué sur l'élément d'origine. Astuce pour garder alignée la duplication : maintenez la touche Alt enfoncée et la touche Maj en même temps.

1a9d9ce6.png

Appuyez sur le raccourci clavier Ctrl + D pour désélectionner l'élément dupliqué. Vous avez agrandi le fond de ce bouton et son intitulé ne pose plus de problème :thumbsup: .

Le duplication (2ème partie) est disponible :thumbsup:

Sign in to follow this  


0 Comments


Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...