Comment mélanger des textures avec des photos dans Photoshop

Table des matières:

Anonim

Dans ce didacticiel sur les effets photo, nous apprendrons les bases de l'utilisation des modes de fusion des calques de Photoshop pour mélanger une texture avec une photo, un moyen simple mais puissant de donner à une image autrement ordinaire davantage un côté artistique et créatif. Nous apprendrons comment parcourir rapidement les modes de fusion afin de choisir celui qui fonctionne le mieux, comment mélanger uniquement les valeurs de luminosité de la texture afin que la photo puisse conserver ses couleurs d'origine et comment inverser les valeurs de luminosité pour créer un résultat différent.

Pour ce didacticiel, je vais utiliser une ancienne texture de papier provenant d'un site Web de photos, mais la grande chose au sujet des textures est que vous pouvez en trouver des intéressantes presque partout où vous regardez, à l'intérieur ou à l'extérieur, et tout ce dont vous avez besoin pour les capturer est un appareil photo numérique peu coûteux ou même l'appareil photo sur votre téléphone portable. Pointez-le sur un dessin intéressant sur une feuille ou un rocher, un nuage dans le ciel, un morceau de bois, une tache de rouille ou du givre sur une fenêtre. Vous pouvez également placer différents objets sur un scanner pour les capturer sous forme de textures. De vieilles couvertures de livres, des cartes, du papier froissé, même des morceaux de tissu ou de tapis font d'excellents choix. Et bien sûr, une recherche rapide de Google sur le Web pour les textures Photoshop donnera des résultats infinis. Avant longtemps, vous aurez une collection complète de textures uniques à choisir quand vous en avez besoin!

Voici la photo originale avec laquelle je vais commencer:

L'image originale.

Voici la texture que je vais intégrer à la photo:

La texture qui sera mélangée à la photo.

Et voici à quoi ressemblera le résultat final. J'ai apporté quelques améliorations supplémentaires à l'effet que je couvrirai à la fin du tutoriel:

Le résultat final mélangé.

Mélange de textures avec des photos

Étape 1: Sélectionnez et copiez la texture

Avec la photo d'origine et l'image de texture ouvertes dans Photoshop, la première chose que nous devons faire est de déplacer la texture dans le même document que la photo, et la façon la plus simple de le faire est de la copier et de la coller. Assurez-vous que la fenêtre de document de la texture est celle qui est active, puis allez dans le menu Sélectionner de la barre de menus en haut de l'écran et choisissez Tout . Vous pouvez également appuyer sur Ctrl + A (Win) / Commande + A (Mac) pour choisir rapidement Sélectionner tout sur le clavier:

Accédez à Sélectionner> Tout.

Cela sélectionnera la texture entière. Un contour de sélection apparaîtra autour des bords extérieurs de la texture dans la fenêtre du document:

Un contour de sélection apparaît autour des bords de la texture.

Avec la texture sélectionnée, allez dans le menu Edition en haut de l'écran et choisissez Copier, ou appuyez sur Ctrl + C (Win) / Commande + C (Mac) sur votre clavier:

Allez dans Edition> Copier.

Étape 2: collez la texture dans le document de la photo

Avec la texture copiée dans le presse-papiers, passez à la fenêtre de document de la photo pour la rendre active, puis revenez au menu Edition et cette fois, choisissez Coller, ou appuyez sur Ctrl + V (Win) / Commande + V (Mac) sur votre clavier:

Allez dans Edition> Coller.

Photoshop collera la texture dans le document et la placera sur son propre calque au-dessus de la photo. En fonction de la taille de votre texture, cela peut bloquer complètement la photo en dessous, mais si nous regardons dans le panneau Calques, nous voyons que la photo originale est assise sur le calque d'arrière-plan et que la texture est maintenant assise sur un nouveau couche nommée couche 1 au-dessus:

La photo et la texture sont maintenant sur deux calques séparés à l'intérieur du même document.

Étape 3: redimensionnez la texture si nécessaire avec une transformation gratuite

À moins que votre photo et votre texture ne soient toutes les deux de la même taille, vous voudrez probablement redimensionner la texture pour qu'elle corresponde à l'image, et nous pouvons le faire en utilisant la commande Transformer gratuitement de Photoshop. Allez dans le menu Edition en haut de l'écran et choisissez Free Transform, ou appuyez sur Ctrl + T (Win) / Commande + T (Mac) pour choisir Free Transform depuis le clavier:

Allez dans Edition> Transformation gratuite.

Photoshop placera le cadre de délimitation de la transformation libre et les poignées autour de la texture. Si votre texture est plus grande que votre photo, comme la mienne, il peut être utile de passer à l'un des modes d'affichage plein écran de Photoshop en appuyant sur la lettre F de votre clavier (vous pouvez revenir au mode d'affichage de la fenêtre du document lorsque vous avez terminé par appuyant plusieurs fois sur F). Cliquez et faites glisser l'une des poignées (les petits carrés autour du cadre de sélection) pour redimensionner la texture selon vos besoins. Comme il ne s'agit que d'une texture, il est généralement correct de déformer sa forme si nous en avons besoin, mais si vous souhaitez conserver le rapport d'aspect de la texture pendant que vous la redimensionnez, appuyez et maintenez la touche Maj de votre clavier et faites glisser l'une des quatre poignées d'angle. Lorsque vous avez terminé, appuyez sur Entrée (Win) / Retour (Mac) pour accepter la transformation et quitter la commande Transformation libre:

Redimensionner la texture pour l'adapter aux dimensions de la photo avec Free Transform.

Étape 4: Sélectionnez l'outil de déplacement

Sélectionnez l' outil de déplacement de Photoshop en haut du panneau Outils ou appuyez sur la lettre V pour sélectionner l'outil de déplacement à partir du clavier. Nous n'allons pas vraiment utiliser l'outil Déplacer, mais dans un instant, nous allons apprendre un raccourci clavier pratique pour parcourir rapidement les modes de fusion des calques afin que nous puissions voir lequel nous donnera les meilleurs résultats pour mélangeant notre texture avec la photo.

Qu'est-ce que cela a à voir avec l'outil de déplacement, demandez-vous? Eh bien, selon l'outil que vous avez sélectionné, le raccourci clavier peut ou non fonctionner. Il fonctionne avec l'outil Déplacer sélectionné, et l'outil Déplacer est en haut du panneau Outils, donc sélectionner l'outil Déplacer en premier est le moyen le plus simple de s'assurer que le raccourci clavier fonctionnera:

Sélectionnez l'outil Déplacer.

Étape 5: parcourir les modes de fusion des couches

L'option Mode de fusion se trouve dans le coin supérieur gauche du panneau Calques. Par défaut, il est défini sur Normal, ce qui signifie simplement que le calque ne se mélange pas avec le (s) calque (s) en dessous (c'est pourquoi la texture bloque actuellement la photo de la vue dans le document):

L'option Mode de fusion est définie sur Normal par défaut.

Si vous cliquez sur le mot «Normal», vous verrez une liste des autres modes de fusion que nous pouvons choisir, comme Multiplier, Écran, Superposition, etc. Nous pourrions, si nous le voulions vraiment, choisir chaque mode de mélange un par un en cliquant sur son nom dans la liste, et vous voudrez peut-être le faire si quelqu'un vous paie à l'heure. Cependant, une manière beaucoup plus rapide d'expérimenter les différents modes de fusion consiste à les parcourir rapidement à partir de votre clavier. Maintenez Shift + Alt (Win) / Shift + Option (Mac) enfoncé et appuyez sur les touches plus ( + ) ou moins ( - ) de votre clavier. La touche plus (+) vous fera avancer dans la liste des modes de fusion un par un, tandis que la touche moins (-) se déplacera vers l'arrière. Par exemple, en maintenant Shift + Alt (Win) / Shift + Option (Mac) enfoncé et en appuyant une fois sur la touche plus (+), le mode de fusion passe de Normal à Dissolution :

Maintenez Shift + Alt (Win) / Shift + Option (Mac) et appuyez sur + ou - pour faire défiler les modes de fusion.

Le mode de fusion Fondu n'aura probablement pas beaucoup d'effet sur l'image, mais d'autres modes de fusion le feront certainement. Je vais appuyer plusieurs fois sur la touche plus (+) (tout en maintenant les touches Maj + Alt (Win) / Maj + Option (Mac)) pour accéder au mode de fusion Multiplier :

Essayer le mode de fusion Multiplier.

Avec le mode de fusion réglé sur Multiplier, la texture et la photo se mélangent, le résultat global semble intéressant mais un peu sombre:

Le résultat avec le calque de texture défini sur le mode de fusion Multiplier.

Je vais appuyer sur la touche plus (+) plusieurs fois jusqu'à ce que j'arrive au mode de fusion d' écran :

Choisir le mode de fusion d'écran cette fois.

Le mode de fusion d'écran me donne un autre résultat intéressant, cette fois beaucoup plus léger que ce que nous avons vu avec le mode de fusion Multiply:

Le mode de fusion d'écran produit un résultat plus clair que Multiplier.

Appuyer plusieurs fois sur le signe plus (+) m'amène au mode de fusion Overlay :

Voir ce que le mode de fusion Overlay peut faire.

La superposition est un autre mode de fusion qui fait souvent un bon choix pour mélanger des textures avec des photos, me donnant une combinaison de lumières et d'obscurité, avec un résultat de contraste global plus élevé:

Le mode de fusion Overlay crée un effet de contraste plus élevé.

En général, les modes de mélange Multiplier, Écran, Superposition, Lumière douce et Lumière dure vous donneront les meilleurs résultats pour mélanger votre texture avec la photo, mais assurez-vous d'essayer chacun d'eux et de choisir celui qui vous semble le mieux fonctionner pour le regardez que vous essayez d'atteindre. Dans mon cas ici, je pense que j'aime mieux le mode de fusion d'écran, mais vous pouvez finir par en choisir un autre pour votre image.

Étape 6: désaturer la couleur de la texture

À l'heure actuelle, non seulement la texture elle-même est mélangée avec la photo, mais la couleur de la texture l'est également. C'est peut-être ce que vous voulez, car le mélange des couleurs des deux images peut produire des résultats intéressants, mais si vous préférez conserver les couleurs originales de la photo, nous avons besoin d'un moyen de supprimer la couleur de la texture. La façon la plus simple de le faire est de simplement la désaturer. Montez dans le menu Image en haut de l'écran, choisissez Réglages, puis choisissez Désaturer . Ou, appuyez sur Maj + Ctrl + U (Win) / Maj + Commande + U (Mac) pour choisir la commande Désaturer à partir du clavier:

Allez dans Image> Réglages> Désaturer.

La commande Désaturer supprime instantanément toutes les couleurs d'un calque, les convertissant essentiellement en noir et blanc. Ce n'est pas la meilleure façon de convertir une image couleur en noir en blanc, mais pour nos besoins ici, c'est généralement assez bon. Si nous regardons la vignette d'aperçu du calque de texture (Calque 1) dans le panneau Calques, nous voyons que nous avons supprimé la couleur de la texture:

L'image dans la vignette d'aperçu montre que la couleur a été supprimée de la texture.

Une fois la couleur supprimée, seules les valeurs de luminosité de la texture se fondent désormais dans la photo. À titre de comparaison, voici à nouveau à quoi ressemblait l'image à l'origine lorsque j'ai changé le mode de fusion de la texture en écran:

L'effet du mode de fusion d'écran avant de supprimer la couleur de la texture.

Et voici à quoi cela ressemble maintenant après avoir désaturé la couleur de la texture:

L'effet après avoir retiré la couleur de la texture.

Étape 7: essayez d'inverser la texture

Avant d'accepter l'aspect des choses, vous voudrez peut-être essayer d'inverser la texture, qui inversera ses valeurs de luminosité, rendant les zones claires sombres et les zones sombres claires. Pour inverser la texture, accédez au menu Image en haut de l'écran, choisissez Réglages, puis Inverser . Ou appuyez sur Ctrl + I (Win) / Commande + I (Mac) pour choisir la commande Inverser depuis votre clavier:

Allez dans Image> Réglages> Inverser.

Voici à quoi ressemble mon image après avoir inversé les valeurs de luminosité de la texture. Dans mon cas, je pense que je préfère cela à la texture d'origine car cela donne à ma photo un aspect ancien et délavé:

Inverser la texture peut parfois produire des résultats plus attrayants.

Étape 8: réduire l'opacité de la texture

Enfin, si votre texture semble trop intense, vous pouvez réduire l'impact qu'elle a sur la photo en diminuant son opacité. Vous trouverez l'option Opacité directement en face de l'option Mode de fusion en haut du panneau Calques. Par défaut, la valeur d'opacité est définie sur 100%, mais plus vous la diminuez, plus la photo originale sous la texture sera visible. Je vais réduire ma valeur d'opacité à 50%:

Baisser l'opacité du calque de texture à 50%.

Avec l'opacité abaissée à 50%, ma texture apparaît désormais plus subtile:

L'effet après avoir réduit l'opacité de la texture.

Étant donné que ma texture donne à la photo un aspect délavé et usé, il y a quelques autres choses que je pourrais faire ici pour améliorer l'effet. L'une pourrait être de brouiller légèrement l'image. Pour ce faire, je clique sur le calque d'arrière - plan dans le panneau Calques pour le sélectionner, puis j'appuie sur Ctrl + J (Win) / Commande + J (Mac) pour dupliquer rapidement le calque. Cela me donne une copie de ma photo à travailler afin de ne pas endommager l'original:

Une copie du calque d'arrière-plan apparaît au-dessus de l'original.

Ensuite, je vais flouter le calque "Copie d'arrière-plan" à l'aide du filtre Flou gaussien. Je monte dans le menu Filtre en haut de l'écran, puis je choisis Flou, puis Flou gaussien :

Allez dans Filtre> Flou> Flou gaussien.

Cela ouvre la boîte de dialogue Flou gaussien. Je veux juste une quantité subtile de flou, je vais donc choisir une valeur de rayon d'environ 1, 5 pixels:

La valeur Rayon contrôle la quantité de flou appliquée à un calque.

Je clique sur OK pour fermer la boîte de dialogue, auquel cas Photoshop applique le léger flou à la photo:

L'image après avoir flouté le calque de copie d'arrière-plan.

Enfin, je vais réduire la saturation des couleurs de la photo à l'aide d'un calque de réglage. Je clique sur l'icône Nouveau calque de réglage en bas du panneau Calques:

Cliquez sur l'icône Nouveau calque de réglage.

Ensuite, je vais choisir un calque de réglage Teinte / Saturation dans la liste qui apparaît:

Sélection de Teinte / Saturation dans la liste des calques de réglage.

Dans Photoshop CS4 et supérieur (j'utilise ici CS5), les commandes du calque de réglage Teinte / Saturation apparaissent dans le panneau Réglages. Dans les versions antérieures de Photoshop, ils apparaissent dans une boîte de dialogue distincte. Pour réduire la saturation des couleurs de la photo, je vais simplement abaisser la valeur de saturation à environ -50 environ en faisant glisser le curseur vers la gauche:

Faites glisser le curseur Saturation vers la gauche pour réduire la saturation des couleurs dans l'image.

Si j'utilisais Photoshop CS3 ou une version antérieure, je cliquais sur OK pour fermer la boîte de dialogue (il n'est pas nécessaire de fermer le panneau Réglages dans CS4 ou supérieur), et ici, après avoir réduit la saturation des couleurs, est mon résultat final:

L'effet final.