Annonce importante du forum, cliquez ici pour en savoir plus.
[Tutoriel] Retoucher ses images avec Photoshop et Gimp (maj 20/11 : nouveau tuto !)
Soorane
Messages: 150 Membre
Pour suivre ce tuto vous pouviez le réaliser en même temps que moi. Prenez l'image de votre choix ou téléchargez ma capture d'écran ici
Il y aura 6 étapes et 6 calques en tout. Je précise que ça ne fonctionne pas que pour photoshop ! C'est plus un procédé de retouche, pour ma part, j'utilise ce logiciel, mais ça fonctionne sur Gimp ou autre logiciel de retouche photo. Il vous suffira de trouver les outils équivalents pour le réaliser !
Je précise également que ce ne sera pas un tuto photoshop, je vous explique quoi faire pour améliorer l'image mais je pars du principe que vous maîtrisez un minimum l'outil. Cependant, si vous rencontrez des soucis vous pourrez toujours me le demander en commentaire, je vous aiderais avec plaisir !
Sommaire :
A : Le cadrage
B : Ajuster les couleurs de l'images
C : Ajouter une profondeur de champ
D : Ajouter de la lumière
E : Ajuster l’atmosphère de votre image
F : Ajout d'effets lumières ( Bokeh)
Nouveau tuto : Lumière "découpé"
Je ne vais pas vous faire de cours de photo, car il existe pleins de tutoriels qui traitent ce sujet beaucoup mieux que moi (et parce que je ne suis pas photographe) mais je voulais tout de même parler de son importance. Le cadrage c'est 90% du travail ! Donc en jeu au moment de la capture, mettez sur pause et prenez votre temps pour trouver le meilleur angle !
La règle des tiers et des lignes de force représentés par cette grille sera votre meilleur allié ! Ayez-le toujours en tête au moment des captures d'écran, rien qu'avec ça vos images seront beaucoup plus agréable à regarder.
Une fois que vous avez votre image on peut démarrer le travail de retouche.
La première chose à faire est de rehausser les couleurs que je trouve trop ternes. Souvent on le fait en réglant les courbes, la luminosité, les contrastes etc... mais ça peut prendre un temps fou et on sait jamais bien doser chaque réglage. Pour ma part pour aller plus vite j'utilise cette méthode :
Les couleurs sont pas exactement pareil mais le rendu voulu lui se rapproche !
Ici j'ai baissé le fond à 14% pour photoshop et l'opacité à 31% pour Gimp mais il n'y a pas de règle pour le pourcentage, c'est selon l'image et vos goûts. Veillez cependant à surveiller les zones très éclairées et les blancs qui ont tendance à être trop prononcés.
Un petit aperçu de l'avant/après. Comme vous voyez c'est très léger mais l'éclairage étant très orange/jaune, j'ai voulu garder une atmosphère douce et ne pas avoir de couleurs trop agressives.
Il y a plusieurs effets de flou et pleins de façon de créer une profondeur de champ là méthode que je vais vous donner n'est pas l'unique méthode ! Il y a tellement de flous différents que moi-même je n'ai pas tout essayé. Mais voici ma technique personnel qui est assez simple:
Gimp : Filtre - flou - flou gaussien (marche aussi pour Photoshop, le rendu est pas tout à fait pareil donc c'est selon se que vous préférez)
Vous pouvez augmenter/diminuer le flou dans les réglages, personnellement avec le flou d'objectif je garde les réglages de base.
Sélectionnez la zone à flouter.
En générale c'est l'arrière-plan mais si des objets se trouvent en premier plan vous pouvez le flouter aussi ! Tout dépend du focus que vous vouliez faire.
Alors il y a 2 techniques arrivé à cette étape.
Méthode 1 :
Vous pouvez sélectionner avec l'outil lasso ou la baguette magique.
Petite astuce Photoshop : prenez l'outil sélection rapide (à ne pas confondre avec la baguette magique). Si la sélection déborde sur une zone que vous vouliez garder net il suffit de repasser par-dessus en maintenant la touche Alt pour la désélectionner.
Méthode 2 : Si vous galérez avec les outils de sélection rdv directement à l'étape d'après.
2-Créez un masque sur le calque flou
Une fois que vous avez votre sélection (selon la technique que vous utilisez c'est plus ou moins rapide, moi je le fait à peu près en 1min) toujours en étant sur votre calque flou créez un masque comme ceci:
Et tada !
Méthode 2 :Si vous avez sautez l'étape d'avant parce-que vous trouvez la sélection trop compliqué à faire vous pouvez faire ceci :
1- Sans sélectionner la zone à flouter créez votre masque, placez vous bien sur le masque et non sur le calque d'image.
2-Prenez votre pinceau (j'en prend un flou) . Ensuite vous utiliserai que du noir et blanc. Le noir permet de masquer le calque flou, il révélera alors le calque en dessous qui lui est net. Le blanc permet d'effacer le masque, c'est ici que le flou sera visible. Vous pouvez ainsi "peindre" directement avec votre pinceau sur les zone que vous voulez garder net ou flouter. Vous pouvez passer du blanc au noir avec la touche x (fonctionne sur Gimp comme sur Photoshop)
Si vous ignorez le fonctionnement des masques ou que vous aviez rien comprit à mon explication il y a pleins de tuto sur internet dédié à ce sujet ou je peux vous l'expliquer plus en détail en commentaire. Mais globalement, c'est très simple à utiliser et comprendre.
D - Et la lumière fut : l'éclairage
J'aime donner une atmosphère douce en accentuant l'éclairage et les rayons de lumière, voici comment je procède :
1 - Au-dessus des autres calques mais toujours en dessous du calque Densité couleur ajoutez un nouveau calque : lumière. Puis appliquez le style de calque éclaircir pour photoshop et pour Gimp laissez le mode de calque normal.
2 - Choisissez une couleur chaude, mais assez clair dans les beiges (et surtout pas trop jaune).
3 - Prenez l'outil dégradé
Et réglez-le en diffusion radiale de la façon suivante :
Photoshop:
Gimp:
Il suffit ensuite selon vos envies et les sources de lumières présente sur l'image d'appliquer le dégrader ! N'en n'abusez pas, ajoutez-y par petite à 1 ou 2 endroit sur les coins de l'image puis en petite touche sur les bougie et lampe sur un petit rayon.
Puis baissez le fond ou l'opacité jusqu'à avoir l'éclairage qui vous plait. Pour cette image je l'ai réglé sur photoshop à 58% et sur Gimp 50%.
Photoshop:
Gimp : Il vous faudra dupliquer votre calque lumière et le mettre en mode lumière douce pour avoir un meilleur rendu, ici j'ai réglé l'opacité à 30%.
Ou on peut appeler ça correspondance des couleurs. Il y a un filtre qui existe spécialement pour ça, mais je vais vous donner une méthode bien plus simple à mon gout et tout aussi jolie !
1 - Créez un nouveau calque, (c'est l'avant dernier youpi !) nommez le couleur et placez le tout en haut.
Choisissez une couleur assez saturé, moi j'ai choisit du violet mais ça peut être n'importe quoi d'autre tant que ça reste des couleurs vives.
2 - Remplissez toute votre page puis réglez votre style de calque en couleur pour photoshop et en mode Fusion de Grain pour Gimp
3 - Baissez ensuite le fond (ou l'opacité). En générale c'est entre du 8% et 30% maximum mais ça dépend vraiment de l'image et du rendu voulu. Pour cette fois j'ai réglé à 17% Photoshop et Gimp.
Photoshop :
Gimp :
La couleur choisit dépend vraiment du rendu et l'ambiance que vous souhaitez ! Si vous êtes pas satisfait vous pouvez régler la couleur avec le raccourcis ctrl + U (pour photoshop).
Quand je raconte des histoires en générale je garde la même couleur pour toute une scène pour avoir quelques chose d'harmonieux.
Différent rendu en changeant la couleur du calque couleur :
Alors il existe pleins de techniques pour les bokeh, certains plus compliqué que d'autre. J'utilise une autre technique généralement, mais je serai incapable de vous expliquer, car je ne la maîtrise pas complètement. Donc voilà une technique plus simple :
1 - Créez votre calque Bokeh
2 - prenez le pinceau simple, tout rond et opaque puis prenez un couleur assez chaude.
3 - Faite des ronds de différentes tailles et couleurs sur les sources de lumières et les bords de l'image comme ceci :
4 - Appliquez un très léger flou sur votre calque : filtre- flou-flou gaussien même méthode et chemin pour Gimp et Photoshop
Baissez ensuite le fond/opacité pour que ça étouffe moins l'image. Vous pouviez également changer le style/mode de calque pour raviver les couleur. Pour Gimp je l'ai mis en mode Fusion de Grain et pour Photoshop en Eclaicir par exemple.
Et voilà !
Photoshop :
Gimp :
Votre image est terminée
C'est la première fois que je fais un tuto donc si je suis allé trop vite sur certains point ou que mon explication n'est pas assez clair n'hésitez pas à me le signaler ! Je corrigerai si besoin ou répondrai à vos questions. Vous pouviez me montrer le rendu de votre image, je suis curieuse de voir ce que ça donnera de votre côté
J'insiste que ma méthode n'est pas la seule bonne façon de faire, vous pouviez l'adapter ! Il existe toute sorte de façon de faire la lumière, la profondeur de champ (y'a même des outils spécialement pour ça), de faire les bokeh, la correspondance de couleur, etc...
Ps : Le rendu sur Gimp et Photoshop sont évidement pas identique, déjà parce-que je maîtrise beaucoup moins Gimp (c'est seulement la 2ème fois que je l'utilise), mais l'important c'était de vous montrer le procédé, ensuite tout est une question de dosage/réglage entre les différent filtres et aussi de vos goût !
J'espère que ce petit tuto vous aura aidé !
Il y aura 6 étapes et 6 calques en tout. Je précise que ça ne fonctionne pas que pour photoshop ! C'est plus un procédé de retouche, pour ma part, j'utilise ce logiciel, mais ça fonctionne sur Gimp ou autre logiciel de retouche photo. Il vous suffira de trouver les outils équivalents pour le réaliser !
Je précise également que ce ne sera pas un tuto photoshop, je vous explique quoi faire pour améliorer l'image mais je pars du principe que vous maîtrisez un minimum l'outil. Cependant, si vous rencontrez des soucis vous pourrez toujours me le demander en commentaire, je vous aiderais avec plaisir !
Sommaire :
A : Le cadrage
B : Ajuster les couleurs de l'images
C : Ajouter une profondeur de champ
D : Ajouter de la lumière
E : Ajuster l’atmosphère de votre image
F : Ajout d'effets lumières ( Bokeh)
Nouveau tuto : Lumière "découpé"
A - Commençons par le commencement : bien cadrer une image
La règle des tiers et des lignes de force représentés par cette grille sera votre meilleur allié ! Ayez-le toujours en tête au moment des captures d'écran, rien qu'avec ça vos images seront beaucoup plus agréable à regarder.
B - Petite étape qui à toute son importance : Les couleurs de l'image
Une fois que vous avez votre image on peut démarrer le travail de retouche.
La première chose à faire est de rehausser les couleurs que je trouve trop ternes. Souvent on le fait en réglant les courbes, la luminosité, les contrastes etc... mais ça peut prendre un temps fou et on sait jamais bien doser chaque réglage. Pour ma part pour aller plus vite j'utilise cette méthode :
- 1-Dupliquez votre calque
- 2-Modifier votre style de calque et choisissez "Densité couleur - " pour Photoshop et mode "Addition" pour Gimp
Photoshop :
Gimp:
Les couleurs sont pas exactement pareil mais le rendu voulu lui se rapproche !
- 3- "Mais Martine c'est moche comme ça ! "
Ici j'ai baissé le fond à 14% pour photoshop et l'opacité à 31% pour Gimp mais il n'y a pas de règle pour le pourcentage, c'est selon l'image et vos goûts. Veillez cependant à surveiller les zones très éclairées et les blancs qui ont tendance à être trop prononcés.
Un petit aperçu de l'avant/après. Comme vous voyez c'est très léger mais l'éclairage étant très orange/jaune, j'ai voulu garder une atmosphère douce et ne pas avoir de couleurs trop agressives.
C- Parce-que ça fait méga classe : La profondeur de champ
Il y a plusieurs effets de flou et pleins de façon de créer une profondeur de champ là méthode que je vais vous donner n'est pas l'unique méthode ! Il y a tellement de flous différents que moi-même je n'ai pas tout essayé. Mais voici ma technique personnel qui est assez simple:
- 1-En dessous de votre calque densité couleur dupliquez à nouveau votre calque de base et nommez le : flou.
Gimp : Filtre - flou - flou gaussien (marche aussi pour Photoshop, le rendu est pas tout à fait pareil donc c'est selon se que vous préférez)
Vous pouvez augmenter/diminuer le flou dans les réglages, personnellement avec le flou d'objectif je garde les réglages de base.
Sélectionnez la zone à flouter.
En générale c'est l'arrière-plan mais si des objets se trouvent en premier plan vous pouvez le flouter aussi ! Tout dépend du focus que vous vouliez faire.
Alors il y a 2 techniques arrivé à cette étape.
Méthode 1 :
Vous pouvez sélectionner avec l'outil lasso ou la baguette magique.
Petite astuce Photoshop : prenez l'outil sélection rapide (à ne pas confondre avec la baguette magique). Si la sélection déborde sur une zone que vous vouliez garder net il suffit de repasser par-dessus en maintenant la touche Alt pour la désélectionner.
Méthode 2 : Si vous galérez avec les outils de sélection rdv directement à l'étape d'après.
2-Créez un masque sur le calque flou
Une fois que vous avez votre sélection (selon la technique que vous utilisez c'est plus ou moins rapide, moi je le fait à peu près en 1min) toujours en étant sur votre calque flou créez un masque comme ceci:
Et tada !
Méthode 2 :Si vous avez sautez l'étape d'avant parce-que vous trouvez la sélection trop compliqué à faire vous pouvez faire ceci :
1- Sans sélectionner la zone à flouter créez votre masque, placez vous bien sur le masque et non sur le calque d'image.
2-Prenez votre pinceau (j'en prend un flou) . Ensuite vous utiliserai que du noir et blanc. Le noir permet de masquer le calque flou, il révélera alors le calque en dessous qui lui est net. Le blanc permet d'effacer le masque, c'est ici que le flou sera visible. Vous pouvez ainsi "peindre" directement avec votre pinceau sur les zone que vous voulez garder net ou flouter. Vous pouvez passer du blanc au noir avec la touche x (fonctionne sur Gimp comme sur Photoshop)
Si vous ignorez le fonctionnement des masques ou que vous aviez rien comprit à mon explication il y a pleins de tuto sur internet dédié à ce sujet ou je peux vous l'expliquer plus en détail en commentaire. Mais globalement, c'est très simple à utiliser et comprendre.
D - Et la lumière fut : l'éclairage
J'aime donner une atmosphère douce en accentuant l'éclairage et les rayons de lumière, voici comment je procède :
1 - Au-dessus des autres calques mais toujours en dessous du calque Densité couleur ajoutez un nouveau calque : lumière. Puis appliquez le style de calque éclaircir pour photoshop et pour Gimp laissez le mode de calque normal.
2 - Choisissez une couleur chaude, mais assez clair dans les beiges (et surtout pas trop jaune).
3 - Prenez l'outil dégradé
Et réglez-le en diffusion radiale de la façon suivante :
Photoshop:
Gimp:
Il suffit ensuite selon vos envies et les sources de lumières présente sur l'image d'appliquer le dégrader ! N'en n'abusez pas, ajoutez-y par petite à 1 ou 2 endroit sur les coins de l'image puis en petite touche sur les bougie et lampe sur un petit rayon.
Puis baissez le fond ou l'opacité jusqu'à avoir l'éclairage qui vous plait. Pour cette image je l'ai réglé sur photoshop à 58% et sur Gimp 50%.
Photoshop:
Gimp : Il vous faudra dupliquer votre calque lumière et le mettre en mode lumière douce pour avoir un meilleur rendu, ici j'ai réglé l'opacité à 30%.
E - Courage c'est presque fini : L'ambiance de l'image
Ou on peut appeler ça correspondance des couleurs. Il y a un filtre qui existe spécialement pour ça, mais je vais vous donner une méthode bien plus simple à mon gout et tout aussi jolie !
1 - Créez un nouveau calque, (c'est l'avant dernier youpi !) nommez le couleur et placez le tout en haut.
Choisissez une couleur assez saturé, moi j'ai choisit du violet mais ça peut être n'importe quoi d'autre tant que ça reste des couleurs vives.
2 - Remplissez toute votre page puis réglez votre style de calque en couleur pour photoshop et en mode Fusion de Grain pour Gimp
3 - Baissez ensuite le fond (ou l'opacité). En générale c'est entre du 8% et 30% maximum mais ça dépend vraiment de l'image et du rendu voulu. Pour cette fois j'ai réglé à 17% Photoshop et Gimp.
Photoshop :
Gimp :
La couleur choisit dépend vraiment du rendu et l'ambiance que vous souhaitez ! Si vous êtes pas satisfait vous pouvez régler la couleur avec le raccourcis ctrl + U (pour photoshop).
Quand je raconte des histoires en générale je garde la même couleur pour toute une scène pour avoir quelques chose d'harmonieux.
Différent rendu en changeant la couleur du calque couleur :
F - Dernière étape : les bokeh.
Alors il existe pleins de techniques pour les bokeh, certains plus compliqué que d'autre. J'utilise une autre technique généralement, mais je serai incapable de vous expliquer, car je ne la maîtrise pas complètement. Donc voilà une technique plus simple :
1 - Créez votre calque Bokeh
2 - prenez le pinceau simple, tout rond et opaque puis prenez un couleur assez chaude.
3 - Faite des ronds de différentes tailles et couleurs sur les sources de lumières et les bords de l'image comme ceci :
4 - Appliquez un très léger flou sur votre calque : filtre- flou-flou gaussien même méthode et chemin pour Gimp et Photoshop
Baissez ensuite le fond/opacité pour que ça étouffe moins l'image. Vous pouviez également changer le style/mode de calque pour raviver les couleur. Pour Gimp je l'ai mis en mode Fusion de Grain et pour Photoshop en Eclaicir par exemple.
Et voilà !
Photoshop :
Gimp :
Votre image est terminée
C'est la première fois que je fais un tuto donc si je suis allé trop vite sur certains point ou que mon explication n'est pas assez clair n'hésitez pas à me le signaler ! Je corrigerai si besoin ou répondrai à vos questions. Vous pouviez me montrer le rendu de votre image, je suis curieuse de voir ce que ça donnera de votre côté
J'insiste que ma méthode n'est pas la seule bonne façon de faire, vous pouviez l'adapter ! Il existe toute sorte de façon de faire la lumière, la profondeur de champ (y'a même des outils spécialement pour ça), de faire les bokeh, la correspondance de couleur, etc...
Ps : Le rendu sur Gimp et Photoshop sont évidement pas identique, déjà parce-que je maîtrise beaucoup moins Gimp (c'est seulement la 2ème fois que je l'utilise), mais l'important c'était de vous montrer le procédé, ensuite tout est une question de dosage/réglage entre les différent filtres et aussi de vos goût !
J'espère que ce petit tuto vous aura aidé !
Post edited by Soorane on
12
Réponses
Ah... pourtant j'utilise que des outils super basique présent dans Sai et Gimp également mais ok !
Edit : pour que ce soit moins confu je ferai une petite mise à jour de mon tuto pour donner la bonne méthode à suivre avec Gimp également
☼ Histoire : Viser les étoiles ☼
Mais c'est cool !
- - - - - - - -
J'espère que c'était pas trop confus ! Je suis h24 sur photoshop pour le boulot du coup c'est compliqué d'expliquer des choses qui sont pour moi naturel et évidente en faite xD
☼ Histoire : Viser les étoiles ☼
Moi j'ai une version "portable" de photoshop donc je pense que c'est lié à cela, car il y a différentes choses que je n'ai pas par rapport à d'autres tuto.
Là pour le coup c'est la catégorie de floutage que je n'ai pas dans les filtres ...
- - - - - - - -
@Floreliia Merci beaucoup ! Je suis contente que ça te plaise et puisse te servir en retour ! De rien
@Bloup : Oui ! Ça à l'air d'être plus pratique pour pas mal de monde
☼ Histoire : Viser les étoiles ☼
- - - - - - - -
@Elleay De rien ! Hâte de voir le résultat
PS : J'avais fait une petite (grosse) boulette à l'explication du flou et des masques ! C'est corrigé
☼ Histoire : Viser les étoiles ☼
Chouette tuto, merci 🙂
Je l’ai suivi avec Paint.net, c’est globalement la même chose.
Pour la première étape, le filtre à utiliser c’est Additif. Et à la place du fond, comme avec Gimp c’est l’opacité ; à noter que ce n’est pas en pourcentage mais sur 255.
Pour le flou d’objectif, c’est dans le menu Effets/Flous/Défocaliser.
On ne peut pas créer de masque avec Paint.net, à la place on peut simplement supprimer la zone à masquer du calque Flou.
Le dégradé radial porte le nom de dégradé transversal.
Pour le filtre Couleur, j’ai mis Multiplicateur. Je sais pas si c’est pareil mais le rendu m’a l’air bien.
Enfin pour le dernier filtre, à la place d’Éclaircir c’est Éclaircissement.
Et voilà ce que ça a donné :
Championne de AnswersHQ (Forum d’entraide lié aux problèmes techniques) ⭐
(Suivez le développement de la v3 de mon appli de généalogie, demandez-moi le lien ver le Discord en DM.)
#SimsQueer sur Mastodon ; #SimsQueer sur Twitter.
Merci !
Et merci d'avoir donné les équivalents des outils, ça pourra rendre service à d'autres personnes ♥
☼ Histoire : Viser les étoiles ☼
Merci en tout cas pour le tuto
Not so Berry Challenge - Une aventure haute en couleurs (terminé) *** Défi crise financière - Quand Lulu s'y met (terminé)
Challenge Génération - G5 - La lignée Berry perdure (en cours) *** Lulu fait des challenges
Je retenterai quand j'aurai l'occasion;)