Ajouter la lumière du soleil à travers les arbres avec Photoshop

Écrit par Steve Patterson.

Avant que nous commencions... Cette version de notre didacticiel Ajout de la lumière du soleil à travers les arbres a été initialement publiée pour Photoshop CS5 et versions antérieures. Si vous utilisez Photoshop CC ou CS6, veuillez consulter notre version mise à jour et étendue Effet de la lumière du soleil à travers les arbres Didacticiel.



Dans ce Tutoriel Photoshop Effects , nous allons apprendre à ajouter des rayons de soleil à travers les arbres, ce qui n'est pas seulement un excellent moyen de rendre une image plus intéressante, c'est aussi beaucoup plus facile à faire que vous ne le pensez, comme nous le verrons.



Nous terminerons même les choses en donnant l'impression que les rayons du soleil brillent sur le sol après leur passage à travers les arbres, ce qui ajoute plus de réalisme à l'effet final.

Voici l'image avec laquelle je vais commencer dans ce tutoriel Photoshop :

  Image du didacticiel Adobe Photoshop.



L'image originale.

Et voici à quoi cela ressemblera après avoir ajouté nos rayons de soleil :

  Image du didacticiel Adobe Photoshop.

Le résultat final.

Ce tutoriel provient de notre Effets photo série. Commençons!



Étape 1: Trouvez le canal de couleur avec le contraste le plus élevé

Avec notre image ouverte dans Photoshop, la première chose que nous devons faire est de savoir lequel de nos trois canaux de couleur (rouge, vert et bleu) contient le plus de contraste. Pour ce faire, passez à votre Palette Canaux , qui est regroupé par défaut à côté de votre palette Calques. Vous verrez les canaux 'Rouge', 'Vert' et 'Bleu' répertoriés, qui se combinent pour créer toutes les couleurs que nous voyons dans notre image. Vous verrez également ce qui semble être un quatrième canal, le canal 'RGB' en haut, mais ce n'est en réalité que le composite des canaux rouge, vert et bleu ('RGB' signifie 'rouge, vert et bleu') et n'est pas une chaîne elle-même :

  Image du didacticiel Adobe Photoshop.

La palette Couches dans Photoshop.

Nous nous intéressons aux trois canaux de couleur, et ce que vous voulez faire est de cliquer sur chaque canal tout en gardant un œil sur votre image pour voir lequel d'entre eux nous donne le plus de contraste dans l'image.



Cliquez d'abord sur le canal rouge et vous verrez votre image devenir noire et blanche. Rappelez-vous à quoi il ressemble, puis cliquez sur le canal vert. Vous verrez une version différente en noir et blanc de l'image. Encore une fois, rappelez-vous à quoi cela ressemble, puis cliquez sur le canal bleu pour une troisième version en noir et blanc de l'image. Vous voulez choisir la version qui offre le plus de contraste, et il y a de fortes chances que si l'image sur laquelle vous travaillez ressemble à la mienne, ce sera le canal bleu avec le contraste le plus élevé. Voici à quoi ressemble ma chaîne bleue. Le ciel en arrière-plan est beau et lumineux tandis que les arbres et le sol sont très sombres, exactement ce que je cherchais :

  Image du didacticiel Adobe Photoshop. La version noir et blanc du canal bleu offre le meilleur contraste entre le ciel et les arbres et le sol.

Étape 2: Faire une copie de la chaîne

Maintenant que je sais que mon canal bleu est celui qui offre le plus de contraste, je dois en faire une copie. Pour copier un canal, cliquez simplement dessus et faites-le glisser vers le Nouvelle chaîne icône en bas de la palette Canaux (il s'agit de la deuxième icône à partir de la droite) :



  Image du didacticiel Adobe Photoshop.

Copiez la chaîne en la faisant glisser sur l'icône 'Nouvelle chaîne'.

Relâchez le bouton de la souris et vous verrez la copie du canal sous tous les autres canaux de la palette Canaux. Depuis que j'ai copié mon canal bleu, Photoshop a nommé le doublon 'Copie bleue':

  Image du didacticiel Adobe Photoshop.



Copiez la chaîne en la faisant glisser sur l'icône 'Nouvelle chaîne'.

Étape 3: Assombrir davantage les zones sombres avec la commande des niveaux

Nous devons encore augmenter le contraste dans notre canal copié en rendant les zones sombres complètement noires, et nous pouvons le faire facilement avec Photoshop. Niveaux commande. Pour accéder aux Niveaux, montez soit sur le Image menu en haut de l'écran, choisissez Ajustements , puis choisissez Niveaux , ou pour un moyen plus rapide, utilisez le raccourci clavier Ctrl+L (Gagner) / Commande + L (Mac). Dans les deux cas, la boîte de dialogue Niveaux s'affiche. Juste en dessous de l'histogramme (le graphique noir qui ressemble à une chaîne de montagnes) au centre, vous verrez trois petits curseurs - un noir à gauche, un blanc à droite et un gris au milieu. Cliquez sur le noir à gauche et commencez à le faire glisser vers la droite. Lorsque vous faites glisser le curseur, vous verrez les zones sombres de votre image devenir encore plus sombres. Continuez à faire glisser le curseur vers la droite jusqu'à ce que toutes les zones sombres de l'image soient remplies de noir :

  Image du didacticiel Adobe Photoshop.



Faites glisser le curseur noir vers la droite jusqu'à ce que toutes les zones sombres de l'image apparaissent remplies de noir uni.

Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Voici mon image après avoir fait glisser le curseur. Les zones sombres apparaissent maintenant remplies de noir tandis que le ciel en arrière-plan reste beau et lumineux :

  Image du didacticiel Adobe Photoshop.

La copie du canal bleu après avoir assombri davantage les zones sombres avec les niveaux.

Étape 4: Charger la chaîne en tant que sélection

Maintenez votre Ctrl (Gagner) / Commande (Mac) et cliquez directement sur le canal dans la palette Canaux :

  Image du didacticiel Adobe Photoshop.

Maintenez 'Ctrl' (Win) / 'Commande' (Mac) enfoncé et cliquez sur le canal copié dans la palette Canaux.

Cela charge le canal en tant que sélection dans l'image :

  Image du didacticiel Adobe Photoshop. Le canal a été chargé en tant que sélection dans le document.

Étape 5 : Ajouter un nouveau calque vierge

Passez à votre palette Calques à ce stade et cliquez sur le Nouvelle Couche icône en bas pour ajouter un nouveau calque vierge :

  Image du didacticiel Adobe Photoshop.

Cliquez sur l'icône 'Nouveau calque' en bas de la palette Calques.

Vous verrez votre image redevenir une image en couleur dès que vous cliquerez sur l'icône, et Photoshop ajoutera un nouveau calque vierge nommé 'Calque 1' au-dessus du Arrière plan calque dans la palette Calques :

  Image du didacticiel Adobe Photoshop. Un nouveau calque vierge est ajouté au-dessus du Arrière plan couche.

Étape 6 : Remplir la sélection de blanc

Appuyez sur la lettre sur votre clavier pour réinitialiser vos couleurs de premier plan et d'arrière-plan si nécessaire, ce qui définit le noir comme couleur de premier plan et le blanc comme couleur d'arrière-plan. Utilisez ensuite le raccourci clavier Ctrl+Retour arrière (Gagner) / Commande + Suppr (Mac) pour remplir la sélection de blanc sur le nouveau calque. Il n'est peut-être pas facile de dire que quelque chose s'est passé si votre ciel était déjà assez blanc pour commencer comme le mien, c'est pourquoi je n'ai pas inclus de capture d'écran ici, mais nous avons maintenant rempli la zone du ciel avec du blanc uni et nous allons l'utiliser pour créer nos rayons de soleil.

Étape 7 : Dupliquer le nouveau calque

Avec 'Calque 1' sélectionné dans la palette Calques (le calque actuellement sélectionné est surligné en bleu), utilisez le raccourci clavier Ctrl+J (Gagner) / Commande + J (Mac) pour dupliquer le calque. Une copie du calque, que Photoshop nomme 'Calque 2', apparaît en haut de la palette Calques :

  Image du didacticiel Adobe Photoshop.

La palette Calques de Photoshop montrant 'Calque 2' apparaissant maintenant au-dessus de 'Calque 1'.

Étape 8 : Appliquez le filtre 'Flou radial' au 'Calque 2'

Nous allons maintenant créer nos rayons de soleil. Avec 'Calque 2' sélectionné dans la palette Calques, montez au Filtre menu en haut de l'écran, choisissez Se brouiller , puis choisissez Flou radial . Cela fait apparaître la boîte de dialogue du filtre Radial Blur. Augmenter le Montant option en haut à quelque part autour 80 , bien que cette valeur dépende de la taille de votre image et de la durée de vos rayons de soleil. Plus vous définissez cette valeur, plus ils seront longs, vous aurez donc probablement besoin d'expérimenter un peu ici. Sélectionner Zoom pour le Méthode de flou , qui est ce qui va nous donner nos formes de rayon de soleil, et définir le Qualité possibilité de Meilleur . Si vous exécutez Photoshop sur un ordinateur plus lent et que vous expérimentez simplement à ce stade avec la valeur Quantité, vous pouvez définir l'option Qualité sur 'Bon' ou 'Brouillon', ce qui vous donnera des rayons de soleil de qualité inférieure tout en vous expérimentez mais il ne faudra pas autant de temps à Photoshop pour les rendre. Vous voudrez le régler sur 'Meilleur' lorsque vous serez prêt à créer l'effet réel.

Dans le coin inférieur droit de la boîte de dialogue, vous verrez le Centre de flou option. C'est là que nous disons à Photoshop d'où nous voulons que les rayons du soleil commencent (l'endroit d'où ils 'zoomeront'). La zone carrée représente votre image (même si votre image n'est probablement pas carrée). Cliquez à l'endroit général d'où vous voulez que les rayons du soleil viennent. Je veux que mes rayons de soleil commencent à environ un quart de la distance depuis le centre supérieur de l'image, c'est donc là que j'ai cliqué à l'intérieur du carré :

  Image du didacticiel Adobe Photoshop.

Paramètres du filtre 'Flou radial' de Photoshop. Modifiez les paramètres entourés en rouge ci-dessus.

Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue et laisser Photoshop créer notre premier lot de rayons de soleil :

  Image du didacticiel Adobe Photoshop.

L'image après application du filtre Flou radial pour créer les premiers rayons de soleil.

Les rayons du soleil ne ressortent pas vraiment très bien pour l'instant, mais nous corrigerons cela ensuite.

Étape 9 : Ajouter un style de calque 'Outer Glow'

Pour faire ressortir un peu plus nos rayons de soleil, ajoutons-leur une lueur. Clique sur le Styles de calque icône en bas de la palette Calques (l'icône qui ressemble à la lettre 'f') :

  Image du didacticiel Adobe Photoshop.

Cliquez sur l'icône 'Styles de calque' en bas de la palette Calques.

Alors choisi Lueur externe dans la liste des styles de calque qui s'affiche :

  Image du didacticiel Adobe Photoshop. Cliquez sur les mots 'Outer Glow'.

Cela fait apparaître la boîte de dialogue Style de calque de Photoshop définie sur les options Lueur extérieure dans la colonne du milieu. Pas besoin de modifier les paramètres ici. Les valeurs par défaut fonctionnent bien pour nos rayons de soleil, alors cliquez simplement sur OK pour quitter la boîte de dialogue et appliquer l'effet Outer Glow :

  Image du didacticiel Adobe Photoshop. Cliquez sur OK lorsque la boîte de dialogue 'Outer Glow' apparaît pour accepter les paramètres par défaut et appliquer l'effet aux rayons de soleil.

Les rayons de soleil se détachent maintenant beaucoup mieux avec l'Outer Glow qui leur est appliqué :

  Image du didacticiel Adobe Photoshop. L'image après l'application de l'Outer Glow aux rayons du soleil.

Étape 10 : Changez le mode de fusion des calques en 'Lumière douce'

Les rayons du soleil sont un peu trop intenses maintenant, alors rendons-les un peu plus réalistes, et nous pouvons le faire simplement en changeant le mode de fusion de la couche sur laquelle ils se trouvent. Avec 'Calque 2' toujours sélectionné, accédez aux options du mode de fusion dans le coin supérieur gauche de la palette Calques. Par défaut, le mode de fusion est défini sur 'Normal'. Cliquez sur la flèche pointant vers le bas à droite du mot 'Normal' et sélectionnez le Lumière douce mode de fusion dans la liste :

  Image du didacticiel Adobe Photoshop.

Changez le mode de fusion de 'Layer 2' en 'Soft Light' pour rendre les faisceaux de lumière moins intenses et plus réalistes.

Voici mon image après avoir changé le mode de fusion en 'Soft Light':

  Image du didacticiel Adobe Photoshop. L'image après avoir appliqué le changement du mode de fusion de 'Layer 2' à 'Soft Light'.

Étape 11 : Dupliquer 'Couche 2'

Avec 'Layer 2' toujours sélectionné, appuyez sur Ctrl+J (Gagner) / Commande + J (Mac) pour le dupliquer. Photoshop copie le calque, l'ajoute au-dessus de 'Calque 2' dans la palette Calques et le nomme 'Copie du calque 2':

  Image du didacticiel Adobe Photoshop.

Appuyez sur 'Ctrl+J' (Win) / 'Commande+J' (Mac) pour dupliquer 'Layer 2'.

Étape 12 : Allongez les rayons du soleil avec la commande 'Transformation libre'

Nous avons maintenant deux copies de nos rayons de soleil, une sur 'Layer 2' et l'autre sur 'Layer 2 copy'. Allongons les rayons du soleil sur la 'copie de la couche 2' pour leur ajouter de la variété, et nous pouvons le faire facilement en utilisant Photoshop Transformation libre commande. Avant de faire cela, si vous travaillez actuellement avec votre image dans une fenêtre de document, appuyez sur la lettre F sur votre clavier pour passer votre mode d'écran à Mode plein écran avec barre de menus , ce qui vous permettra de voir beaucoup plus facilement ce que vous faites. Puis appuyez Ctrl+T (Gagner) / Commande + T (Mac) pour afficher la boîte de transformation libre et les poignées autour de l'image.

Si vous regardez attentivement au centre de l'image, vous verrez une petite icône de cible. Cliquez dessus et faites-le glisser vers le haut au même endroit à partir duquel vos rayons de soleil effectuent un zoom arrière :

  Image du didacticiel Adobe Photoshop.

Cliquez sur la petite icône de cible au centre de la boîte de transformation libre et faites-la glisser vers l'endroit d'où proviennent vos rayons de soleil.

Une fois que vous avez déplacé l'icône cible vers son nouvel emplacement, maintenez enfoncé Maj+Alt (Gagner) / Maj+Option (Mac) et faites glisser l'une des poignées d'angle vers l'extérieur pour étirer les rayons du soleil. En maintenant la touche 'Shift' enfoncée pendant que nous faisons glisser, nous disons à Photoshop de limiter les proportions de l'image, et en maintenant 'Alt/Option' enfoncé, nous disons à Photoshop d'utiliser l'emplacement de cette petite icône cible que nous avons déplacée il y a un instant comme centre de la transformation, de sorte que les faisceaux de lumière s'étendent à partir de ce point. Ici, je fais glisser la poignée en bas à gauche pour allonger les rayons de soleil :

  Image du didacticiel Adobe Photoshop. Maintenez 'Maj + Alt' (Win) / 'Maj + Option' (Mac) enfoncés et faites glisser l'une des quatre poignées d'angle pour allonger les faisceaux de lumière sur 'Calque 2'.

Presse Entrer (Gagner) / Revenir (Mac) lorsque vous avez terminé d'accepter la transformation.

Étape 13 : Redimensionnez et repositionnez 'Calque 1' pour créer les réflexions au sol

À ce stade, nos faisceaux de lumière à travers les arbres sont terminés, mais terminons les choses et ajoutons un peu plus de réalisme en les faisant apparaître comme brillants sur le sol après avoir traversé les arbres. Si vous vous souvenez du début du didacticiel, nous avons créé une sélection à partir du canal que nous avons copié, puis ajouté un nouveau calque ('Calque 1') et l'avons rempli de blanc. Jusqu'à présent, nous n'avons rien fait avec ce calque, mais nous allons l'utiliser maintenant pour créer la lumière qui brille sur le sol.

Pour ce faire, cliquez d'abord sur 'Calque 1' dans la palette Calques pour le sélectionner. Puis appuyez à nouveau sur Ctrl+T (Gagner) / Commande + T pour afficher la boîte et les poignées de transformation libre. Cliquez n'importe où dans l'image (sauf sur l'icône cible au centre) et faites glisser l'image vers le bas jusqu'à ce que les zones remplies de blanc apparaissent sur le sol. Ces zones remplies de blanc vont devenir la lumière qui brille sur le sol. Vous devrez probablement aussi les redimensionner en faisant glisser les poignées centrales supérieure et inférieure vers l'intérieur pour les 'écraser' un peu en position :

  Image du didacticiel Adobe Photoshop.

Utilisez la transformation libre pour faire glisser les zones remplies de blanc sur le 'Calque 1' vers le bas jusqu'à ce qu'elles apparaissent sur le sol, puis faites glisser les poignées centrales supérieure et inférieure vers l'intérieur pour les redimensionner et les 'écraser' en place.

Presse Entrer (Gagner) / Revenir (Mac) lorsque vous avez terminé d'accepter la transformation.

Étape 14 : Changez le mode de fusion de 'Calque 1' en 'Superposition'

Enfin, pour que les zones remplies de blanc ressemblent davantage à de la lumière qui brille sur le sol et moins à des zones remplies de blanc, il vous suffit d'accéder à nouveau aux options du mode de fusion dans le coin supérieur gauche de la palette Calques et de modifier le mode de fusion pour 'Calque 1' de 'Normal' à Recouvrir :

  Image du didacticiel Adobe Photoshop.

Changez le mode de fusion de 'Calque 1' en 'Superposition'.

Et avec ça, on a fini ! Voici à nouveau mon image originale pour comparaison:

  Image du didacticiel Adobe Photoshop.

L'image originale encore une fois.

Et voici, après avoir changé le mode de fusion de 'Calque 1' en 'Superposition' pour créer la lumière qui brille sur le sol, voici mon résultat final :

  Image du didacticiel Adobe Photoshop.

Le résultat final.