Décomposer une Image en Morceaux de Puzzle dans Photoshop

Les puzzles sont symboliques pour beaucoup de choses: un assemblage de parties abstraites en un tout cohérent, la résolution de problèmes complexes et la combinaison de composants parfaitement adaptés. Ces contextes et connotations peuvent être très demandés par les concepteurs, donc avoir des puzzles comme technique visuelle peut être inestimable. Dans ce tutoriel, nous allons transformer une photo en un puzzle amusant. Nous allons tout faire à partir de zéro, ce qui permettra un plus grand contrôle sur votre résultat final.

En cours de route, vous apprendrez l’utilisation de l’outil stylo, quelques techniques de style de calque et l’utilisation du filtre. Je vais également démontrer comment vous pouvez créer votre propre modèle de puzzle en suivant quelques étapes faciles. Alors, commençons!

Ressources:

Chien de jeni cek

Modèle de puzzle vierge

Résultat final:

 effet photo de puzzle

Étape 1

Ouvrez la photo dans Photoshop.

 effet photo de puzzle

Étape 2

Dupliquez le calque d’image en allant dans « Calque » > « Dupliquer le calque. »Nous appliquerons l’effet de puzzle sur cette image dupliquée et conserverons l’image originale en dessous comme sauvegarde.

 effet photo de puzzle

Étape 3

Nous effectuerons quelques ajustements de couleur sur l’image avant de continuer. Cliquez sur l’icône pour « Créer un nouveau calque de remplissage ou de réglage » en bas du panneau calques et sélectionnez l’option « Balance des couleurs ». Appliquez les paramètres suivants pour les tons moyens, les ombres et les hautes lumières. Une fois que vous avez terminé, fusionnez l’image dupliquée et les calques d’équilibre des couleurs. Pour ce faire, sélectionnez les deux calques et appuyez sur Ctrl + « E ».

 effet photo de puzzle

 effet de photo de puzzle

Étape 4

Ensuite, nous allons donner de la texture à l’image. Cliquez sur le calque d’image pour le sélectionner, allez dans « Filtre » > « Galerie de filtres » > « Texture » > « Texturiseur », et appliquez les paramètres suivants. Étiquetez ce calque comme « Texturé ».

 effet photo de puzzle

 effet photo de puzzle

Étape 5

Maintenant, je vais vous montrer comment créer le modèle de puzzle. Créez un nouveau calque en allant dans « Calque » > « Nouveau calque. » Sélectionnez l’outil stylo (Mode outil: Forme), définissez le remplissage sur « aucun » et le trait sur 0,5 pt en couleur noir pur dans la barre de propriétés supérieure. Dessinez le trait illustré ci-dessous.

 effet photo de puzzle

Étape 6

Rastériser le calque de trait en allant dans « Calque » > « Rastériser » > « Forme ». Dupliquez le calque de trait et retournez-le horizontalement en allant dans « Edit » > « Transform Path » > « Flip horizontal ». Joignez les deux couches de traits l’une sur l’autre à l’aide de l’outil de déplacement (« V »). Maintenant, sélectionnez les deux calques de traits et fusionnez-les en appuyant sur Ctrl + « E ».

 effet photo de puzzle

Étape 7

Dupliquez deux fois le calque fusionné et positionnez ces copies sous le calque d’origine pour faire un trait continu comme celui illustré ci-dessous. Fusionnez ces trois couches en un trait continu.

 effet photo de puzzle

Étape 8

Dupliquez le calque de trait, retournez-le horizontalement et positionnez-le comme indiqué ci-dessous.

 effet photo de puzzle

Fusionnez ces deux couches de traits, dupliquez-les et faites-les glisser vers la droite. Répétez la même technique jusqu’à ce que vous couvriez toute la toile. Une fois que vous avez terminé, fusionnez tous les calques de traits et étiquetez le calque fusionné comme « Traits verticaux ».

Étape 9

Dupliquez le calque « Traits verticaux » et retournez-le 90 by en allant dans « Modifier » > « Transformer » > « Faire pivoter 90⁰ ». Positionnez-le comme indiqué ci-dessous pour compléter le modèle de puzzle. De cette façon, en faisant un segment simple, vous pouvez créer un puzzle complet.

Étape 10

J’ai créé un modèle vierge de puzzle en utilisant la même technique que celle indiquée ci-dessus. Vous pouvez ignorer les étapes 5 à 9 si vous souhaitez utiliser le modèle à la place. Téléchargez le fichier PNG à partir des ressources du tutoriel, allez dans « Fichier » > « Placer » et choisissez le fichier PNG de modèle de puzzle vierge. Cela placera le puzzle à l’intérieur du document sur lequel vous travaillez. Vous pouvez ajuster la taille du puzzle en fonction de votre image à l’aide de l’outil de transformation libre (Ctrl + « T »).

 effet photo de puzzle

Étape 11

Ensuite, appuyez sur Ctrl + < cliquez sur le calque de modèle de puzzle > pour le sélectionner. Après cela, allez dans « Select » > « Inverse ». Maintenant, cliquez sur le calque texturé alors que la sélection est toujours active et appuyez sur Ctrl + « C » pour le copier. Appuyez sur Ctrl + « V » pour coller la sélection sur un nouveau calque. Étiquetez ce calque comme « Puzzle photo ». Masquer le reste des calques sauf celui-ci.

 effet photo de puzzle

Étape 12

Double-cliquez sur le calque « Puzzle Photo » et appliquez les paramètres suivants pour « Biseau et gaufrage » et « Ombre portée ».

 effet photo de puzzle

 effet de photo de puzzle

 effet photo de puzzle

Étape 13

Notre puzzle semble assez authentique jusqu’à présent. Cependant, nous pouvons l’améliorer davantage. Sélectionnez l’outil stylo (Mode outil: Forme), définissez le remplissage sur la couleur de votre choix et le trait sur « aucun ». Dessinez la forme de la pièce de puzzle que vous souhaitez déplacer.

 effet photo de puzzle

Étape 14

Appuyez sur Ctrl + < cliquez sur le calque de pièce de puzzle > pour le sélectionner. Maintenant, cliquez sur le calque « Puzzle Photo » et allez dans « Modifier » > « Effacer ». Créez un nouveau calque sous le calque « Puzzle photo » et remplissez-le de couleur blanche pure à l’aide de l’outil seau de peinture.

 effet photo de puzzle

Étape 15

Encore une fois, faites une sélection autour du calque de pièce de puzzle. Maintenant, rendez le calque texturé visible, appuyez sur Ctrl + « C » pour copier la sélection dessus et appuyez sur Ctrl + « V » pour le coller sur un nouveau calque. Placez cette pièce de puzzle découpée au-dessus du calque « Puzzle Photo ».

 effet photo de puzzle

Étape 16

Cliquez avec le bouton droit sur le calque « Puzzle Photo », sélectionnez l’option « copier le style du calque », puis cliquez avec le bouton droit sur le calque de la pièce du puzzle et choisissez « coller le style du calque » pour y appliquer les mêmes effets. Double-cliquez et modifiez les paramètres de l’ombre portée sur la pièce du puzzle.

 effet photo de puzzle

Faites pivoter un peu cette pièce à l’aide de l’outil de transformation libre (Ctrl + « T ») et arrangez-la comme vous le souhaitez.

 effet photo de puzzle

Étape 17

Jouez avec le puzzle en utilisant les mêmes techniques et créez votre propre résultat. Voici mon résultat final.

 effet photo de puzzle

C’est tout les gars. J’espère que tu as appris quelque chose d’intéressant. Partagez vos pensées!

Write a Comment

Votre adresse e-mail ne sera pas publiée.