Débutant - Changer le ciel d’une photo

Ecole Photoshop, apprenez à supprimer puis à changer le ciel par une image graphique que vous aurez préalablement créée. Ce tutoriel faisant partie de l’école Photoshop, de nombreuses explications sont apportées et est donc compréhensible par de vrai débutants de Photoshop !

Ce tutoriel fait partie de la section « Ecole Photoshop ». Il vous permettra d’apprendre à changer le ciel d’une photo par un autre créé de toute pièce.

Les outils utilisés : la plume, le pot de peinture, les styles de calques, les brushs, la sélection.

Technique : détourage avec la plume, création d’éléments graphiques avec l’ajout de brushs

Fichiers sources et images en haute résolution disponibles en téléchargement.

La photo que j’utilise dans ce tutoriel se télécharge gratuitement sur le site Photoxpress, rendez-vous à cette adresse : http://www.photoxpress.com/Content/building-royal-luxury/3905652

Le brush du nuage quant à lui est disponible sur le site Qbrushes à cette adresse : http://qbrushes.com/nature/cloud-brushes/

Et enfin pour trouver les couleurs du ciel et de l’inspiration, je vous invite à consulter cette page, toujours sur le site Photoxpress : http://www.photoxpress.com/search...y&search.x=0&search.y=0

Bon, commençons la modification de notre photo.

ETAPE 1

La première chose à faire après avoir lancé le logiciel Photoshop, consiste à importer la photo dans le logiciel. Pour cela, je peux appliquer un glisser / déposer de mon dossier Windows au logiciel Photoshop ou passer par le menu fichier > ouvrir > et trouver le bon fichier dans l’arborescence des dossiers.

ETAPE 2

Je vais maintenant dupliquer ma photo, pour éviter de faire des bêtises sur l’original.

Pour cela, je regarde en bas à droite de mon écran, je situe la fenêtre des calques. Puis avec la souris je glisse puis je dépose le calque arrière plan sur l’icône nouveau (en bas à droite, tout juste à gauche de la poubelle). Ceci a pour conséquence de créer un nouveau calque (entouré en rouge) appelé arrière plan copie.

Ensuite, en utilisant l’outil loupe, je zoome sur ma photo (outil disponible à gauche dans la barre d’outil).

ETAPE 3

Je vais maintenant utiliser la plume pour détourer le bâtiment, je trouve cet outil dans la barre à gauche de l’écran, ensuite je vérifie que l’icône Calques de forme (en haut à gauche) soit bien enfoncé !

Pour détourer le bâtiment, rien de plus simple, je dois créer une forme qui fait tout le tour, commencer par cliquer une fois sur le bord du noir par exemple, puis un peu plus loin cliquer une seconde fois, puis une troisième, et ainsi de suite pour faire tout le tour !

ETAPE 4 / 5 / 6

Il est possible qu’un moment votre forme passe sur la photo vous empêchant de continuer. Je dois alors diminuer l’opacité de cette forme à 0% de façon à la cacher pour voir derrière la photo. Pour cela, en bas à droite je change le 100% d’opacité par 0%.

ETAPE 7

Une fois le tour complet terminé, je change à nouveau l’opacité à 90% par exemple pour constater que la forme noire faire bien le tour total ! Dans mon exemple c’est le cas, j’ai donc parfaitement détouré le bâtiment.

Si ce n’est pas le cas je peux la supprimer pour faire un nouvel essai !

ETAPE 8

Je vais maintenant récupérer la sélection de la forme noir, pour cela rien de plus simple, j’enfonce la touche Ctrl de mon clavier puis je clique une fois sur le calque de la forme ! Pour vérifier que la sélection est active, je regarde le tour de mon bâtiment, normalement il se trouve en surbrillance.

Je peux maintenant cacher la forme noire en cliquant sur son œil ou en diminuant son opacité à 0% (vous savez faire maintenant ;)

ETAPE 9

Je vais maintenant intervertir la sélection, pour cela rien de plus simple, je vais dans le menu sélection puis je clique sur intervertir.

Pour vérifier que c’est bien effectué, je regarde en haut de mon image, avant le bâtiment était sélectionné, maintenant la sélection entour le ciel et seulement le ciel.

ETAPE 10

Je vais maintenant supprimer le ciel pour pouvoir le remplacer dans les prochaines étapes.

Je vérifie que je me trouve bien sur le calque arrière plan copie (en bas à droite entouré en rouge) puis j’enfonce la touche Suppr. de mon clavier.

Sur mon image cela ne change rien, mais je peux constater que dans la vignette le ciel d’arrière plan copie à disparu.

ETAPE 11

Si je clique sur l’œil du calque arrière plan, voyez ce qui se passe, un damier blanc gris vient s’afficher ! Ce damier signifie dans Photoshop que la zone est transparente.

Je vais maintenant pouvoir créer un nouveau ciel.

ETAPE 12

Si vous créez un nouveau calque sous arrière plan copie et que vous dessinez dessus, vous vous rendez compte que la partie du damier est vraiment transparente.

ETAPE 13

Je vais maintenant créer le ciel, pour cela je clique sur le calque arrière plan, puis je clique sur l’icône nouveau en bas à droite. Un nouveau calque est créé.

Je sélectionne le pot de peinture (barre d’outils à gauche) puis je remplis le calque avec une couleur (n’importe laquelle).

Enfin je vais dans le menu calque (en haut à gauche) puis je clique sur styles de calque et enfin incrustation de dégradé. Une nouvelle fenêtre apparait, je crée un dégradé bleu clair puis je clique sur ok.

Le dégradé et automatiquement appliqué à mon image créant ainsi un ciel bien bleu.

ETAPE 14

Je vais créer une lueur bleu-clair autour de mon bâtiment. Pour cela je commence par créer un nouveau calque. Attention celui-ci devra se trouver au dessus du calque du ciel (calque 1) je rappelle que pour changer l’ordre des calques (dans la fenêtre des calques) il suffit de les glisser / déposer.

Je sélectionne l’outil pinceau (à gauche de mon écran) que je configure en 200px diffus, puis je dessine tout autour du bâtiment pour créer une lueur bleutée !

ETAPE 15

Je vais maintenant ajouter des brushes nuage dans Photoshop, pour cela rien de plus simple.

En ayant sélectionné l’outil pinceau, je clique sur le petit icône forme en haut de l’écran, là une fenêtre s’ouvre. Je clique sur le petit rond à droite (add brushes) là un menu déroulant apparait, je clique alors sur ajouter des formes : je sélectionne mon fichier dans l’arborescence.

ETAPE 16 / 17

Je crée un nouveau calque (calque 3) puis en utilisant les formes de pinceau précédemment ajoutées, je crée des nuages par ci par là, histoire de donner une nouvelle dimension à notre photo.

Et voila, j’ai déjà terminé ma modification, je peux enregistrer la photo en psd pour conserver les sources ou directement en jpg pour l’envoyer par mail ou l’utiliser sur un site internet.

Si vous éprouvez un problème pour réaliser l’une de ces étapes merci d’utiliser les commentaires ci-dessous, une réponse sera publiée très rapidement.

Téléchargement des fichiers sources liés à ce tutorial

Veuillez vous connecter pour télécharger les fichiers sources

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

    Questions et commentaires, Il y a 22 messages de forum.

    Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

    • 4 septembre 2009 17:33, par Spacer

      Sympa pour les photos par temps nuageux :)

      Répondre
    • 4 septembre 2009 20:02, par Votre pseudonyme

      Tu devrais passer aux tutos videos, si quelqu’un comprend pas ce sera beaucoup plus simple !! ^^

      Répondre
    • 5 septembre 2009 01:35, par Y@$$ !NO

      Salut Wonka ;

      Joli tutoriel, certes, mais je ne suis totalement pas d’accord avec toi en ce qui concèrne l’étape 3.

      Pourquoi ne pas utiliser les tracés pour la plume ?(cocher l’icône à coté de Calques de forme —> Choisir l’onglet Tracés dans la fenêtre des calques —> Créer un nouveau calque de tracé)

      Comme ça, on n’aura pas de problème avec l’opacité, puisqu’on ne verra que le contour. Et de plus, on peut facilement remplir la tracé ou en faire une selection (clique droit sur le calque concerné, sans oublier de créer un nouveau calque dans l’onglet Calques sur lequel il y aura le remplissage si c’est la cas).

      Bon, ce n’est que mon point de vue =) A toi de voir ;)

      En tout cas, joli tuto :)

      Répondre
      • 7 septembre 2009 11:57, par Wonka

        Non c’est vrai, mais pour un débutant il est plus visuel de voir la forme se créer, même si un problème d’opacité vient nous embêter quelques étapes après :p

        Mais oui tu as tout a fait raison, les contours sont plus efficaces !

        Merci pour ton éclaircissement !

        Répondre
        • 8 septembre 2009 18:12, par Y@$$ !NO

          Tu as raison, pour un débutant, il faut aller étape par étape, sinon on risque de tout confondre. Avec le temps, peut-être qu’on utilisera cette manipulation.

          Merci pour ta réponse =)

          Répondre
          • 9 septembre 2009 18:56, par anonyme

            Il y a aussi le lasso magnétique pour le début....:p

            Répondre
    • 6 septembre 2009 22:01, par Galford

      je veut dir une chose ! sa se fait pas de s’absenter plus qu’un mois et âpres tu revient avec un tuto commca ! franchement j’ai les boules ^^’ dsl wonka je dit pas sa pour te vexer mais pour réveiller le jeune talentueux qui est en toi qu’on connaissait tous depuis le 1er site wonka celui avec le gros menu en jaune :) tu te rappel ... :) . en tout cas moi j’attend tjrs le wonka que je connais car je sait qu’il reviandras un jrs... :)

      Répondre
      • 7 septembre 2009 11:59, par Wonka

        Un menu jaune ? je me souviens pas.

        De toute manière ce tuto est à destination des vrais dèbutants qui me supplie depuis des lustres d’avoir de vrai tutos pour dèbutant.

        Merci d’être compréhensif avec ceux qui commencent et qui ne pourrons suivre des créations trop complexes.

        Répondre
    • 8 septembre 2009 04:05, par Galford

      je crois que t’a pris mon coms pour une critique negative ! 1- si j’ai dit tout cela car je suis un fan et je veut que ton imagination , ta motivation pour l’invention et la création se réveil en toi car franchement les dernier tuto après que t’a changer le kit du site est moins qu’avant . 2ement - le menu jaune je parlait de ce menu http://www.pixbay.net/images/large/9.jpg il devient jaune en le surfant :)

      Répondre
      • 9 septembre 2009 00:11, par Wonka

        C’est drôlement vieux ça :)

        Et oui j’avais compris concernant l’imagination sur les tutos, mais l’explication est simple avant j’avais bien plus de temps et surtout aucune charge financière, aujourd’hui ce n’est plus le cas et donc je m’investis plus sur des projets lucratifs !

        Merci en tout cas de suivre wks.fr depuis si longtemps !

        Répondre
    • 9 septembre 2009 02:02, par Galford

      dr mon cher wonka ,enfaite c’est grâce a toi que j’ai appris le designe et que j’ai fait mon projet de ma fin de formation ( cété en 2007 le projet cété un site web dynamique php-mysql :p ) ,et sa fait longtemps que je voulait te dir « Té Le meilleur WONKA !!!!! » sinn je voulait te demander un truc ! est ce que tu peut préciser un peut en détails comment on gagne 50 a 150 euros en posant un article dans ton blog ! dans la page d’inscription ! merci

      Répondre
      • 9 septembre 2009 11:26, par Wonka

        Alors déjà merci :) pour la rémunération, il faut m’envoyer un mail pour avoir les détails mais je peux juste te dire que je cible des tutos de hautes qualités justement pour combler le vide des tutos professionnels, donc des effets sympa mais surtout bien expliqués ! Si tu penses pouvoir faire ce genre d’article moi je pense pouvoir te les payer ;) Contact moi.

        Répondre
    • 7 octobre 2009 11:28, par Määsk

      Moi ça peut m’intéresser Wonka, faut voir quelles sont tes attentes exactement, si t’as deux-trois envies de tuto en particulier on peut s’arranger !

      C’est la crise ^^

      Enfin, perso je constate avec plaisir un bon nombre de nouveaux tutos dédiés à la retouche photo en particulier, c’est des trucs de base mais combien ne connaissent pas ces bases ?

      Enfin bref, je crois que quand j’ai découvert WKS c’était aussi sous le même design que Galford, au « début » du 2.0 :D

      T’as mon mail si tu veux en parler !

      Répondre
      • 7 octobre 2009 12:22, par Wonka

        Oui mais non je n’ai pas ton mail ;) en tout cas il ne s’affiche pas à l’écran :/

        Répondre
    • 7 octobre 2009 17:19, par Määsk

      Mwarf et pourtant il est ajouté dans le champ correspondant !

      maask2009 chez la messagerie de Google :D

      Répondre
      • 8 octobre 2009 01:01, par Wonka

        Ok je prends note ;)

        Répondre
    • 2 novembre 2009 13:54, par Playground

      Très bien ce tuto mais moi jai un probleme qd je telecharge le brush des nuages tout vas bien sauf que pour limporter dans Ps ca marche pas parce que Ps me dit que le Brush est imcompatible :O

      HELP ME PLEASE

      Répondre
      • 2 novembre 2009 19:40, par Wonka

        Normalement il y a aucun problème de compatibilité avec les brushs proposés ici, es tu sur de faire la bonne manipulation pour ajouter les brushs dans photoshop ?

        Répondre
    • 19 avril 2011 14:19, par Anavrina

      Moi j’ai un problème pour la sélection. Effectivement apèrs avoir tracé toute ma forme j’ai beau cliquer dessus avec ctrl appuyer mon icone plume se transforme en souris mais pas de pointillés qui l’a délimite je peux la déplacer mais dans le menu sélection intervenir reste grisé. Toujours une étape qui me freine j’en ai marre :-(

      Répondre
    • 3 novembre 2011 08:53, par nox

      Bonjour,

      je ne comprend pas ou trouver le brush diffus oO

      et quand je fait les nuage il sont vraiment moche et d’une couleur unie ’^^

      une solution ?

      merci

      Répondre
    • 8 février 19:40, par nazel

      Lorsque l’on utilise l’outil plume, il existe(en haut à gauche, seconde icône à côté de la plume) un réglage permettant de faire un tracé vide, celui-ci évite de devoir modifier l’opacité du calque vu qu’alors on ne travaille qu’avec un contour.

      Répondre
    • 8 février 19:42, par nazel

      réponse pour @ Anavrina Il te faut cliquer sur ctrl+enter pour transformer ton trcé plume en sélection.

      Répondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.