Recherche

Nos formations et livres


Accueil arrow Tutoriel Photoshop arrow Cours / tutoriel de formation Photoshop : plusieurs plans dans une photo
Cours / tutoriel de formation Photoshop : plusieurs plans dans une photo Suggérer par mail
Cours et didacticiels - Bureautique - Infographie - Apprendre Photoshop - Sommaire cours Photoshop
Écrit par Alain MATHIEU et Dominique LEROND   
04-10-2009

Tutoriel Photoshop - Utiliser les plans

Tutoriel de formation Photoshop

Catégorie : techniques d'infographie



(Les conditions d'utilisation de ce cours sont consultables en cliquant sur ce lien).

Découvrez nos formations à Nancy et en Lorraine : Photoshop, Illustrator, Indesign, ... 

MOSAIQUE Informatique : création de sites web et formations informatiques en Lorraine.

Si nos cours et didacticiels vous sont utiles, vous pouvez contribuer à leur développement en les faisant connaître : placez simplement  un lien vers ce site sur votre propre site web ou sur votre blog... 

Voici une réalisation type, qui consiste en une superposition de plusieurs plans, comme si l’image était composée de calques transparents empilés.

La technique que nous vous proposons consiste à isoler un élément d’une image et à le séparer du fond en appliquant à ce dernier une modification visible. L’effet sera encore accentué par l’ajout d’un plan renfermant une ombre et d’un autre contenant un titre.

Cours Photoshop - Nancy - 54 - Meurthe et Moselle - Lorraine
L'objectif à atteindre - Photoshop
 

  • Utilisez une image similaire à celle-ci :
Tutoriel Photoshop - L'image d'origine
L'image d'origine - Photoshop

Etape 1

  • Ouvrez le fichier.
  • Dupliquez le calque Arrière-plan et nommez le nouveau calque Feuille.
  • Dans l'image, sélectionnez la feuille principale et sa tige, qui se trouvent au centre de la photo.
Cours Photoshop - La sélection de la feuille
La sélection de la feuille - Photoshop

  • Par sécurité, cliquez sur Sélection/Mémoriser la sélection et enregistrez la sélection avec le nom Grande feuille.

  • Cliquez Sélection/Intervertir.

  • Supprimez la sélection en appuyant sur la touche Suppr.
  • Désélectionnez.
  • Vérifiez le résultat en masquant le calque Arrière-plan.
Formation Photoshop - La sélection
La sélection - Photoshop

Sélectionner efficacement

Pour sélectionner la feuille, nous avons utilisé l’outil Baguette magique avec une tolérance de 32, une transition de contour Lissé et des pixels contigus. Puis nous avons zoomé l’image avec l’outil Loupe et affiné la sélection au moyen de l’outil Lasso avec lequel nous avons ajouté ou soustrait des zones à la sélection.

Il n’y a pas de méthode standard pour réaliser une sélection car la réussite de celle-ci dépend de nombreux paramètres (sujet, détails, contraste, contours, pixellisation, …).

Pour en savoir plus sur les techniques de sélection, reportez-vous au chapitre Manipulations de base, qui introduit ces articles.

Etape  2

  • Dupliquez le calque Arrière-plan et nommez le nouveau calque Fond néon. Dans la palette Calques, ce calque est positionné sous le calque Feuille.

  • Cliquez sur Filtre/Artistiques/Néon et conservez les paramètres par défaut.

Didacticiel Photoshop - L'application du filtre Néon
L'application du filtre Néon - Photoshop

Etape 3

  • Voici une première variante : masquez le calque Fond néon.
  • Dupliquez le calque Arrière-plan et nommez le nouveau calque Fond découpage.

  • Cliquez sur Filtre/Artistiques/Découpage.

  • Réglez les niveaux à 8, la simplicité à 0 et la fidélité à 3.
Formation Photoshop - L'application du filtre Découpage
L'application du filtre Découpage - Photoshop

Tutoriel Photoshop - Le filtre Découpage est appliqué au calque de fond
Le filtre Découpage est appliqué au calque de fond - Photoshop

Etape 4

  • Cliquez sur Filtre/Artistiques/Contour postérisé.

  • Appliquez une épaisseur de 0, une intensité de 10 et une postérisation de 6.

Cours Photoshop - L'application du filtre Contour postérisé
L'application du filtre Contour postérisé - Photoshop
 

Formation Photoshop - Le filtre Contour postérisé est appliqué sur le fond
Le filtre Contour postérisé est appliqué sur le fond - Photoshop

  • Cliquez sur Image/Réglages/Teinte/Saturation. Réglez la teinte à -124
Photoshop - La modification de la teinte
La modification de la teinte - Photoshop

Etape 5

  • Voici une seconde variante : masquez le calque Fond découpage.
  • Dupliquez le calque Arrière-plan et nommez le nouveau calque Fond bleu.
  • Cliquez sur Image/Réglages/Teinte/Saturation. Réglez la teinte à +180.

 

Photoshop - Réglage de la teinte
Réglage de la teinte - Photoshop

Ajouter des variantes à cet effet

Cet effet supporte un nombre incroyable de variantes, toutes plus belles les unes que les autres. Pour en créer de nouvelles, il vous suffit, comme nous l’avons fait, de dupliquer l’arrière-plan et de lui appliquer un ou plusieurs filtres. Essayez, les résultats sont souvent surprenants et vous n’aurez que l’embarras du choix !

Etape 6

Arrêtons avec les variantes et continuons l’effet…

  • Dans la palette Calques, masquez tous les calques sauf Feuille et Fond bleu. Sélectionnez et dupliquez ce dernier calque avec le nom Fond bleu gommé. Masquez Fond bleu.
  • Activez l’outil Gomme, avec une forme floue de 100 et une opacité de 100 %.
  • Gommez la partie droite et le bas du calque Fond bleu gommé, comme montré sur l’illustration ci-contre.
Photoshop - Une partie du fond est gommée
Une partie du fond est gommée - Photoshop

Etape 7

  • Créez un nouveau calque et nommez-le Ombre.
  • Cliquez sur Sélection/Récupérer la sélection. Dans la zone Couche de la boîte de dialogue Récupérer la sélection, choisissez Grande feuille.
  • Cliquez sur Edition/Remplir et remplissez avec 50 % gris et une opacité de 75 %.
  • Masquez le calque Feuille pour apprécier le résultat.
  • Ajustez éventuellement la luminosité du gris par Image/Réglages/Teinte/Saturation. Nous avons ici amené la luminosité à la valeur -100.

Photoshop - Réglage de teinte et de saturation
Réglage de teinte et de saturation - Photoshop

  • Activez l’outil Déplacement et déplacez le calque Ombre vers le bas et légèrement à droite afin de simuler l’ombre de la feuille.

Photoshop - Le calque est déplacé vers le bas
Le calque est déplacé vers le bas - Photoshop

  • Désélectionnez.
  • Affichez de nouveau le calque Feuille pour estimer le résultat.
  • Dans la palette Calques, organisez l’ordre des calques visibles de la façon suivante, de haut en bas : Feuille, Fond bleu gommé, Ombre.

Photoshop - L'ordre des calques
L'ordre des calques - Photoshop

Etape 8

  • Dans la palette Calques, créez un nouveau calque au-dessus du calque Arrière-plan et nommez-le Fond uni.
  • Dans la palette Outils, cliquez sur Définir la couleur de premier plan et utilisez la pipette pour sélectionner un bleu se trouvant sur le calque Fond gommé (nous utilisons la couleur ayant les valeurs RVB suivantes : 77, 44, 175).
  • Cliquez sur Edition/Remplir et remplissez avec la couleur de premier plan et une opacité de 100 %.
Photoshop - Ajout d'un fond uni
Ajout d'un fond uni - Photoshop

Etape 9

  • Dans la palette Calques, sélectionnez Fond bleu gommé.
  • Activez l’outil Texte horizontal, avec une police de caractères de votre choix (nous utilisons la police Bickley Script, Regular, de 72 pt, Fort et la couleur RVB 220, 188, 212 ). Saisissez le texte de votre choix (l'adresse d'un site web, dans cet exemple).
  • Renommez le calque de texte avec le nom URL.

Photoshop - Saisie d'un texte
Saisie d'un texte - Photoshop

  • Dans la barre d’options, cliquez sur Créer un texte déformé. Choisissez le style Arc inférieur.
  • Activez l’outil Déplacement et remontez un peu le texte vers le haut de l’image.

Photoshop - La déformation du texte
La déformation du texte - Photoshop

  • Cliquez sur Edition/Transformation manuelle et repositionnez le texte à votre guise.
  • Validez la transformation par la touche Entrée.

Photoshop - La transformation manuelle
La transformation manuelle - Photoshop

  • Ajoutez éventuellement d'autres inscriptions, de la même façon.

Formations en infographie (Photoshop, Illustrator, Indesign, Xpress, Gimp) à Nancy

Dernière mise à jour : ( 09-10-2009 )
 
< Précédent   Suivant >



 

Advertisement
© 2024 Formation - Création de sites web - Nancy - 54 - Lorraine
Reproduction interdite - Visitez également www.mosaique-informatique.com.