retourner, faire pivoter et faire pivoter les dessins et modèles D’images dans Photoshop

dans un précédent tutoriel sur les effets photo, nous avons appris à créer un simple effet miroir dans Photoshop en retournant un côté d’une image horizontalement pour créer un reflet de l’autre côté., Dans ce tutoriel, nous allons prendre la même idée de base et aller beaucoup plus loin avec elle, en créant des effets intéressants, des dessins et des motifs simplement en retournant, en tournant et en miroir la même image encore et encore! Nous allons également expérimenter avec les modes de fusion de calques de Photoshop pour voir comment différents modes de fusion peuvent changer radicalement nos résultats.

Pour suivre le long, vous pouvez utiliser n’importe quelle image que vous aimez, mais vous aurez souvent de meilleurs résultats si l’image contient beaucoup de détails.

Voici la photo que je vais utiliser (Photo de fleurs D’Adobe Stock):

Et voici juste un exemple de ce type de conception, nous pouvons créer en quelques étapes faciles. Nous allons voir d’autres exemples que nous avançons. Chaque photo vous donnera des résultats uniques, donc une fois que vous savez comment créer l’effet, lui donner un essai avec différents types d’images pour voir ce que vous pouvez venir avec:

commençons!

téléchargez ce tutoriel en PDF imprimable!,

Comment retourner, mettre en miroir et faire pivoter des Images dans Photoshop

pour ce tutoriel, J’utilise Photoshop CC mais chaque étape est compatible avec Photoshop CS6 et versions antérieures.

Vous pouvez également suivre ma vidéo de ce tutoriel sur notre chaîne YouTube. Ou téléchargez ce tutoriel au format PDF et obtenez mon nouveau Guide complet des Modes de fusion de calques en prime!

Étape 1: recadrer la Photo si nécessaire

pour commencer, recadrons toutes les zones de notre image dont nous n’avons pas vraiment besoin pour cet effet. Si vous n’avez pas besoin de recadrer votre image, vous pouvez passer à L’Étape 2.,

en général, vous voudrez rogner étroitement autour de votre sujet, en supprimant les zones environnantes de faible détail (comme un ciel bleu clair) qui n’ajouteront rien au résultat final. Dans mon cas, l’image que j’utilise n’a pas vraiment de zones de faible détail. En fait, il fleurit pratiquement avec des détails (un peu d’humour de fleur là-bas). Je pourrais simplement utiliser la photo entière comme elle est et me retrouver avec un design vraiment fou. Mais pour simplifier un peu les choses, je vais recadrer quelques-unes des fleurs.,

pour recadrer votre image, sélectionnez L’outil Recadrer de Photoshop dans la barre d’outils à gauche de l’écran:

avec L’outil de recadrage sélectionné, assurez-vous que supprimer les Pixels recadrés est coché dans la barre D’Options car nous devons réellement supprimer les pixels recadrés, pas seulement les masquer de la vue (Remarque: L’option Supprimer les Pixels recadrés n’est disponible que dans Photoshop CC et CS6., Si vous utilisez une version antérieure, Photoshop supprime les pixels par défaut afin que vous n’ayez pas à vous en soucier):

ensuite, cliquez et faites glisser une bordure de recadrage autour de la zone que vous souhaitez conserver. Dans mon cas, je vais faire glisser la bordure autour du côté droit de l’image. Cela signifie que je vais garder le côté droit et recadrer le côté gauche:

Appuyez sur Entrée (Windows) / Retour (Mac) de votre clavier lorsque vous êtes prêt à recadrer l’image:

Étape 2: Dupliquer Le Calque d’arrière-plan

Si nous regardons notre panneau Calques, nous voyons notre image assis sur le calque d’arrière-plan, actuellement la seule couche dans le document:

Nous devons créer une copie de cette couche., Pour ce faire, cliquez sur le calque D’arrière-plan et faites-le glisser vers le bas sur l’icône Nouveau calque en bas du panneau Calques (deuxième icône à partir de la droite):

Photoshop fait une copie du calque d’arrière-plan, la nomme « arrière-plan copie » et le place au-dessus de l’original:

Étape 3: doubler la largeur du canevas

accédez au menu Image en haut de l’écran et choisissez Taille du canevas:

cela ouvre la boîte de dialogue Taille du canevas de Photoshop que nous allons utiliser pour ajouter plus d’espace de toile autour de notre photo. Nous devons doubler la largeur actuelle de notre toile, et nous voulons que tout l’espace de toile supplémentaire apparaisse à droite de notre image., Pour ce faire, définissez la valeur de largeur sur 200% et laissez la hauteur à 100% (ce qui laissera la hauteur du canevas à sa taille actuelle). Laissez l’option Relative décochée. Pour forcer l’espace de toile supplémentaire à droite de la photo, cliquez sur le carré du Milieu gauche dans la grille D’ancrage:

Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Photoshop double la largeur de la toile, en ajoutant tout l’espace supplémentaire à droite de la photo., Par défaut, Photoshop remplit l’espace de toile supplémentaire avec du blanc. Si, pour une raison quelconque, le vôtre n’est pas blanc, ne vous inquiétez pas car ce n’est pas important:

Étape 4: Faites glisser la Photo sur le calque « Background copy » vers la droite

maintenant que nous avons ajouté notre espace de toile supplémentaire, nous devons faire glisser la copie de notre photo sur le calque « Background copy » dans la nouvelle zone. Sélectionnez L’outil Déplacer de Photoshop dans la barre d’outils:

assurez-vous que le calque « Copie D’arrière-plan » est sélectionné dans le panneau Calques. Maintenez votre touche Maj, puis cliquez sur la photo et faites-le glisser sur le côté droit de l’image d’origine. Maintenir la touche Maj enfoncée pendant que vous faites glisser limitera la direction dans laquelle vous pouvez vous déplacer, ce qui facilite le glissement droit. Lorsque vous avez terminé, relâchez le bouton de votre souris, puis relâchez votre touche Maj. Vous devriez maintenant voir deux copies de la photo l’une à côté de l’autre:

Étape 5: retournez L’Image à droite horizontalement

Jusqu’à présent, nous n’avons que deux jumeaux identiques. Créons notre premier effet miroir en retournant l’image de droite horizontalement pour qu’elle apparaisse comme un reflet de celle de gauche. Pour ce faire, allez jusqu’à la Modifier dans le menu en haut de l’écran, choisissez Transformer, puis choisissez Flip Horizontal:

La photo de droite devient instantanément un reflet Miroir de la photo de gauche, créant notre premier effet:

Étape 6: fusionner les deux couches ensemble

Jusqu’à présent, si bien, mais comme on dit, mais nous ne faisons que commencer. Fusionnons nos deux calques en un seul calque en allant dans le menu Calque en haut de l’écran et en choisissant Fusionner vers le bas:

Rien ne semble s’être passé dans le document, mais si nous regardons notre panneau Calques, nous voyons que nos deux couches ont été fusionnés en un seul calque d’arrière-plan:

Étape 7: dupliquer le calque

tout comme nous l’avons fait à L’Étape 2, dupliquons le calque D’arrière-plan en cliquant dessus et en le faisant glisser vers le bas sur l’icône du nouveau calque:

Photoshop duplique à nouveau le calque D’arrière-plan, le nomme « Copie D’arrière-plan » et le place au-dessus de l’original:

Étape 8: doubler la hauteur de la toile

Nous allons créer un autre reflet de notre image, cette fois verticalement. Pour cela, nous devons doubler la hauteur de notre toile et faire apparaître le nouvel espace de toile sous notre image existante., Affichons à nouveau la boîte de dialogue Taille du canevas en accédant au menu Image en haut de l’écran et en choisissant Taille du canevas:

lorsque la boîte de dialogue apparaît, définissez la largeur sur 100% (ce qui laissera la largeur à sa taille actuelle) et la hauteur sur 200%. Encore une fois, laissez l’option Relative décochée., Pour forcer l’espace supplémentaire à apparaître sous l’image, cliquez sur le carré supérieur du milieu dans la grille D’ancrage:

Cliquez sur OK pour fermer la boîte de dialogue. Photoshop ajoute l’espace de toile supplémentaire sous l’image. Si vous ne pouvez pas voir le canevas entier à ce stade parce qu’il est maintenant trop grand pour tenir sur votre écran, allez dans le menu Affichage et choisissez la commande Ajuster à l’écran, ou appuyez sur Ctrl+0 (Win) / commande+0 (Mac) sur votre clavier., Photoshop zoomera le document au niveau nécessaire pour qu’il s’adapte:

Étape 9: faites glisser l’Image sous l’Original

avec L’outil Déplacer toujours sélectionné et le calque « Copie D’arrière-plan » sélectionné dans le panneau Calques, cliquez sur l’image et faites-la glisser vers le bas dans l’espace de toile supplémentaire., Appuyez et maintenez votre touche Maj enfoncée pendant que vous faites glisser pour limiter la direction dans laquelle vous pouvez vous déplacer, ce qui facilite le glissement de la photo vers le bas:

Étape 10: retournez L’Image du bas verticalement

pour transformer l’image du bas en reflet Miroir de celle du haut, allez dans le menu Édition, choisissez transformer, puis choisissez Retourner verticalement:

Nous avons maintenant notre deuxième reflet Miroir, cette fois verticalement. Les choses commencent déjà à paraître intéressantes:

étape 11: fusionner les deux calques sur un nouveau calque

Jusqu’à présent, tout ce que nous avons fait est de faire des copies de l’image et de les retourner horizontalement ou verticalement. Voyons jusqu’à quel point nous pouvons aller plus loin en faisant pivoter des copies de l’image et en essayant différents modes de fusion de calques!

tout d’abord, fusionnons nos deux calques existants sur un tout nouveau calque., Pour ce faire, appuyez sur la touche Alt (Win) / option (Mac) de votre clavier et maintenez-la enfoncée. Tout en maintenant la touche enfoncée, accédez au menu Calque en haut de l’écran et choisissez fusionner Visible près du bas de la liste:

normalement, la commande Merge Visible aurait fusionné nos deux couches en une seule couche, tout comme la commande Merge Down l’a fait plus tôt., Mais en maintenant la touche Alt / Option enfoncée lorsque nous avons sélectionné fusionner Visible, nous avons dit à Photoshop de créer un tout nouveau calque et de fusionner nos calques existants sur le nouveau calque.

Nous pouvons voir dans notre panneau Calques que nous avons maintenant un troisième calque, nommé « calque 1 », et nous pouvons voir dans sa vignette d’aperçu qu’il contient une copie fusionnée des images des deux calques d’origine en dessous:

étape 12: faire pivoter le nouveau calque de 90° dans le sens horaire

faisons pivoter l’image sur « calque 1 »., Aller dans le menu Édition, choisissez Transformer, puis sélectionnez Rotation de 90° dans le sens Horaire:

cela fera pivoter le calque de 90° dans le sens des aiguilles d’une montre, laissant les deux calques en dessous dans leur orientation d’origine:

téléchargez ce tutoriel en PDF imprimable!

étape 13: recadrer le Document autour de l’Image tournée

ensuite, nous recadrons le document autour de l’image tournée., Appuyez et maintenez la touche Ctrl (Win) / Command (Mac) de votre clavier et cliquez directement sur la vignette d’aperçu pour « Layer 1 » dans le panneau Calques:

cela charge un contour de sélection autour de l’image tournée. Avec la sélection en place, accédez au menu Image en haut de l’écran et choisissez recadrer:

Photoshop recadre les zones situées au-dessus et au-dessous de l’image., Pour supprimer le contour de sélection puisque nous n’en avons plus besoin, allez dans le menu Sélectionner en haut de l’écran et choisissez Désélectionner, ou appuyez sur Ctrl+D (Win) / commande+d (Mac) sur votre clavier:

maintenant que nous avons recadré le haut et le bas, tout ce que nous pouvons voir maintenant est notre image tournée. Nous corrigerons cela ensuite lorsque nous commencerons à expérimenter avec les modes de fusion des calques de Photoshop:

étape 14: expérimenter avec les modes de fusion de calques

à ce stade, les choses commencent à devenir un peu plus expérimentales et une question de goût personnel. Actuellement, l’image sur le « calque 1 » bloque complètement les calques en dessous de la vue, ce qui n’est pas ce que nous voulons. Nous devons mélanger notre couche supérieure avec les couches en dessous, et nous pouvons le faire en changeant le mode de fusion du calque.

vous trouverez l’option Mode de fusion dans le coin supérieur gauche du panneau Calques. Il ne dit « mode de fusion » nulle part, mais c’est L’option qui est définie sur Normal par défaut., « Normal » signifie que le calque ne se mélange Pas du tout avec les calques en dessous. C’est juste les bloquer de la vue. Essayons quelques différents modes de fusion pour voir ce que nous obtenons. Je vais commencer par changer mon mode de fusion de Normal à multiplier:

Le mode Multiply blend fait un bon travail de mélange de mes images ensemble pour créer un design intéressant., Mais comme Multiply est l’un des nombreux modes de fusion dans Photoshop qui a pour effet d’assombrir l’image globale, nous pouvons voir que l’effet qu’il a créé est un peu plus sombre que ce que nous avions auparavant:

je vais essayer un mode de fusion différent, cette fois Lighten:

Lighten est l’un des nombreux modes de fusion qui rendent l’image globale plus lumineuse., Cela fonctionne en comparant les pixels du calque sélectionné avec les pixels des calques en dessous, puis en conservant les pixels les plus légers. Ici, nous voyons que cela a définitivement éclairci les choses et m’a donné un autre design intéressant. Personnellement, j’aime beaucoup mieux celui-ci:

Si vous voulez quelque chose de plus psychédélique, essayez les modes de fusion différence ou Exclusion. Je vais essayer la différence:

Le mode de fusion des différences recherche les différences entre le calque et les calques situés en dessous, puis affiche ces différences sous forme de couleurs différentes. Fidèle à son nom, le résultat semble définitivement différent:

parcourant les Modes de fusion à partir du clavier

Jusqu’à présent, je viens de cliquer sur L’option Mode de fusion dans le panneau Calques, puis de choisir des modes aléatoires à essayer dans la liste. Mais voici un moyen beaucoup plus facile d’essayer les modes de fusion., Assurez-vous que l’outil Déplacer est toujours sélectionné. Ensuite, appuyez simplement sur la touche Maj enfoncée de votre clavier et utilisez les touches + et – pour monter ou descendre dans la liste.

Après les avoir tous essayés, je pense que je vais m’en tenir au mode de fusion Lighten. Vous pouvez préférer un mode de fusion différent pour votre image, mais dans ce cas, Lighten me donne le résultat que j’aime le mieux.

étape 15: fusionnez les deux calques sur un nouveau calque

essayons de faire une copie de plus de l’image, de la faire pivoter puis de changer son mode de fusion pour voir ce que nous obtenons. Tout d’abord, nous allons fusionner nos trois calques sur un nouveau calque., Appuyez à nouveau sur la touche Alt (Win) / Option (Mac) et maintenez-la enfoncée lorsque vous accédez au menu Calque et choisissez fusionner Visible:

Cette fusionne toutes les trois couches sur une quatrième couche, « Calque 2 », au-dessus d’eux:

l’Étape 16: Rotation de La Nouvelle Couche de 45°

Avec « Calque 2 » est sélectionné, allez dans le menu Édition, choisissez Transformer, puis sélectionnez Rotation:

ensuite, dans la barre D’Options en haut de l’écran, Entrez 45.0 dans la zone de saisie Angle pour indiquer à Photoshop de faire pivoter l’image sur « calque 2 » de 45° dans le sens horaire:

Appuyez une fois sur Entrée (Win) / retour (Mac) sur votre clavier pour accepter l’angle que vous avez entré, puis appuyez une seconde fois sur Entrée (Win) / retour (Mac) pour quitter la commande Rotation. Voici ma conception avec l’image du haut maintenant tournée:

étape 17: changer le mode de fusion

enfin, Essayez différents modes de fusion comme nous l’avons fait auparavant pour voir comment chacun affecte la façon dont l’image tournée sur le « calque 2 » se fond avec les calques en dessous., Encore une fois, la façon la plus simple de le faire est de maintenir votre touche Maj enfoncée et d’utiliser les touches + et – pour parcourir les modes de fusion.

Après les avoir tous essayés, je vais utiliser le mode de fusion des couleurs plus foncées cette fois. Comme le mode Multiply blend que nous avons essayé plus tôt, la couleur plus foncée assombrit également l’image, mais c’est un peu plus avancé. Il fonctionne en comparant les pixels du calque sélectionné avec les pixels des calques situés en dessous, puis il conserve les pixels les plus foncés:

Et voici le résultat:

bien sûr, vous pouvez toujours revenir en arrière à ce stade et changer le mode de fusion pour « Couche 1″ si vous voulez continuer à expérimenter. Pour ce faire, je vais cliquer sur » couche 1  » pour le sélectionner. Ensuite, je vais changer son mode de fusion en quelque chose de complètement différent, comme Luminosity:

Le mode de fusion de luminosité mélange la luminance (les valeurs de luminosité) du calque sélectionné avec les couleurs des calques en dessous, et nous voyons ici qu’il crée un résultat très différent des exemples précédents que nous avons examinés:

enfin, je vais cliquer sur » Layer 2  » pour le sélectionner à nouveau. Ensuite, je vais changer son mode de fusion en couleur:

Le mode de fusion des couleurs de Photoshop est à l’opposé de la luminosité., Il mélange la couleur du calque sélectionné avec la luminance des calques ci-dessous. En d’autres termes, il colorise l’image, ce qui nous donne un autre résultat unique:

bien sûr, vous n’avez pas besoin de savoir comment chacun des 27 modes de fusion de calques différents de Photoshop (à partir de Photoshop CC 2017) fonctionne pour créer cet effet. Tout ce que vous avez vraiment besoin de savoir est de savoir comment les parcourir et choisir celui que vous aimez le mieux! Cependant, il existe une poignée de modes de fusion que vous utiliserez tout le temps dans votre travail Photoshop., Pour tout savoir à leur sujet, consultez notre tutoriel sur les cinq modes de fusion essentiels de Photoshop.

Et là, nous avons! Voilà comment créer des designs et des motifs intéressants avec une image simplement en la retournant, en la faisant pivoter et en la mettant en miroir, et en expérimentant des modes de fusion de calques, dans Photoshop! Pour des tutoriels similaires, consultez notre effet D’Image miroir ou nos tutoriels mélanger des Textures avec des Photos. Ou visitez notre section Effets Photo pour plus de tutoriels sur les effets Photoshop!