Formations web et création graphique - Dessin à partir d'une photo avec Photoshop

Fermer



Connexion

Dessin à partir d'une photo avec Photoshop

Maîtriser les objets dynamiques est utile pour exploiter à fond Photoshop. Nous allons voir ici à quoi ils servent réellement en créant un dessin à partir d'une photo.

Objets dynamiques Photoshop : tuto gratuit de didier mazierObjets dynamiques Photoshop : tuto gratuit de didier mazier

Convertir un calque en objet dynamique

Commencez par dupliquer l'arrière-plan pour obtenir un calque. Convertissez-le en objet dynamique via le menu du panneau des calques.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Double-cliquez sur la vignette de l'objet dynamique dans le panneau des calques. Un message d'alerte vous informe qu'une fois les modifications faites, il faudra enregistrer le fichier. Si cette boite de dialogue vous fatigue, cochez la case Ne plus afficher pour qu'elle disparaisse à jamais.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Convertir le calque d'un Objet dynamique en Objet dynamique

Un calque d'un objet dynamique peut également être converti en objet dynamique. Comme pour les poupées russes ou avec l'effet boîte de vache qui rit, vous pouvez les imbriquer à l'infini.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

A quoi cela peut-il servir? Tout simplement pour

  • Travailler de façon non destructive
  • Appliquer des effets complexes pour mieux bénéficier de la galerie d'effets et des filtres dynamiques

Ci-après nous appliquons un effet noir et blanc à l'objet dynamique de niveau 2 (qui est un calque de l'objet dynamique de niveau 1 - vous suivez?)

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Nous pourrons faire tous les réglages souhaités.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Une fois fini (nous pourrons y revenir à volonté) nous refermons l'objet dynamique de niveau 2 en l'enregistrant.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Nous nous retrouvons alors dans le premier objet dynamique de niveau 1. Nous allons pouvoir jouer sur d'autres réglages complémentaires comme les niveaux et les filtres de la gallerie.

Obtenir un tracé des contours

Ci-après nous avons utilisé le filtre de Contour Postérisé. Il est sympathique mais présente le défaut de garder un certain nombre de traces qu'il faudrait nettoyer à la main.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Pour obtenir des contours plus nets on peut utiliser le Tampon qui est plus "propre". Il s'agit d'une sorte d'isohélie améliorée.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Gérer des aplats de couleurs

Dupliquez l'arrière-plan pour obtenir un nouveau calque. Convertissez-le en objet dynamique. Ouvrez la galerie de filtres.

Choisissez Découpage.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Incruster les contours

Changez simplement le mode de fusion du calque des contours pour Produit.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Supprimer de la couleur

Avec le calque activé, cliquez sur l'icône de création de masque de fusion du panneau des calques.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Si vous peignez en noir sur ce masque de fusion, les pixels noirs cacheront ceux du calque. Vous pouvez par exemple supprimer la couleur pour les yeux et les dents.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Ajouter un trame

Pour obtenir un effet à la Roy Lichteinstein, dupliquez l'arrière-plan, convertissez le calque obtenu en objet dynamique.

Dans ce cas il vaut mieux appliquer le filtre directement à l'objet dynamique, il sera ainsi modifiable plus facilement. Mais vous pouvez également opérer comme précédemment c'est à dire ouvrir l'objet dynamique et lui appliquer le filtre.

Nous avons choisi de procéder comme suit

  1. Ouvrir l'objet dynamique
  2. Convertir le calque en objet dynamique également
  3. Appliquer le filtre à ce deuxième objet dynamique

De cette façon les réglages sont à tout moment modifiables.

Le filtre retenu est Trames de demi-teintes.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Une fois cet effet appliqué nous refermons l'objet dynamique de niveau 1.

Mode de fusion des trames

Pour le mode de fusion des trames, nous avons le choix. Le plus simple est d'opter pour Incrustation, ce qui lui donnera une teinte obtenue à partir des pixels du calque des couleurs.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

On peut également se contenter du mode Produit, mais dans ce cas il faudra masquer pour limiter les trames à certaines zones comme dans l'exemple ci-après.

Notez que nous avons ajouté un calque pour ajouter des couleurs dans les yeux et les lèvres.

Objets dynamiques Photoshop : tuto gratuit de didier mazier

Pour finir, voici deux résultats possibles. L'intérêt est qu'une fois ces image obtenues, vous pourrez en modifier tous les paramètres à volonté.

Objets dynamiques Photoshop : tuto gratuit de didier mazierObjets dynamiques Photoshop : tuto gratuit de didier mazier

Bises