Danse dans l'effet des étoiles avec Photoshop

Écrit par Steve Patterson.

Chaque mois, nous recevons des e-mails de photographes demandant des idées plus créatives pour afficher les photos de mariage ou de fiançailles d'un client, similaires à nos populaires Mélanger des photos comme une affiche de film hollywoodien et Couple de mariage dans un verre à vin tutoriels.



L'autre soir, j'étais assis à l'extérieur, regardant dans le vide, espérant apercevoir la pluie de météores annuelle des Perséides, quand la pensée m'a frappé - et si les mariés étaient là-haut dansant dans les étoiles ? Eh bien, tant pis pour la pluie de météorites (il y a toujours l'année prochaine, n'est-ce pas ?) Alors que je me précipitais à l'intérieur pour jouer avec Photoshop et voir où l'idée me mènerait.

Sans surprise, la création de cet effet 'danse dans les étoiles' (sans rapport avec une certaine émission de télévision portant un nom similaire) est très simple. En fait, quelques-unes des étapes sont empruntées à nos précédents Créer un ciel étoilé tutoriel, donc si vous avez travaillé sur celui-ci, une partie de cela vous sera déjà familière.





Pour créer cet effet, vous aurez besoin d'une photo de deux personnes qui dansent ensemble, de préférence une mariée et un marié, mais ce n'est pas nécessairement le cas. J'utiliserai Photoshop CS5 tout au long du didacticiel, mais toute version récente fera l'affaire. Voici le résultat final vers lequel nous allons travailler :

  Photoshop danse dans l'effet des étoiles. L'effet final.

Comment créer un effet de danse dans les étoiles

Étape 1 : créer un nouveau document

Pour commencer, créez un nouveau document pour l'effet en remontant jusqu'au Dossier menu dans la barre de menus en haut de l'écran et en choisissant Nouveau , ou appuyez sur Ctrl+N (Gagner) / Commande + N (Mac) pour accéder à la commande avec le raccourci clavier :



  Allez dans Fichier > Nouveau. Allez dans Fichier > Nouveau.

Cela ouvre la boîte de dialogue Nouveau document de Photoshop. Je vais saisir une taille de cadre photo standard de 8 pouces pour le Largeur et 10 pouces pour le Hauteur (la taille dont vous avez besoin peut être différente), et puisque je voudrai imprimer le résultat final, je saisirai un Résolution valeur de 240 pixels/pouce . En haut de la boîte de dialogue se trouve une option permettant de donner un nom au nouveau document. Normalement, je ne prends pas la peine de nommer les documents jusqu'à ce que je les enregistre plus tard, mais pour faciliter les choses pour ce didacticiel, nommez votre document 'Dancing In The Stars' (ou quelque chose de similaire). Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Votre nouveau document apparaîtra à l'écran :

  La boîte de dialogue Nouveau document dans Photoshop. La boîte de dialogue Nouveau document.

Étape 2 : Remplissez le nouveau document avec du noir

Appuyez sur la lettre sur votre clavier pour réinitialiser rapidement Photoshop Couleurs de premier plan et d'arrière-plan à leurs valeurs par défaut, si nécessaire, ce qui définit votre couleur de premier plan sur le noir . Puis appuyez Alt+Retour arrière (Gagner) / Option+Supprimer (Mac) pour remplir le nouveau document avec la couleur de premier plan actuelle (noir) :



  Le nouveau document est maintenant rempli de noir. Le document après l'avoir rempli de noir.

Étape 3 : Ajouter du bruit

Créons des étoiles. Montez jusqu'au Filtre menus, choisissez Bruit , Alors choisi Ajoute du bruit :

  Sélection du filtre Ajouter du bruit dans Photoshop. Allez dans Filtre > Bruit > Ajouter du bruit.

Lorsque la boîte de dialogue Ajouter du bruit s'affiche, augmentez Montant à environ 120% ou alors en faisant glisser le curseur vers la droite. Assurez-vous que le gaussien et Monochromatique les options sont sélectionnées en bas de la boîte de dialogue :

  La boîte de dialogue Ajouter un filtre de bruit dans Photoshop. La boîte de dialogue du filtre Ajouter du bruit.

Cliquez sur OK lorsque vous avez terminé pour en sortir. Votre document devrait maintenant être rempli de beaucoup de bruit :



  Le document Photoshop est rempli de bruit. Le document après application du filtre Ajouter du bruit.

Étape 4 : Appliquez le filtre de flou gaussien

Remontez jusqu'au Filtre menu et cette fois choisissez Se brouiller , Alors choisi Flou gaussien :

  Sélection du filtre Flou gaussien dans Photoshop. Allez dans Filtre > Flou > Flou gaussien.

Lorsque la boîte de dialogue Flou gaussien apparaît, entrez un Rayon valeur d'environ 0,3 pixels , juste assez pour regrouper une partie du bruit. Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue :

  Filtre de flou gaussien Photoshop. La boîte de dialogue Flou gaussien.

Étape 5 : Appliquer un ajustement d'image de niveaux A

Montez jusqu'au Image menus, choisissez Ajustements , puis choisissez Niveaux , ou appuyez sur Ctrl+L (Gagner) / Commande + L (Mac) pour accéder aux niveaux avec le raccourci clavier :



  Sélection d'un réglage d'image Niveaux dans Photoshop. Accédez à Image > Réglages > Niveaux.

Juste en dessous de la histogramme (la zone qui ressemble à une montagne noire) dans la boîte de dialogue Niveaux se trouvent trois petits curseurs - un noir à l'extrême gauche, un blanc à l'extrême droite et un gris au milieu. Clique sur le curseur noir et faites-le glisser vers la droite. Au fur et à mesure que vous faites glisser le curseur, vous verrez de plus en plus de bruit blanc disparaître dans le document. Les points blancs restants deviennent nos étoiles. Faites glisser le curseur noir aussi loin vers la droite que nécessaire jusqu'à ce que vous soyez satisfait du nombre d'étoiles dans l'image :

  Faites glisser le curseur noir dans les options Niveaux du panneau Réglages dans Photoshop CS5. Faites glisser le curseur noir vers la droite pour réduire le bruit et créer les étoiles.

Pour illuminer les étoiles, cliquez sur le curseur blanc et faites-le glisser sur une courte distance vers la gauche. Vous devrez peut-être faire des allers-retours entre les curseurs noir et blanc pour affiner les résultats :



  Faites glisser le curseur blanc dans les options Niveaux du panneau Réglages dans Photoshop CS5. Faites glisser le curseur blanc vers la gauche pour éclairer les étoiles.

Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue Niveaux. Les étoiles de votre document devraient maintenant ressembler à ceci :

  Étoiles ajoutées à l'image dans Photoshop. Les étoiles ont été ajoutées au document.

Étape 6 : Ajouter un nouveau calque

Ajoutez un nouveau calque vierge au document en cliquant sur le Nouvelle Couche icône en bas du panneau Calques :



  L'icône Nouveau calque dans le panneau Calques de Photoshop. L'icône Nouveau calque.

Étape 7 : Sélectionnez l'outil de dégradé

Sélectionnez Photoshop Outil gradient depuis le panneau Outils :

  Outil de dégradé Photoshop. L'outil de dégradé.

Étape 8: Dessinez un dégradé radial blanc à noir

De retour à l'étape 2, nous avons réinitialisé les couleurs de premier plan et d'arrière-plan de Photoshop à leurs valeurs par défaut en appuyant sur la lettre D du clavier, ce qui a rendu la couleur de premier plan noire (et la couleur d'arrière-plan blanche). Cette fois, appuyez sur la lettre X sur votre clavier pour échanger les couleurs, rendant la couleur de premier plan blanche et la couleur d'arrière-plan noire. Vous pouvez voir à quoi les couleurs sont actuellement définies en regardant les échantillons de couleurs de premier plan et d'arrière-plan au bas du panneau Outils :

  Échantillons de couleurs de premier plan et d'arrière-plan Photoshop. La couleur de premier plan (nuance de gauche) et la couleur d'arrière-plan (nuance de droite) actuelles.

La raison pour laquelle nous avons fait cela est que nous devons choisir un dégradé blanc à noir et par défaut, Photoshop sélectionne un dégradé basé sur les couleurs actuelles de premier plan et d'arrière-plan, ce qui signifie que nous devrions maintenant avoir un dégradé blanc à noir déjà choisi pour nous. Vous pouvez voir les couleurs de dégradé actuelles en regardant le barre de prévisualisation dégradée dans la barre d'options :

  L'aperçu du dégradé dans la barre d'options de Photoshop. Par défaut, un dégradé de blanc à noir doit s'afficher dans la barre d'aperçu.

Si un dégradé différent est actuellement sélectionné, cliquez simplement sur la barre d'aperçu du dégradé, ce qui ouvre le Éditeur de dégradé , puis cliquez sur le Premier plan à arrière-plan vignette du dégradé (en haut à gauche) pour le sélectionner. Cliquez sur OK lorsque vous avez terminé pour quitter l'éditeur de dégradé :

  Éditeur de dégradé Photoshop. Cliquez sur la vignette du dégradé Premier plan à arrière-plan pour le sélectionner si nécessaire.

Enfin, cliquez sur le Radial icône de dégradé dans la barre d'options :

  Icône de dégradé radial Photoshop. Sélectionnez l'option Radiale.

Avec un dégradé radial blanc à noir maintenant sélectionné, cliquez à peu près à mi-chemin entre le milieu et le bas du document pour définir un point de départ pour le dégradé. Ensuite, avec le bouton de la souris toujours enfoncé, faites glisser tout en haut :

  Dessiner un dégradé radial dans Photoshop. Cliquez et faites glisser la zone de transition pour le dégradé.

Relâchez le bouton de la souris en haut du document et Photoshop dessine un grand dégradé radial, avec du blanc au centre (là où vous avez initialement cliqué) et passant progressivement au noir à mesure qu'il se déplace vers les bords extérieurs :

  Dégradé radial Photoshop. Photoshop dessine le dégradé lorsque vous relâchez le bouton de la souris.

Étape 9 : redimensionnez le dégradé avec une transformation libre

Montez jusqu'au Éditer menu en haut de l'écran et choisissez Transformation libre , ou appuyez sur Ctrl+T (Gagner) / Commande + T (Mac) pour accéder à Free Transform avec le raccourci clavier :

  Commande Photoshop Free Transform. Allez dans Edition > Transformation libre.

Cela place la boîte de transformation libre et les poignées autour du dégradé. Cliquez sur la poignée (le petit carré) dans le centre supérieur et faites-le glisser vers le bas jusqu'à ce que le dégradé ne couvre que le tiers inférieur environ du document. Presse Entrer (Gagner) / Revenir (Mac) lorsque vous avez terminé d'accepter la transformation et de sortir de la transformation libre :

  Remodeler le dégradé avec Free Transform dans Photoshop. Faites glisser la poignée centrale supérieure vers le bas jusqu'à ce que le dégradé atteigne environ un tiers de sa taille d'origine.

Étape 10 : Modifiez le mode de fusion des calques en écran

Pour mélanger le dégradé avec les étoiles derrière lui afin qu'il ressemble à la lumière qui brille d'une galaxie lointaine, changez le mode de fusion du calque du dégradé de Normal à Filtrer :

  Le mode de fusion du calque Écran dans Photoshop. Changez le mode de fusion en Écran.

Avec le mode de fusion défini sur Écran, les étoiles sont désormais visibles à travers les bords extérieurs plus sombres du dégradé :

  Les étoiles brillent maintenant à travers la lumière de la galaxie. Le mode de fusion de l'écran fait disparaître toutes les zones de noir uni sur le calque.

Étape 11 : Ouvrez la photo du couple dansant

Nous sommes prêts à ajouter notre couple de danseurs dans les étoiles. Ouvrez votre photo qui contient le couple. Voici la photo que j'utiliserai. La photo s'ouvrira dans une fenêtre de document distincte :

  Un couple de mariés qui danse. Image sous licence de Photoshop Essentials.com. Le couple heureux.

Étape 12 : Sélectionnez le couple

Utilisez l'outil de sélection Photoshop de votre choix ( Lasso , Outil Lasso magnétique , Outil stylo , etc) pour sélectionner uniquement le couple sur la photo. Lorsque vous avez terminé, vous devriez voir un contour de sélection autour d'eux :

  Sélection du couple de mariés sur la photo. Sélectionnez le couple.

Étape 13 : Copier la sélection dans un nouveau calque

Presse Ctrl+J (Gagner) / Commande + J (Mac) pour copier rapidement le couple dans son propre calque dans le panneau Calques :

  Copie du couple de mariés dans un nouveau calque. Le couple a maintenant sa propre couche pour lui tout seul.

Étape 14 : Déplacer le calque vers le document Stars

Avec le calque du couple sélectionné dans le panneau Calques, montez jusqu'au Couche menu et choisissez Couche dupliquée :

  Commande Photoshop Dupliquer le calque. Allez dans Calque > Dupliquer le calque.

Nous allons copier ce calque dans notre document d'étoiles. Lorsque la boîte de dialogue Dupliquer le calque apparaît, nommez le calque Couple en haut de la boîte de dialogue (où il est écrit Dupliquer le calque 1 comme ). Choisissez ensuite votre document 'Dancing In The Stars' comme Destination pour la couche. Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue :

  Commande Photoshop Dupliquer le calque. Nommez le calque dupliqué 'Couple' et définissez votre document étoiles comme destination.

Revenez au document des étoiles (vous pouvez fermer le document de la photo à ce stade), où nous trouvons le couple dansant maintenant devant les étoiles (nous les mettrons en place dans un instant) :

  Le couple de mariés a été ajouté au document des étoiles. Image sous licence de Photoshop Essentials.com. Le couple a été ajouté au document.

Si nous regardons dans le panneau Calques, nous voyons que le couple se trouve maintenant sur son propre calque nommé 'Couple' au-dessus des deux autres calques :

  Le calque a été déplacé vers le nouveau document. Photoshop a placé le calque 'Couple' au-dessus des deux calques d'origine.

Étape 15 : Déplacer et redimensionner le couple avec une transformation libre

Presse Ctrl+T (Gagner) / Commande + T (Mac) pour afficher rapidement le Transformation libre boîte et poignées autour du couple afin que nous puissions les redimensionner si nécessaire et les déplacer en position. Pour redimensionner le couple, maintenez votre Décalage clé et faites glisser l'un des quatre poignées d'angle . Maintenir la touche Maj enfoncée pendant que vous faites glisser limite le rapport d'aspect du couple afin de ne pas en déformer la forme générale. Pour les déplacer en position, cliquez n'importe où à l'intérieur de la zone de délimitation de la transformation libre et faites-les glisser à l'intérieur du document avec votre souris. Déplacez-les pour qu'ils aient l'air de se tenir directement au centre de la 'galaxie'. Presse Entrer (Gagner) / Revenir (Mac) lorsque vous avez terminé d'accepter les modifications et de quitter la transformation libre :

  Redimensionner et déplacer les mariés avec Free Transform. Déplacez le couple directement au-dessus du centre du dégradé.

Étape 16 : Ajouter un masque de calque

Clique sur le Masque de calque icône en bas du panneau Calques pour ajouter un masque de calque au calque 'Couple':

  Icône Photoshop Ajouter un masque de calque. Cliquez sur l'icône Masque de calque.

UN vignette du masque de calque apparaît à droite de la vignette d'aperçu principale :

  Vignette du masque de calque Photoshop. s

La vignette du masque de calque.

Étape 17 : Dessinez un dégradé linéaire sur le masque de calque

Nous allons utiliser le masque de calque pour fondre la partie inférieure du couple dans le dégradé, comme s'il était englouti par la lumière de la galaxie. Sélectionnez le Outil gradient à nouveau depuis le panneau Outils. Ensuite, en haut de la barre d'options, cliquez sur le Linéaire icône dégradé :

  L'icône de dégradé linéaire dans la barre d'options de Photoshop. Cliquez sur l'option Dégradé linéaire.

Pour fondre le couple dans le dégradé, je clique quelque part juste en dessous du niveau du genou pour définir un point de départ pour le dégradé, et avec le bouton de la souris toujours enfoncé, je vais faire glisser juste au-dessus des pieds du marié. Tenez votre Décalage pendant que vous faites glisser, ce qui limitera la direction dans laquelle vous pouvez faire glisser, ce qui facilitera le glissement vers le bas :

  Dessiner un dégradé linéaire sur le masque de calque. Faites glisser un court dégradé vertical sur le masque de calque.

Puisque nous avons dessiné le dégradé sur le masque de calque, et non sur le calque lui-même, lorsque vous relâchez le bouton de la souris, le couple se fond bien dans la 'galaxie' en dessous :

  Le couple est maintenant fondu dans la galaxie. L'image après avoir fondu le couple dans le dégradé.

Étape 18 : Coloriser l'image avec un calque de réglage de teinte/saturation

Donnons de la couleur à la galaxie. Clique sur le Nouveau calque de réglage icône en bas du panneau Calques :

  Icône Photoshop Nouveau calque de réglage. L'icône Nouveau calque de réglage.

Sélectionner Teinte/Saturation dans la liste des calques de réglage qui apparaît :

  Sélection d'un calque de réglage Teinte/Saturation. Choisissez Teinte/Saturation.

Si vous utilisez Photoshop CS5 comme je suis ici, les options de teinte/saturation apparaîtront dans le Panneau de réglage , nouveau dans CS5. Dans Photoshop CS4 et versions antérieures, la boîte de dialogue Teinte/Saturation s'ouvre. Je vais donner à ma galaxie une belle couleur bleue. Tout d'abord, sélectionnez le Coloriser option en cliquant à l'intérieur de sa case à cocher. Avec Coloriser sélectionné, si vous souhaitez utiliser la même couleur que moi, définissez le Teinte valeur à 240 et augmenter la Saturation à cinquante% (si vous voulez essayer une couleur différente, faites simplement glisser le curseur Teinte vers la gauche ou vers la droite) :

  Les options Teinte/Saturation dans Photoshop. Les options Teinte/Saturation.

Si vous utilisez Photoshop CS4 ou une version antérieure, cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Il n'est pas nécessaire de fermer le panneau de réglages dans CS5. La couleur semblera trop intense pour le moment, mais nous allons corriger cela ensuite :

  L'image a été colorisée dans Photoshop. La couleur est actuellement trop intense.

Étape 19: Changez le mode de fusion en couleur et réduisez l'opacité

Changer la mode de fusion du calque de réglage Teinte/Saturation de Normal à Couleur afin que seules les couleurs de l'image soient affectées, pas les valeurs de luminosité. Ensuite, pour réduire l'intensité de la couleur, baissez le Opacité du calque de réglage Teinte/Saturation à environ 60% :

  Les options de mode de fusion et d'opacité dans le panneau Calques. Changez le mode de fusion en Couleur et réduisez l'opacité.

L'effet de colorisation est maintenant beaucoup plus subtil. Encore une dernière chose à faire :

  L'image après avoir réduit l'opacité. L'image après réduction de la couleur.

Étape 20 : Dessinez un dégradé linéaire sur le masque de calque teinte/saturation

Pour finir, donnons l'impression que la lumière de la galaxie se reflète sur le couple plutôt que d'avoir toute l'image colorisée en bleu (ou la couleur que vous avez choisie). Cela ramènera le teint d'origine de leur visage. Avec l'outil Dégradé toujours sélectionné, je clique autour de la taille de la mariée pour définir le point de départ de mon dégradé et, avec le bouton de la souris toujours enfoncé, je fais glisser jusqu'à son épaule, en tenant mon Décalage appuyez également vers le bas pour faciliter le glissement vers le haut :

  Faites glisser un autre dégradé linéaire. Assurez-vous de terminer votre zone de transition avant d'atteindre les visages du couple.

Encore une fois, puisque nous avons dessiné le dégradé sur un masque de calque (le masque de calque de réglage Teinte/Saturation, qui a déjà été sélectionné pour nous par Photoshop), nous ne voyons pas réellement le dégradé dans le document. Au lieu de cela, la couleur de la galaxie ne s'étend maintenant que jusqu'à la taille de la mariée, puis commence à s'estomper rapidement pour révéler les couleurs d'origine de la photo, complétant ainsi notre effet 'danse dans les étoiles':

  Photoshop danse dans l'effet des étoiles. Le résultat final.