[TUTO] photoshop - utilisation des masques

bonjour
un tuto aujourd'hui pour vous expliquer les masques, et un exemple d'utilisation

1-
j'ai plusieurs images rectangulaires
je veux faire plein d'images rondes avec
mais les couper une par une, c'est long et pénible

on va donc créer un générateur
un fichier psd qui servira de moule, et dans lequel on pourra couper nos images à la chaine

2-
créer un fichier carré

3-
mettre dedans 1 photo = 1 calque

4-
créer un nouveau calque

faire un cercle


plusieurs manières :
- activer le magnétisme, et faire un cercle d'un coin à l'autre
- se mettre en haut a gauche, laisser SHIFT (MAJ) enfoncé et glisser en bas à droite
- se mettre au centre, laisser SHIFT + ALT enfoncé et glisser vers l'extérieur
- créer un calque cercle vectoriel (pour ceux qui maîtrisent le vecto sous topshop, avec quelques contraintes un peu bizarres pour cette méthode)

5-
remplir le cercle d'une couleur flashi
(on peut jouer avec le masque, mais c'est trop compliqué au début, contentez vous de la base, puis approfondissez par vous même après)



6-
passez le calque cercle en dessous de la photo (cliquer glisser)


le cercle sera notre masque

7-
passez le calque photo, en "masqué" par le masque

- on place le curseur à cheval entre le calque masque et le calque photo
- on laisse appuyé sur ALT
- le curseur se transforme en une sorte de petite bite noire
- on clique gauche 1 fois


et le calque photo, se retrouve décalé avec une flèche

- on efface l'arrière plan inutile (pour avoir un tour transparent)



- on sélectionne le calque, et vous pouvez remarquer que l'on peut bouger le calque photo sans faire bouger le masque, ça permet de placer la photo exactement à l'endroit choisi






générateur :
ajoutez vos 5, 10, 15 photos en plus dans le même document, 1 photo = 1 calque
mettez les au dessus de la pile de calques
et passez les au dessus du calque précédent avec ALT comme expliqué
ensuite, enregistrez le psd
puis, 1 par 1, éteindre les calques (icone oeil), aplatir (ou fusionner les calques visibles pour préserver la transparence), enregistrer, recharger le psd (ou passer par l'historique), choisir un autre calque, etc ...
et on peut très rapidement sortir notre pile d'images rondes, toutes calées à la bonne dimension et rapidement



pour aller plus loin :
on peut aussi modifier le masque, le travailler differement, lui donner une autre forme, libre à vous de créer!

par exemple, créons un médaillon en métal

je vais dans les effets de calque (option de fusion dans la palette calques, ou double clic a droite du nom du calque)

1-
faire un contour gris


2-
copier le calque masque


3-
sur la copie, changer les paramètres d'effet de calque
se mettre en dégradé


cliquer sur le petit dégradé, ça ouvre une fenetre, et créer une alternance de noir et de blanc

valider

4-
mettre l'effet de calque avec une opacité moindre, et donner un angle au dégradé
comme ça, on voit un peu du gris de dessous, et notre masque au dessus continue a servir de masque et aplique un dégradé simulant de manière simple et rapide le métal (les experts joueront avec les incrustations de motifs)



5-
on va rajouter une petite attache au médaillon
- on active une sélection ronde que l'on place en haut du cercle
- on choisis une couleur, par exemple blanc
- sur le calque du bas, a contour gris uni, on pot de peinture dans notre petit cercle, le contour se dessine tout seul
- toujours sans tuer la sélection, on se place sur le calque masque, et on pot de peinture la sélection, on peut voir la photo apparaitre dans le 'trou'
- on se place sur le calque photo, et on suppr la matière de la photo pour créer un trou
- on "fusionner les calques visibles", et on retrouve notre médaillon, avec son contour transparent
- on resélectionne pour récupérer la sélection ronde, et on efface le trou blanc pour qu'il soit transparent (je ne l'ai pas fait sur le screenshot ci dessous)
- après on peut poser une ombre portée pour faire joli




et en jouant un peu, on peut faire un mix des différentes méthodes, pousser le truc un peu plus loin, et obtenir ce genre de chose en 5 à 6 minutes :



amusez vous bien !

Cool
merci LeZone, j'ai besoin d'une petite remise à niveau toshop, c'est le genre de tuto qui m'est bien utile.

très bon tuto Lezone. Les masques, c'est quasiment un passage obligatoire pour tout montage photo si tu veux pas y passer 12h

J'y connais pas grand chose en toshop mais ces tutos me seront certainement utile un jour ou l'autre. Merci bien !

Je vais me pencher dessus. J'ai toujours galere avec les masques. :!:

si ça peut vous servir c'est cool

et si vous avez des questions complémentaires, n'hésitez pas

leZone a écrit:
et si vous avez des questions complémentaires, n'hésitez pas

oui, deux :

leZone a écrit:
2- créer un fichier carré

C'est à dire ?

leZone a écrit:3- mettre dedans 1 photo = 1 calque

Comment ?

Une image carrée, simplement ?

Griffon a écrit:

leZone a écrit:
2- créer un fichier carré

C'est à dire ?

fichier / nouveau
largeur = hauteur

ça n'a pas vraiment d'importance en fait, c'est juste qu'un cercle rentre dans un carré

Griffon a écrit:

leZone a écrit:3- mettre dedans 1 photo = 1 calque

Comment ?

2 méthodes, je te donne la + simple :
charger la photo dans photoshop (fichier / ouvrir)
puis prendre l'outil "fleche noire" en haut à droite de la palette d'outils
cliquer sur la photo et la glisser vers le nouveau document

leZone a écrit:
2 méthodes, je te donne la + simple :
charger la photo dans photoshop (fichier / ouvrir)
puis prendre l'outil "fleche noire" en haut à droite de la palette d'outils
cliquer sur la photo et la glisser vers le nouveau document

ah ben criss, moi qui me faisait chier à couper/coller....

leZone a écrit:
générateur :
ajoutez vos 5, 10, 15 photos en plus dans le même document, 1 photo = 1 calque
mettez les au dessus de la pile de calques
et passez les au dessus du calque précédent avec ALT comme expliqué
ensuite, enregistrez le psd
puis, 1 par 1, éteindre les calques (icone oeil), aplatir (ou fusionner les calques visibles pour préserver la transparence), enregistrer, recharger le psd (ou passer par l'historique), choisir un autre calque, etc ...
et on peut très rapidement sortir notre pile d'images rondes, toutes calées à la bonne dimension et rapidement

J'en suis là, ca veut pas fonctionner, j'ai mis mes 5 images les une après les autres, mais quand j’éteins un calque j'ai toujours la meme photo, celle de départ, alors que je l’éteint en premier... et j'ai beau éteindre un par un, c'est toujours la meme image que je vois...

nouveau probleme, j'ai carrément supprimé la premiere photo, mais comme je l'avais bougé pour l'adapté au cadre, l'autre image qui est derrière n'est absolument pas cadré de la meme façon, donc disons que le générateur ne me sert à rien, il faut que je le fasse manuellement pour chaque photo.

finalement ca me prend autant de temps qu'avec Indesign, je gagne rien.. snif

les calques c'est une pile : le sol est en bas, le ciel est en haut
comme une pile de pankakes, le masque sert d'assiète, les photos sont les crêpes

ta pile doit ressembler à ça, ci dessous 3 exemples :


1- a gauche la pile complète, ici avec 5 photos, celle que l'on sauve en psd (on y voit la photo numero 5)
2- au centre : on va voir la photo numéro 1
3- a droite : on voit la photo numero 4


on ne bouge pas le masque, on bouge la photo pour la placer au bon endroit, le masque ne bouge pas
comme chaque photo est différente, bien entendu on doit placer manuellement chaque photo selon ce que l'on veut montrer/cadrer

l'intérêt de tout rassembler en 1 seul fichier est multiple :
- conserver les photos dans 1 seul document psd
- appliquer des effets au masque et possibilité d'ajouter des effets aux photos, et donc de dupliquer ces effets
- gagner du temps quand on a 15 ou 20 morceaux identiques à faire
- pouvoir changer 1 photo parmi d'autre et la re-enregistrer avec exactement les mêmes paramètres que ses copines + ses effets
- changer le cadrage d'une photo, et la re-enregistrer facilement sans avoir à tout reconstruire à chaque fois


le principe c'est de construire le psd, de l'enregistrer, ici avec 5 photos que l'on va cadrer (et appliquer des effets au besoin) avant d'enregistrer
puis de rechager le psd générateur, et :
aplatir l'image, sauver photo5
revenir dans historique avant aplatissement
éteindre oeil de calque 5
aplatir, sauver photo 4
revenir dans historique avant aplatissement
éteindre oeil de calque 4
aplatir, sauver photo 3
revenir dans historique avant aplatissement
éteindre oeil de calque 3
aplatir, sauver photo 2
....
(on peut faire à l'envers en remontant la pile, et en allumant du bas vers le haut, perso je préfère de haut en bas en éteignant)

Ca a l'air sympa tes photos d'exemple

excellent choix de photos, j'y comprends toujours rien mais ca fait plaisir de lire !

voici les photos haute def pour ceux qui veulent travailler sous photoshop ce week end
http://www.stockings-blog.com/blond-natalie-in-stockings/

bah en fait c'était mieux en petit

enorme.
Lezone ou comment faire comprendre un logiciel inbuvable.
Tu roxxx mec

J'ai un soucis pour le contour gris, je trouve pas comment changer la taille comme toi (13 pix)

là ou toi tu as ca :

leZone a écrit:
faire un contour gris

moi j'ai ca :

Il faut aussi que tu cliques sur "contour" en bas à gauche de cette fenetre

(Là où c'est deja coché)

ok merci, en effet ca a l'air con mais je n'y étais pas.

Bon ca à l'air facile tout ca avec un tuto mais c'est la merde, j'ai pas réussi à arriver au bout, y avait toujours un truc qui n'allait pas comme dans le tuto, là je me suis bien pris la tete et j'en ai marre, je ferais ca un autre jour (d'ici 15 jours peut-etre) ou je suis moins à cran, quand ca m'amuse pas ca me saoule et j'aime pas me faire chier sur un truc ou je suis censé me faire plaisir.

Photoshop c'est pas mon truc, je confirme.

Je me casse vraiment les dents sur ce truc.

soit y a un truc qui n'est pas clair, soit mon Photoshop fonctionne différemment.

J'ai essayé donc avec l'histoire de mettre plusieurs photos, afin d'automatisé le truc... mais là ou tu dit "on ajuste l'image, c'est l'image qui bouge, pas le calque", chez moi une fois la première photo faite, je passe à la deuxième et je vais pour l'ajuster mais il n'y a que le cercle qui bouge, pas la photo... pourtant c'est la photo qui est séléctionné et non le calque cercle mais ca veut pas...

ca me prend le choux grave.

ton calque actif doit être la photo, on est bien d'accord là dessus, je pense que c'est ce que tu dois faire
les calques ne doivent pas être liés non plus entre eux, sinon ils vont bouger ensemble
j'ai refais la manip sur CS2 en 3 minutes, ça marche impec

sinon, j'ai une idée sur un pb de paramétrage de ton toshop

quand tu sélectionne l'outil 'déplacement' (fleche noire en haut a droite)
tu as des options qui apparaissent sous les menus fichier/edition/image ....
il y a une coche : sélection du calque (ou sélection automatique du calque)
= ça doit être décoché, désactivé
sinon ça fait n'importe quoi, ça prend là où tu cliques et si il y a de la transparence du coup ça change le calque actif et ça fait bouger le rond

(si tu n'y arrives toujours pas, fais un screenshot complet de ton écran : 1 masque, 2 photos / puis / une fois que tu as cliqué et que ça déplace le rond au lieu de la photo)

La case est décoché...

qu'es-ce que je fais de pas bien, tiens regarde, encore une fois quand je veux bouger la photo seul le cercle bouge...