Hors cadre : les bases .. ou bien « petit HC facile »

Hors cadre – sortie de cadre – HC – Out of bound – OoB tous ces mots désignent la même chose !

« Sortie de cadre » ou « Out of Bound » en anglais ….
Un effet toujours spectaculaire …. Vous l’avez déjà vu et remarqué et bien sûr vous avez envie de le réaliser ?? 

Vous voulez savoir comment on fait ???

C’est par ici …..  Et ce n’est même pas si compliqué ! ! 

Une toute première sortie de cadre :
voici un tuto facile pour en expliquer le principe et appréhender son premier HC

Préparons le terrain :
Ouvrir un document – comme d’habitude
Importer la photo : et c’est là la première difficulté – il faut choisir la photo qui se prêtera le plus facilement à cet exercice : 
il faut bien sûr sélectionner une photo où l’on peut placer un cadre et « faire sortir quelque chose » de ce cadre ….

Pour les idées et pour aider au choix des photos, voici quelques exemples :

Il y a des HC discrets, qu’on remarque à peine de prime abord :

Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design
  
Ceux carrément indispensables :
Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ceux qui donnent tout le mouvement de la page :

Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

Et un de mes préférés … mais bon ! on en est pas là … on a dit qu’on allait faire simple !
Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Pour ce premier exercice, nous allons transformer cette photo, en ceci :

Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

 

 

 

 

 

 

 

J’ai choisi cette photo parce que les perroquets semblent faciles à « détourer » : des limites bien marquées sur un fond contrasté et relativement uniforme.

J’ai donc dans mon document photoshop, un calque avec papier de fond, par dessus ma photo. Ah oui, comme toujours je fais d’abord une copie de la photo, et je la rends invisible en éteignant l’œil devant le calque.

Nous importons un cadre et le positionnons par-dessus la photo, en cadrant la partie que nous voulons garder « à l’intérieur du cadre »

Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

 Je vais déjà commencer par me créer un masque d’écrêtage pour cadrer cette partie de la photo.

 Je clique donc à l’intérieur de mon cadre avec l’outil baguette magique ( en n’oubliant pas de cocher « pixels contigus »

Je vérifie que ma sélection couvre bien tout l’intérieur du cadre, sinon je peux l’étendre par « sélection – modifier – dilater »

J’ai maintenant une sélection qui correspond bien à l’intérieur du cadre ?

Je crée un nouveau calque et sur ce nouveau calque, je remplis ma sélection par du noir  avec le pot de peinture
Je passe le calque photo au dessus de ce calque noir, et avec le calque photo en tant que calque actif, je crée mon masque d’écrêtage : CTRL + G dans PSE et CTRL+ALT+G dans photoshop
Je place correctement le calque « cadre » par-dessus ma photo écrêtée
(mais tout cela je n’ai plus besoin de l’écrire … vous savez le faire les yeux fermés  )
Voilà : j’en suis là :
Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

Bien !  Maintenant il s’agit donc s’occuper des parties que nous voulons faire dépasser du cadre : les queues des 2 perroquets, et la tête de celui de gauche

Et pour cela : il faut se dire que la technique de sortie de cadre n’est finalement qu’une « illusion d’optique »

Nous avons la partie de la photo qui « est dans le cadre » : elle est sous le cadre …..
Et là ou les parties qui vont « sortir du cadre » :elles seront tout simplement au dessus du cadre !

Commençons par la tête du perroquet :

Il va falloir « isoler la tête », la copier sur un calque à part, pour pouvoir la passer au dessus du calque « cadre photo »

Je prends la copie du calque photo que j’avais mise en réserve au début du travail, je la passe au dessus de tous les calques présents, et je rallume le petit œil devant le calque. C’est ce calque photo qui va maintenant nous servir de base pour les copies des parties manquantes.

Je vais donc sélectionner la tête : je prends  l’outil sélection rapide et fais une sélection de la tête : pour le contour du haut de la tête, je dois être très précise, puisque c’est la partie qui va dépasser du cadre, par contre pour la partie basse, cela n’a pas beaucoup d’importance, elle sera par-dessus la partie déjà existante : c’est plus clair en image –>

Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design
Voilà la sélection de la tête …. En la regardant de plus près, je vois que le tour de la tête en haut, n’est pas sélectionné si bien que cela … peut mieux faire ! ! !
Et bien nous avons un outil qui s’appelle « améliorer le contour » … c’est lui qui va nous aider ! !
En jouant avec les différentes options : lisser – contour progressif – et contracter dilater, j’améliore ma sélection.
Pour ce cas précis, j’ai mis un peu de contour progressif : cela rends les bords un peu flous et transparent pour « prendre » les bords un peu plus clairs de la tête – et je dilate aussi la sélection, justement pour prendre une partie légèrement plus grande
En appuyant sur les différents boutons de changement de fond, je peux vérifier ma sélection sur des fonds noir – rouge- ou blanc, pour voir avec précision mon espace sélectionné :
Bon, ben voilà, une fois que je suis satisfaite de ma sélection , je valide en disant « OK ».
Maintenant je copie ma « tête sélectionnée » sur un nouveau calque :
« CTRL+ C » sur la calque photo puis « CTRL+V » et cela crée un nouveau calque, en insérant directement la sélection :
(Ici, il y a quelques différences entre PSE et photoshop : Dans PSE, on se créer et affine simplement sa sélection, et on se débrouille ensuite pour copier la partie sélectionnée sur un nouveau calque. Pour Photoshop, on choisit directement dans le Popup « Améliorer le contour » comment on veut récupérer la sélection : moi je choisis toujours « Sortie sur un calque avec masque de fusion » cela me permet de retravailler encore ma sélection si je le juge nécessaire)
Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

Il ne reste qu’à «éteindre » maintenant l’œil devant  la copie de photo, pour voir apparaître : (magie magie  ! ! ) la tête « sortie de son cadre »

 Et bien voilà ! !  Vous avez fait votre toute première sortie de cadre et vous en avez compris le principe :

1. sélectionner la partie à faire dépasser –

2. la mettre sur un calque –

3. la passer AU DESSUS du cadre …

Nous allons réaliser les mêmes opérations avec les queues des perroquets !

– Les sélectionner

– Les copier sur un calque par-dessus le cadre

Je « rallume » la photo entière pour voir les queues des perroquets.

Ici, c’est un tout petit peu plus difficile de savoir quelle partie de la queue je dois sélectionner exactement, à cause de l’épaisseur du cadre. Pour m’aider je vais mettre un repère :
Je vais sur « affichage – nouveau repère »
Je choisis « horizontale » et 15 cm …
Cela me crée un trait de repère, que je peux déplacer et qui va m’aider pour « couper la queue de mes perroquets »

Je répète donc maintenant les opérations de tout à l’heure avec la tête :

Je sélectionne les parties à dupliquer et je les mets sur un nouveau calque au dessus des autres calques

Puis j’éteins le calque de duplication – lorsque j’aurai tout fini je pourrai même le supprimer

Et voilà le travail 
 
Tuto Hors cadre - HC - Out of Bound - OoB Photoshop et PSE- Clin d'oeil Design

Pour plus de réalisme, on peut ensuite encore ajouter une ombre légère sous la partie détourée, en la mettant sur son calque séparé afin d’en effacer les parties superflues et la déformer à sa guise …. mais ceci est une autre histoire, et donc un autre tuto ..

Que vous pouvez trouver en fouillant dans ce blog ….

Vous venez de réalisez votre premier hors cadre : si vous avez apprécié ce tuto … merci de me le dire avec un petit commentaire … 


 
Print Friendly, PDF & Email


6 pensées sur “Hors cadre : les bases .. ou bien « petit HC facile »

  • 23 janvier 2019 à 16 h 30 min
    Permalink

    Merci infiniment pour ce tuto. Je n\’ai encore jamais essayé de faire de hors cadre. Mais ce tuto donne envie. J\’adore particulièrement le hors cadre de la photo \ »c\’est dans ma nature\ » c\’est absolument magnifique. Pouvez-vous me dire comment vous avez fait ? J\’ai un ancien logiciel PSE 7 et studio scrap 8. Merci beaucoup.

    Répondre
    • 23 janvier 2019 à 16 h 37 min
      Permalink

      Je veux bien expliquer comment j’ai fait ce hors cadre .. mais c’est loin d’être le plus facile !
      Si tu n’en a jamais fait , il faudrait vraiment d’abord commencer par des HC plus conventionnels, histoire de te faire la main !

  • 31 juillet 2018 à 12 h 07 min
    Permalink

    Grand merci. Comme je n\’ai pas beaucoup le temps maintenant et que j\’étais curieuse de savoir, je n\’ai que lu, mais c\’est tellement bien expliqué que la prochaîne fois en suivant le tuto pas à pas, je crois que j\’y arriverai. Merci beaucoup.

    Répondre
  • 7 octobre 2017 à 15 h 59 min
    Permalink

    Bonjour,

    Merci pour ce tuto qui m\’a aidée à faire mon 1er hors cadre avec PS! J\’ai juste un peu galéré au début pour avoir la sélection de l\’intérieur du cadre sur un nouveau calque… j\’ai chipoté et j\’y suis arrivée, mais sans doute par hasard au fil de mes multiples manips dont je ne me souviens évidemment plus… hihihi.
    Même pas grave, je referai des essais et j\’y arriverai sans doute à nouveau.

    Domiscrap

    Répondre
  • 30 octobre 2016 à 15 h 38 min
    Permalink

    joli tuto et belles pages que tu as faites… bravo !!
    Dommage que je n’ai pas ce logiciel

    Répondre
  • 18 avril 2016 à 13 h 05 min
    Permalink

    ohh mais c'est génial , des fonctions que je ne connaissais pas et que je découvre grâce à ton tuto, merci beaucoup! (lady22)

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *