Prérequis

Avoir fait le niveau initiation (cours 1,2,3), basique (cours4,5) de Photoshop CC

Les co-auteurs

Aurélie et audrey arrot

Aurélie et Audrey ARROT

Ont rédigés ce cours

Photoshop

Cours suivants :

COURS 1 : Mise en route sur Photoshop CC

COURS 2 : Les outils de bases sur Photoshop CC

COURS 3 : Retouche et réparation d'image sur Photoshop CC

COURS 4 : Les calques et masques sur Photoshop CC

COURS 5 : L'intégration d'éléments vectoriels sur Photoshop CC

COURS 6 : Combinaison d'images sur Photoshop CC

COURS 6 : Combinaisons d'images sur Photoshop CC


en tete photoshop cours 5

 

 

LES OBJECTIFS :
Comprendre la gestion de l’opacité, les modes de fusions, Savoir détourer à l’outil plume, Comprendre la transformation d’images (rotation, inclinaison, déformation…), Savoir utiliser l’outil marionnette et les masques d’écrêtages, Créer un montage complexe en utilisant plusieurs genres de calques

PUBLIC VISE : Tout utilisateurs qui souhaitent se former sur Photoshop

 

 

PROGRAMME

 

1.1 Introduction

Vous arrivez à la fin de la formation Photoshop disponible en ligne bravo ! dans ce dernier chapitre vous allez voir des outils parfois complexes mais indispensables pour réaliser des photomontages professionnels. Les modes de fusions, l’outil plume, la transformation d’images, l’outil marionnette et les masque d’écrêtages n’auront plus de secrets pour vous !

 Image intro  sur photoshop
1.1 Interface de l’espace de travail

 Interface cours 7  sur photoshop

A : Edition => transformation ou transformation de la marionnette | B : Calques => masque d’écrêtage | C : Outil plume | D : Panneau tracés | E : Mode de fusion | F : Opacité
1.1 L’opacité et les modes de fusions

Régler l’opacité

Sur Photoshop vous pouvez régler l’opacité de plusieurs éléments. Vous avez généralement deux endroits ou la trouver :

 opacité cours 7  sur photoshop

Régler l’opacité de vos brushes est indispensable si vous ne voulez pas trop un effet « rajouter » pour mieux fondre vos brushes pensez à l’opacité ! Les modes de fusions Vous trouverez les masques de fusions dans le panneau de gauche vers les calques :

 mode de fusions cours 7  sur photoshop

1.1 L’outil plume : l’art du détourage

Comprendre la mécanique de l’outil plume

Sur Photoshop il y a différentes manières de détourer mais la plus professionnelle et la plus impeccable des méthodes et celle de l’outil plume. Pas facile à prendre en main il faut s’exercer pour y arriver. Pour mieux comprendre la démarche nous allons détourer cette image de hochet à la plume :

 outil plume  sur photoshop

Pour mieux comprendre l’enchaînement regarder notre vidéo ci dessous :

Utiliser la plume sur photoshop CC

1.1 Transformation d’images

Les outils de la transformation d’images vous permet de faire différentes choses sur votre image comme la rotation, l’inclinaison, la déformation… voyons ensemble les différentes possibilités. Transformation manuelle

La transformation manuelle vous permet de faire la rotation et de redimensionner votre image comme bon vous semble, pour y accéder aller dans Edition => transformation manuelle

 transformation manuelle sur photoshop

Transformation homothétie

Permet d’agrandir ou de diminuer la taille de votre image. Pour y accéder aller dans Edition => transformation => homothétie

Transformation inclinaison

Permet de gérer l’inclinaison, allez dans Edition => transformation => inclinaison Bouger les coins pour gérer l’inclinaison :

 transformation manuelle sur photoshop

Transformation Torsion

Permet d’étirer un élément dans tous les sens. Aller dans Edition => transformation => torsion

 torsion sur photoshop

 perspective déformation sur photoshop

1.1 L’outil déformation de la marionnette et masque d’écrêtage

Déformation de la marionnette

Cette outil est très utile pour changer la pose d’un modèle, par exemple déplacer un bras, une jambe, nous allons voir comment il s’utilise. Dans cette exercice nous voulons faire pencher la tête du chien vers la droite :

Regarder notre vidéo :

Utiliser la déformation de la marionnette sur photoshop CC

 déformation marionnette sur photoshop

 masque d'écrêtage sur photoshop

 masque d'écrêtage sur photoshop

1.1 EXERCICE - Construire une micro société

Jouer avec les textures, les masques, les réglages d'images...

 micro societe sur photoshop

ETAPE N°1 : Le background

Rajouter un calque, remplissez-le avec la couleur #7af4ca. Nommer-le « BackgroundColor ». Rajouter un calque, nommez-le « top ». Prenez l’outil ellipse et dessiner un ovale au centre du document. Attribuez-lui la couleur #4e412d.

 micro societe sur photoshop

Dupliquez-le calque « top ». Attribuez la couleur rouge à l’ellipse copié et placez là-dessous la 1ère. Placez-vous sur l’outil déplacement (V), puis faite Alt + flèche du bas une dizaine de fois. Cela va copier l’ellipse rouge sur la verticale afin de donner un effet 3D à l’ensemble.

 micro societe sur photoshop

Enfin fusionner tous les calques avec les ellipses rouges (sélectionnez les calques / click droit/ fusionner les formes) et appeler ce calque « bottom ».

 micro societe sur photoshop

ETAPE 2 : texture

Importez l’image texture-mer.jpg et placez-là au-dessus du claque « top », puis faite ctrl.alt+G pour la mettre dans un masque d’écrêtage. Un masque d’écrêtage vous permet d’utiliser le contenu d’un calque pour masquer les calques au-dessus de lui. Le masquage est déterminé par le contenu du calque inférieur ou calque de base. Le contenu non transparent du calque de base écrête, ou révèle, le contenu des calques au-dessus de lui qui font partie du masque d’écrêtage. Tout autre contenu dans les calques écrêtés est masqué. Vous pouvez donc élargir l’image texture eau, celle va se placer directement sur la forme ovale.

 micro societe sur photoshop

Vous pouvez utiliser ctrl + T pour ajuster la texture comme vous le souhaitez. Faite en sorte qu’on ait l’impression que les vagues coulent vers le bas

Ajustez la luminosité de la texture dans le masque à l’aide du réglage des courbes (Image/réglages/courbes). Nous souhaitons assombrir l’eau pour qu’elle apparaisse bleu foncé.

 micro societe sur photoshop

Nous allons ajuster les couleurs : image/réglages/balance des couleurs.

 micro societe sur photoshop

Procéder de la même manière avec les tons moyen et claire. Nous allons ajuster les niveaux pour assombrir un peu la texture (image/réglages/niveaux).

 micro societe sur photoshop

Ensuite, importez l’image roche_texture.jpg. Placez-là au-dessus de calque « bottom ». De la même manière faite en sorte qu’elle soit dans un masque d’écrêtage. Cette fois utiliser la déformation (Edition/transformation/déformation) pour donner l’effet que la roche suit l’arc de cercle de l’ellipse. En utilisant les niveaux, assombrissez la roche

 micro societe sur photoshop

Pour un effet plus réaliste, nous allons craqueler la roche. Prenez le pinceau, attribuez-lui une huile fluide humide moyen, avec une épaisseur de 32 px. Pensez à mettre le pinceau de la même couleur que le fond.

 micro societe sur photoshop

Zoomer sur la partie basse de la roche, puis faite en sorte de « l’émietter » avec le pinceau.

 micro societe sur photoshop

ETAPE 3 : Le décor

Cliquez droit sur l’image building.jpg, puis ouvrez-la dans Photoshop Double cliquez sur le calque 0, ne changer pas les paramètres, faite OK, cela va le déverrouiller. Nous allons détourer les buildings en utilisant l’outil plume (plus précis). Cliquez sur l’outil plume. Effectuez le tracé suivant.

 micro societe sur photoshop

Pour faire les contours en arrondi : 1) Placez votre point de départ 2) Placez votre point d'arriver, puis en maintenant le click, faite la courbe en suivant le modèle. Une fois la courbe terminée, il faut casser la tangente en restant sur le point d'arriver + la touche Alt. 3) reprenez votre tracé

 micro societe sur photoshop

Le mieux, c’est encore de voir la manipulation en vidéo !

Utiliser la plume sur photoshop CC


Une fois le tracé terminé, nous devons le transformer en sélection. Toujours en étant sur l’outil plume, faite un clic droit sur le tracé puis sélectionnez « définir une sélection ». Laissez cocher une « nouvelle sélection » puis cliquer OK.

 micro societe sur photoshop

Votre tracé se transforme en sélection. Revenez sur l’outil déplacement (V), puis en maintenant la touche contrôle, vous pouvez déplacer votre sélection, placez-là sur notre texture eau.

 micro societe sur photoshop

Procéder de la même manière avec le paquebot.

 micro societe sur photoshop

Puis avec le kite surf, vous garderez la vague et peaufinerez à la gomme. N’hésitez pas à zoomer (Ctrl + « + » ou Ctrl + « - »).

 micro societe sur photoshop

Faite des traits blanc fins pour les ficelles. Prolonger la vague à l’aide de l’outil sélection / calque par copier

 micro societe sur photoshop

Déformation la copie de la vague pour qu’elle prenne la courbe de l’ellipse. Gommez le superflu.

 micro societe sur photoshop

Dupliquer le calque de la prolongation de la vague. Nous allons l’utiliser pour créer les vaguelettes du bateau. N’hésitez pas à l’atténuer pour plus de réalisme. Vous pouvez aussi ajuster la balance de couleur.

 micro societe sur photoshop

Détourez les dauphins. Faites en sorte de garder les vagues et les jet d'eau. Vous pouvez les orienter vers la droite (Edition / transformation / symétrie axe horizontal).

 micro societe sur photoshop

Etape 4 : Finitions

Revenons au background. Prenez un pinceau. Épaisseur pinceau : 1625 px Opacité : 78% Couleur : blanc

 micro societe sur photoshop

Faite un halo de lumière derrière la micro société

 micro societe sur photoshop

 micro societe sur photoshop

Nous allons gérer l'ombre de la micro société. Nouveau claque / pinceau : épaisseur 200, opacité 6% -> tracer l’ombre Image / réglages / courbes Prendre en paramètre un traitement croisé, cela donnera un ombre plus naturel en accord avec la couleur du fond.

 micro societe sur photoshop

Jouer avec la courbe pour adapté l’opacité de l’ombre.

 micro societe sur photoshop

Procéder de la manière pour gérer les ombres de objets. Pour le building, utiliser les outils densité + et densité – pour gérer la lumière sur les façades. En effet dans notre scène, la lumière vient de gauche (référence à la surfeuse). du coup les building n'ont pas les bonnes ombres. Il faut les inverser :

 micro societe sur photoshop

Désaturation des couleurs La commande Désaturation convertit une image couleur en niveaux de gris, mais laisse l’image dans le même mode colorimétrique. Par exemple, elle attribue des valeurs équivalentes de rouge, vert et bleu à chaque pixel d’une image RVB. La valeur de luminosité de chaque pixel demeure inchangée. Gardez à l’esprit que la commande Désaturation modifie de manière définitive les informations de l’image d’origine dans le calque d’arrière-plan. Cette commande produit le même effet que lorsque vous définissez une saturation égale à -100 pour le réglage Teinte/Saturation. Pour effectuer une modification non destructrice, utilisez un calque de réglage de teinte/saturation. Choisissez Image > Réglages > Désaturation ou faite Maj + Ctrl+ U pour désaturer l’image, puis appliquez-lui un mode de fusion : lumière crue

 micro societe sur photoshop

Gommez le superflu. Jouez avec l’opacité de la gomme pour un rendu plus réaliste. Importez l’image flying_birds.png une 1ère fois, placez-là au-dessus du calque building, plutôt du côté gauche de la ville. Gommez quelques oiseaux pour qu’ils paraissent plus dispersés dans le ciel. Importez l’image flying_birds.png une 2ème fois, placez-la du côté droit de la ville et faite la même opération.

 micro societe sur photoshop

Il ne reste plus qu’à rajouter le texte. LOIN D’ÊTRE LE PLUS DANGEREUX POLLUTION 3 millions de morts / an 300 000 oiseaux morts lors de la marée noir due à l'érika REQUIN Moins de 10 morts/an

Votre montage est terminé BRAVO

 micro societe sur photoshop

 

EXERCICES ET TUTOS

S'entraîner à utiliser la plume

Détourer un hochet exercice
Détourage canard exercice

S'entraîner à utiliser la déformation de la marionnette

source image chien exercice

Contact

SARL AAT's

N° SIREN : 822580056 - N° TVA intracommunautaire : FR40822580056