Faire un assemblage de type patchwork photo

Dans ce tutoriel, nous allons voir une manipulation pour réaliser un assemblage sous forme d’un patchwork de photos. Voici le type d’assemblage que vous pourrez réaliser avec cet exercice:

Une fois n’est pas coutume, nous allons utiliser un autre exemple dans cet exercice. En fait, l’exemple que nous allons suivre est plus simple que la photo ci-dessous.

Pour l’exemple, nous nous contenterons de deux photos, voici ce que nous allons obtenir:

A partir de cette photo:

Dessin des cadres

On ouvre la photo avec Gimp. Dans la boite à outil, prenez l’outil de sélection rectangulaire.

Tracez une sélection qui correspondra à la taille du cadre sur le résultat final:

Créez un nouveau calque en cliquant sur le bouton « nouveau » en bas de la fenêtre des calques.

Dans la fenêtre d’options de nouveau calque, choisissez « transparent », appelez-le « cadre » et validez.

Sélectionnez le calque « cadre » que vous venez de créer puis remplissez la sélection de blanc: menu « Edition » → « Remplir avec la couleur d’AP ». Vous devriez obtenir ceci:

Réduisez la sélection: menu « sélection » → « Réduire ». Entrez la valeur que vous voulez dans la fenêtre qui apparait. Cette valeur correspond à la largeur du cadre final. Pour l’image de l’exemple, une valeur de 10px marche bien:

Une fois la sélection réduite, supprimez le contenu de la sélection (avec la touche Suppr) puis désactivez la sélection: menu « sélection » → « aucune » (ou Ctrl + Shift + A). Vous obtenez ceci:

Ombre

On va maintenant ajouter l’effet d’ombre sur le cadre.

A ce stade, vous devez avoir deux calques:

  • « Arrière-plan » qui contient la photo.
  • « Cadre » qui contient le cadre que nous venons de tracer.

Dupliquez le calque « cadre ».

Renommez la copie en « ombre » et placer le sous « cadre ».

Sélectionnez le calque « ombre » puis inverser les couleurs: menu « Couleurs » → « inverser ». Cette modification n’est pas visible car le calque « ombre » est masqué par le calque « cadre ».

Appliquez un flou sur le calque « ombre » pour donner l’impression d’ombre diffuse: menu « Filtres » → « Flou » → « Flou Gaussien ». Pour l’exemple, j’ai choisi une valeur de flou de 10px. Cette valeur est à adapter en fonction de votre photo de départ.

Validez et vous obtenez ceci:

L’ombre est visible à l’intérieur du cadre, on va l’effacer avec l’outil « gomme »:

Sélectionnez le calque « ombre » et gommez les ombres à l’intérieur du cadre.

Maintenant que l’ombre est bien dessinée, fusionnez les calques « ombre » et « cadre »: sélectionnez le calque « cadre » → clic-droit → « fusionner vers le bas ».

Vous avez maintenant deux calques:

  • Celui qui contient la photo: « arrière-plan »
  • Celui qui contient le cadre. Renommez-le en « cadre1 ».

Dupliquez le calque « cadre1 ».

Renommez la copie en « cadre2 ». Votre fenêtre de calques doit ressembler à ceci:

Pour pouvez ajouter autant de cadres que vous voulez en dupliquant encore le calque « cadre1 ».

Finalisation

Les cadres sont tracés, il faut maintenant les placer pour faire l’assemblage de photo. Déplacer les calques « cadre1 » et « cadre2 » avec les outils de déplacement et de rotation.

Voici ce que j’obtiens avec l’exemple:

Sélectionnez le calque « arrière-plan », puis avec l’outil « gomme » effacez le fond de l’image:

Toujours avec l’outil gomme, sélectionnez un des claques « cadre » puis effacez les contours qui ne doivent pas être visibles et vous devez arriver au résultat final:

Vous pouvez ajouter un fond quelconque ou enregistrer cette image telle quelle.

Conclusion

Cet effet est assez complexe à mettre en place et la difficulté augmente avec le nombre de cadres. En ajoutant plus de cadres, attention à ne pas vous perdre entre les calques.

A lire également

  • estelle

    J’adore ! Par contre peut-ton faire un patchwork de cadres de différentes tailles ?
    Merci encore

  • Antoine

    Bien sur, une fois le premier cadre fini, au lieu d’en faire une copie, il suffi de repartir du début avec une taille de cadre diffèrent.

  • MounaaaH

    J’i arrive pas a partir de la « finalisation » . Quand je déplace c toute l’imaje qui se déplace :S et ya pa de deuxieme cadre qui se forme jy comprend pu rien aiidee sVp !!

  • MounaaaH

    J(ai réssayé mais toujours pas :S

  • Mitch

    Il faut selectionner le calque à deplacer dans la fenetre des calques

  • Baub

    Hey! Merciiiii.. tuto suivi a la lettre pour rendu impeccable ^^
    Enjoy!

  • super tuto!
    rien à dire sauf que je n’est pas comprit la dernière partie où il est écrit « supprimer les cadre qui ne devrait pas être »
    enfin j’ai quand même un rendu IMPECCABLE

  • son

    Génial!

    de quoi donner vie à mes plaquettes de com’

    Merci

  • Nicky

    Super !

    encore un tuto bien clair qui, suivi à la lettre, m’a permis de fraire un montage sympa.

    Merci !!!

  • jojo

    génial! ça marche super! mon seul soucis c’est que je n’arrive pas a incérer une autre photo derrière. Comment faire?

  • Antoine

    @jojo: pour changer la photo, il faut que tu supprime ton calque « arrière plan ». Tu ajoutes la photo que tu veux en allant dans le menu « fichier » puis « ouvrir en tant que calque ». Tu aurra alors un nouveau calque avec ta photo. Tu fais glisser ce calque tout en bas de la pile et le tour est joué.

  • emmanuelle

    bonjour,

    j’ai besoin d’une petite aide pour finaliser si possible: je souhaite ajouter un fond derrière ma photo. Lorsque j’ajoute un calque avec un décor je me retrouve avec soit le décor + les cadres mais sans la photo ou les cadres et la photo mais sans mon décor!!
    pb de calques?
    merci pour l’aide et les tutos.

  • Antoine

    @emmanuelle: quand tu arrive à la fin du tuto, tu va dans le menu « fichier » → « ouvrir en tant que calque » et sélectionne ton fond. Il s’ouvrira alors dans un nouveau calque. Fais glisser ce dernier tout en bas de la pile dans la fenêtre des claques.
    Ça devrait marcher comme ça.

  • emmanuelle

    oui j’avais essayé et ça ne marchait pas.
    finalement j’ai eu mon décor sous la partie gommée de la photo en utilisant le « ajouter un canal alpha » et en gommant la partie blanche de ma photo initiale!!
    merci de la rapidité de la réponse en tout cas

  • Antoine

    OK, je viens de comprendre ton problème. Effectivement il faut ajouter un canal alpha sur le calque « arrière-plan » avant de d’utiliser la gomme. Au lieu du blanc, on se retrouve avec un fond transparent. Je vais essayer de corriger le tuto.

  • lyse

    ça m’a l’air génial, et avec photoshop comment fait-on ?
    merci

  • Antoine

    @lyse: pour photoshop, il suffit de chercher un tuto pour faire la même chose 🙂

  • gulsun

    bonjour, moi ma question est comment rendre une photo au niveau du contour un effet estompé, c’est pour appliquer dans les photos de bébé je ne sais pas si je me suis fais comprendre 😉
    Bien à vous.

  • Super cet effet pacht, j’adore. Mais au lieu d’utiliser un flou gaussien pour l’ombre pourquoi pas utiliser un flou cinétique tout en inversant la sélection interne du cadre… On pourrait avoir une ombre portée plus réaliste, non !?! Et au pire ajouter le gaussien après, histoire que le cinétique ne soit pas trop linéaire… ça éviterait aussi la fastidieuse tache de gommer l’intérieur du cadre et l’ombre serait plus réaliste…

  • Mitch

    Le flou cinétique ne t’empêche pas de faire la partie gommage de la fin. Pour avoir une ombre plus réaliste, il est possible de la déporter (de la décaler dans un coin de l’image).

  • Oui, mais si on inverse la sélection centrale… Le filtre ne s’y appliquera pas…

  • Alex70

    Merci pour ce tuto.
    Mais je n’ai pas compris l’interet de la 1° selection, ni le lien avec le cadre…

    Merci.

  • Alex70

    Pour finir j’ai compris et réussi.
    Pour ma part, j’ai laissé le fond, mais en le passant en Noir et Blanc, ca donne un résultat sympa.

    Encore Merci pour ce tuto.

  • Arthur

    Le fond en noir et blanc, j’ai testé et ça rend vraiment pas mal.

  • toudis

    J’ai le même soucis que MounaH … Quand je veut déplacer le cadre, Ils sélectionnent automatiquement l’arrière plan, et du coup je ne peut le déplacer …
    Il n’y a que l’arrière plan qui se déplace, j’explique mal, j’espère que tu aura compris et que tu connais la solution car je suis bloquée =/

  • Antoine

    @Toudis: dans les options de l’outil de déplacement de calque, choisit « déplacer le calque actif » puis sélectionne ton calque à déplacer dans la fenêtre des calques. Ensuite ça devrait marcher.

  • toudis

    Merci beaucoup pour ta réponse rapide, j’essaie ça, et pars la même occasion, je te donnerais le résultat =p

  • toudis

    Une toute dernière questions, c’est bon pour les cadres, en revanche quand je gomme, j’aimerais que le fond soit transparent, et quand je gomme, le fond est blanc … Une solution ? (:
    Merci d’avance …

  • Scrapidoo

    Merci. Ce tutoriel est très bien fait.

  • J’adore, merci beaucoup 🙂

    ça m’a permis de faire une bannière que je ne savais pas comment améliorer que je trouve magnifique désormais 😉

    Continuez comme ça 🙂

  • etivalo

    Bonjour,
    Super tuto mais étant débutant, pourrait-on me dire comment ajouter un fond de couleur plutôt que le blanc du tuto…
    Merci de me répondre

  • gg

    bonjour,
    votre tuto et pas mal du tous,mes peut t’on s’avoir comment ajouter un fond d’une autre couleur que le blanc.
    mercide me repondre

  • gg

    SUPER J’AI TROUVER J’AVAIT OUBLIER D’AJOUTER UN CANAL ALPHA SUR PHOTO ARRIER PLAN.
    MERCI POUR LE TUTO