Pixels Pirates

Si tu as la soif de l'or, tu passeras par dessus bord !


    [TUTO] photoshop - utilisation des masques

    Partagez
    avatar
    leZone
    Médecin du bord

    Messages : 8662
    Date d'inscription : 15/11/2008
    Age : 45
    Localisation : 49

    [TUTO] photoshop - utilisation des masques

    Message  leZone le Jeu 14 Oct - 13:16

    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 pig
    - 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 ! Wink
    avatar
    Antifrog
    Empaleur de Nintendogs

    Messages : 7389
    Date d'inscription : 13/11/2008
    Age : 38
    Localisation : Sur le grill

    Re: [TUTO] photoshop - utilisation des masques

    Message  Antifrog le Jeu 14 Oct - 13:50

    Cool cheers
    merci LeZone, j'ai besoin d'une petite remise à niveau toshop, c'est le genre de tuto qui m'est bien utile.
    avatar
    ced101
    Gardien de la réserve de rhum

    Messages : 5534
    Date d'inscription : 12/11/2008
    Age : 46
    Localisation : Angers ou presque

    Re: [TUTO] photoshop - utilisation des masques

    Message  ced101 le Jeu 14 Oct - 14:18

    très bon tuto Lezone. Les masques, c'est quasiment un passage obligatoire pour tout montage photo si tu veux pas y passer 12h
    avatar
    Chat-Minou
    Chat Loperie de pirate !

    Messages : 8654
    Date d'inscription : 15/11/2008
    Age : 37
    Localisation : Toulouse

    Re: [TUTO] photoshop - utilisation des masques

    Message  Chat-Minou le Jeu 14 Oct - 15:47

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

    Messages : 5354
    Date d'inscription : 15/11/2008
    Age : 42

    Re: [TUTO] photoshop - utilisation des masques

    Message  DMG le Jeu 14 Oct - 16:50

    Je vais me pencher dessus. J'ai toujours galere avec les masques. :!:
    avatar
    leZone
    Médecin du bord

    Messages : 8662
    Date d'inscription : 15/11/2008
    Age : 45
    Localisation : 49

    Re: [TUTO] photoshop - utilisation des masques

    Message  leZone le Jeu 14 Oct - 16:54

    si ça peut vous servir c'est cool Smile

    et si vous avez des questions complémentaires, n'hésitez pas Wink
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Jeu 14 Oct - 17:50

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

    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 ?
    avatar
    DMG
    Assoiffé

    Messages : 5354
    Date d'inscription : 15/11/2008
    Age : 42

    Re: [TUTO] photoshop - utilisation des masques

    Message  DMG le Jeu 14 Oct - 18:35

    Une image carrée, simplement ?
    avatar
    leZone
    Médecin du bord

    Messages : 8662
    Date d'inscription : 15/11/2008
    Age : 45
    Localisation : 49

    Re: [TUTO] photoshop - utilisation des masques

    Message  leZone le Jeu 14 Oct - 18:39

    Griffon a écrit:
    leZone a écrit:
    2- créer un fichier carré
    C'est à dire ?
    fichier / nouveau
    largeur = hauteur Wink

    ç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
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Jeu 14 Oct - 18:43

    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....
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Jeu 14 Oct - 20:02

    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...
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Jeu 14 Oct - 20:07

    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 Crying or Very sad No
    avatar
    leZone
    Médecin du bord

    Messages : 8662
    Date d'inscription : 15/11/2008
    Age : 45
    Localisation : 49

    Re: [TUTO] photoshop - utilisation des masques

    Message  leZone le Ven 15 Oct - 6:58

    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)

    avatar
    Chat-Minou
    Chat Loperie de pirate !

    Messages : 8654
    Date d'inscription : 15/11/2008
    Age : 37
    Localisation : Toulouse

    Re: [TUTO] photoshop - utilisation des masques

    Message  Chat-Minou le Ven 15 Oct - 7:45

    Ca a l'air sympa tes photos d'exemple pig
    avatar
    Reinhardt
    Erudit méditerranéen

    Messages : 4169
    Date d'inscription : 02/12/2008
    Localisation : la ou il y a toujours du soleil !!!

    Re: [TUTO] photoshop - utilisation des masques

    Message  Reinhardt le Ven 15 Oct - 14:25

    excellent choix de photos, j'y comprends toujours rien mais ca fait plaisir de lire !
    avatar
    leZone
    Médecin du bord

    Messages : 8662
    Date d'inscription : 15/11/2008
    Age : 45
    Localisation : 49

    Re: [TUTO] photoshop - utilisation des masques

    Message  leZone le Ven 15 Oct - 14:34

    voici les photos haute def pour ceux qui veulent travailler sous photoshop ce week end
    http://www.stockings-blog.com/blond-natalie-in-stockings/
    avatar
    ced101
    Gardien de la réserve de rhum

    Messages : 5534
    Date d'inscription : 12/11/2008
    Age : 46
    Localisation : Angers ou presque

    Re: [TUTO] photoshop - utilisation des masques

    Message  ced101 le Ven 15 Oct - 17:26

    bah en fait c'était mieux en petit Laughing
    avatar
    jegougou
    Perroquet du capitaine

    Messages : 4930
    Date d'inscription : 13/11/2008
    Age : 38
    Localisation : 77

    Re: [TUTO] photoshop - utilisation des masques

    Message  jegougou le Ven 15 Oct - 20:23

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


    _________________



    Kawick Touch : ça dérange comme un Madoff qui donnerait des cours d'éthique Very Happy
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Sam 16 Oct - 8:26

    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 :

    avatar
    DMG
    Assoiffé

    Messages : 5354
    Date d'inscription : 15/11/2008
    Age : 42

    Re: [TUTO] photoshop - utilisation des masques

    Message  DMG le Sam 16 Oct - 8:31

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

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

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Sam 16 Oct - 12:20

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

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Dim 17 Oct - 8:58

    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.
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Lun 18 Oct - 9:27

    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.
    avatar
    leZone
    Médecin du bord

    Messages : 8662
    Date d'inscription : 15/11/2008
    Age : 45
    Localisation : 49

    Re: [TUTO] photoshop - utilisation des masques

    Message  leZone le Lun 18 Oct - 9:48

    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)
    avatar
    griffon
    Assoiffé

    Messages : 11748
    Date d'inscription : 04/04/2010
    Age : 44
    Localisation : nulle part

    Re: [TUTO] photoshop - utilisation des masques

    Message  griffon le Lun 18 Oct - 9:58

    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...


    Contenu sponsorisé

    Re: [TUTO] photoshop - utilisation des masques

    Message  Contenu sponsorisé


      La date/heure actuelle est Jeu 18 Oct - 3:13