Cet article a été publié sur le site graphuccino.com

Dans ce 1er tuto graphuccino, nous allons nous intéresser à un procédé très technique et qui nécessite peu de créativité, mais dont le déroulement est essentiel à beaucoup de travaux de graphismes (notamment en colorisation numérique). Avec l’essor des tablettes graphiques, toujours plus proches des sensations traditionnelles, beaucoup de graphistes ne passent plus par le scan de leurs esquisses ou de leurs encrages. Néanmoins, l’import du coups de crayon, de plume, ou de pinceau, peut apporter une touche vraiment personnelle et originale à vos créations. Que ce soit en colorisation de B.D., en illustration, ou même en webdesign, utiliser vos talents de dessinateur pourraient développer une toute nouvelle dimension sur vos oeuvres… Alors lançez-vous ! Suivez cette méthode de numérisation, de nettoyage, et d’isolation de vos traits sur photoshop.

1 ) La numérisation

Malgré l’assistance des logiciels de numérisation, il serait dommage de négliger cette partie du travail. En effet, une numérisation adaptée et optimisée peut faire la différence dans votre confort de travail.

Pour faire simple : numériser dans une résolution trop importante provoquerait des fichiers de travail très lourds, et souvent, des ralentissements de machine pour des gains négligeables. En impression vous savez la plupart du temps à quel format et sur quel support vos créations seront tirées. Quand au web, une résolution de 72dpi est toujours la norme… inutile donc de faire plus et de rendre tout votre processus de travail fastidieu.

Assez parlé, au boulot !

Ressortez vos vieux crayonnés, dépoussierez votre scanner, et lancez Photoshop.

Une fois dans Photoshop : Fichier > Importation.

À partir de là, 2 réglages d’acquisition sont possibles selon votre type de dessin :

Le mode Bitmap : adapté à la plupart des cas et notamment aux encrages.

Cette méthode vous imposera moins de souplesse dans votre travail par la suite (les limitations du mode bitmap : pas de retouce couleur, pas de rotations,…). Quels avantages alors ? Eh bien avant tout le poid des fichiers. Contrairement à la seconde méthode que je détaillerai par la suite, la numérisation bitmap génère des fichiers d’une taille relativement faible.

Ensuite, le mode bitmap est un composé de deux couleurs, le noir et le blanc. Cela aura pour avantage d’exercer un « pré-nettoyage » sur vos scan… les tâches et certaines nuances de traits très faibles (un cheveux sur le scanner par exemple) notament seront automatiquement supprimées par ce processus de numérisation. Voilà pourquoi le mode bitmap est fortement déconseillé pour les scan de crayonnés avec des dégradés ! On perdrait alors toutes les nuances du crayon. En revanche, pour un encrage ou l’on n’alterne des couches de noir presque pur sur du blanc (les couleurs de notre mode bitmap), cela est parfaitement adapté.

Pour conceptualiser le fonctionnement du mode bitmap, pensez aux mangas et aux trames : Pour remédier au manque de finesse du noir et blanc utilisé en mangas, on utilise les trames qui réussissent à apporter du relief tout en ne conservant que deux couleurs… les dégradés sont simulés par des espacements de points noirs sur fond blancs plus ou moins élevés. Pour le mode bitmap, c’est pareil.

C’est pourquoi il est important d’utiliser une résolution de numérisation plus élevée. Plus nous aurons de possibilités de plaçer ces points noirs sur notre trame, plus nous reproduirons fidèlement la finesse de nos dégradés. Une résolution de 1200dpi est conseillée, même pour les travaux destinés à l’écran car vous aurez ainsi une reproduction plus franche de vos traits. Vous vous dites peut-être comment les fichiers du mode bitmap peuvent-ils être moins lourds tout en utilisant des résolutions plus élevées ? En fait la résolution aura beaucoup moins d’impact sur le poid du fichier que le mode de numérisation… un fichier 300dpi numérisé en RVB pèsera souvent bien moins lourd qu’un fichier bitmap en 1200dpi.

Le mode Nuances de gris : Fortement conseillé pour les crayonnés

A contrarion du mode bitmap, les nuances de gris vous laissent beaucoup plus de souplesse dans votre travail. Ici, une résolution trop élevée rendra votre travail fastidieu. À moins d’avoir une très bonne machine, et de rechercher une finesse de traits très précise, 600dpi feront largement l’affaire.

La plupart des logiciels de numérisation vous permettront de définir vos points de référence noir et blanc. Vous devrez selectionner dans votre scan une point de noir pur qui sera considéré par le logiciel comme le noir de référence. Et de même pour le blanc.

La manière de choisir le mode de numérisation dans l’interface dépendra de votre scanner (généralement vous aurez le choix entre « niveaux de gris », « bitmap », ou « rvb »).

2 ) Le nettoyage des traits

Dans cette étape de notre travail, nous allons nous appliquer à effaçer tout les défauts de la numérisation (cheveux, poussières,…), mais aussi à mettre en valeur notre dessin pour corriger certains traits et en renforcer d’autres. En utilisant la fenêtre d’informations de Photoshop, vous pouvez voir la valeur de noir de chaque pixel de votre image (0% = blanc, 100%= noir). Vous remarquerez sûrement que certaines zones ont des valeurs intermédiaires… parfois cela concernera des nuances que vous souhaiterez conserver, mais la plupart du temps ce sera le résultat de tâches ou de tout autre élément indésirable.

En réalité, ce travail dépendra beaucoup du mode de numérisation précédemment choisi. En mode bitmap, un simple coup de pinceau noir ou blanc sur votre scan suffira bien souvent.

En revanche, si cela ne suffit pas, ou si vous avez choisi le mode « niveaux de gris », vous aurez probablement besoin d’aller un peu plus loin dans votre travail.

A partir de là, nous aurons besoin d’un fichier exemple… en fouillant dans mes fichiers j’ai moi aussi retrouvé un vieux crayonné et dépoussiéré mon scanner (vous pouvez consulter l’image finale de ce tuto sur mon site portfolio).

Pour commencer, on peut jouer sur les niveaux de notre fichier… Je commence toujours par cette étape tout en l’utilisant avec beaucoup de précaution car avec parcimonie, elle permet de retirer le gros du travail. Attention tout de même car les niveaux agissent sur tout le fichier et pas seulement sur certaines nuances de gris et en abusant des niveaux, on pourrait supprimer trop d’information et perdre en nuances et en finesses.

Ctrl-l (ou pomme-l) ou bien Image > Réglages > Niveaux pour accéder à l’interface des niveaux. Sur la fenêtre des niveaux, on voit un graphique qui représente l’information de notre notre image. Parfois, les extrémités du graphique (le noir 100% à gauche et le blanc 0% à droite) sont vides ou presque vides comme c’est le cas sur l’image ci-dessous. Cela signifie que l’image ne contient pas ou peu d’information dans ces gammes de nuance de gris. On peut donc déplacer la flèche correspondante au-delà de la zone vide pour augmenter le contraste de notre image.

Une fois ce premier réglage grossier terminé, nous allons entrer plus en douceur dans les nuances de gris de nos traits.

Photoshop nous offre un autre réglage intéressant, qui cette fois-ci va nous permettre de sélectionner sur quelle nuance de gris nous souhaitons appliquer nos changements. Plus de finesse et de précision nous permettrons de nous lâcher un peu plus sur ce réglage.

Nous allons donc utiliser le réglage par courbes de Photoshop. Pour celà Ctrl-m (pomme-m) ou bien Image > Réglage > Courbes.

L’interface des courbes vous propose un graphique avec en abcisse les informations d’entrée, et en ordonnées les informations de sortie. Du blanc qui part de l’intérieur du graphique au noir à l’exterieur. Nous n’allons pas détailler ici toutes les fonctionnalités des réglages de courbes, mais pour la partie qui nous intéresse (nettoyer les traits), nous pouvons augmenter le contraste de notre dessin sans pour autant dénaturer les tons gris moyen, et donc sans perdre les nuances de notre crayonné.

Pour utiliser les courbes, tout est très simple. Aux extrémités de la courbe de notre dessin, vous pouvez voir que Photoshop pace 2 points par défaut (justement les points représentant les extrémités de nos tonalités de gris). Vous pous cliquer sur ces points et les déplacer dans le graphique pour voir les modifications que cela apporte à votre dessin (assurez vous bien que la fonction « aperçu » soit cochée pour voir les modifications en direct). Jouez un peu avec ces points pour comprendre mieux le fonctionnement des courbes. Pensez bien ensuite à replacer les points où ils étaient par défaut, faute de quoi, on modifierait les valeurs de noir pur et de blanc pur de notre image.

Nous allons maintenant nous attaquer à nos réglages !

Pour atteindre notre objectif de nettoyage en finesse, nous allons placer trois nouveaux points sur la courbe qui est pour l’instant droite. Un premier point au centre de la courbe (ne le déplacez pas), qui nous servira de point d’ancrage. Puis deux nouveaux points : un premier au milieu de l’axe allant du point central au point d’entrée, et un second au milieu de l’axe allant du point central au point de sortie. Si mes explications ne sont pas claires, reportez-vous à l’image ci-dessous !

Nous allons maintenant déplacer nos 2 derniers points pour augmenter le contraste. Notre point du milieu va nous permettre de ne pas perdre le centre de la courbe. Déplacez vos points comme ci-dessous.

Attention tout de même : Je vous conseille de ne pas « Ã©craser » la courbe sur les limites du graphique en déplaçant trop les points. Cela nous ferait perdre de l’information.

Nous allons maintenant passer à la dernière étape de notre nettoyage. La plus fine et la plus ludique aussi. Fini les fenêtres de réglage de Photoshop, vous allez devoir vous servir de votre souris !

Nous allons utiliser une petite astuce pour mieux identifier les zones maintenant assez fines après tout les réglages que nous avons effectué. Passons notre image en négatif : Ctrl-i (pomme-i) ou bien Image > Réglages > Négatif.

Pour peaufiner notre nettoyage, nous allons utiliser l’outil « Densité - » de Photoshop. Réglez la taille du pinceau sur une taille approchant la taille des lignes de votre dessin, l’exposition sur 100%, et surtout la gamme sur « Tons clairs » qui nous permettra de n’agir que sur nos traits (blancs après le passage en négatif). Comme vous l’aurez peut-être deviné, nous allons repasser nos traits avec l’outil « Densité - » pour les contraster encore avec le noir.

Il faut ensuite répéter l’opération, avec cette fois l’outil « Densité + », sur la gamme de tons foncés. Cette fois, nous allons pouvoir effacer les traits superficiels.

Une fois satisfait du résultat, vous pouvez repasser votre image de nouveau en négatif.

Le nettoyage de vos traits est désormais terminé, vous pouvez prendre un peu de recul sur votre dessin, repasser en négatif pour vérifier que cela vous convient.

3 ) Séparer les traits du fond

Maintenant que nous avons de jolis traits bien dessinés, il va nous falloir les isoler de notre fichier pour pouvoir travailler dessus plus simplement (en colorisation, en design, en illustration, ou en webdesign, vous aurez la plupart du temps plus de confort et de souplesse à travailler avec des traits sur un calque séparé). Que votre dessin soit un encrage à l’encre très contrasté, ou un crayonné plein de nuances de gris, isoler votre numérisation est en réalité très simple.

Deux méthodes s’offrent à nous : passer notre calque de traits en mode « Produit », ou bien utiliser les puissantes fonctions de sélection de photoshop.

Le mode « produit » va appliquer les couleurs sombres du calque concerné à tout les calques qui sont en dessous : Plus la couleur tendra vers le blanc, plus elle sera transparente jusqu’à atteindre une transparence totale sur le blanc pur. Ainsi, pour notre calque de traits, le mode « produit » est parfaitement adapté puisqu’il va nous permettre d’afficher nos traits (noirs ou sombres) au dessus des autres calques de notre réalisation, sans pour autant afficher le fond (blanc ou clair). Vous pourrez ainsi créer autant de calques que vous le souhaitez sous le calque de traits pour coloriser, ajouter des photos ou d’autres éléments selon le résultat que vous recherchez. Dans tout les cas, vos traits scannés s’intègreront parfaitement à votre réalisation.

Pour passer votre calque en mode « produit », sélectionner « produit » dans le mode de fusion de la fenêtre calques de Photoshop.

La deuxième méthode consiste à sélectionner directement nos traits. Pour cela, nous allons tout d’abord créer un nouveau calque vide au dessus de tout les autres. Il faut ensuite resélectionner notre calque de traits.

Rendez-vous dans la fenêtre « couches » de photoshop (normalement située près de la fenêtre des calques). Vous devez voir une couche dans la liste nommée « Gris ».

Faites un clic droit sur cette couche, puis choisissez « Dupliquer la couche… ». Nommez cette nouvelle couche « traits ». Assurez-vous de bien avoir sélectionner la couche « Gris », puis passer cette couche en négatif (Ctrl-i ou Pomme-i ou Image > Réglages > Négatif).

Notre image apparaît maintenant de nouveau en négatif. Nous allons utiliser la fonction de sélection du remplissage de calque de photoshop. Faites un Ctrl-clic (Pomme-clic) sur notre couche « Gris ».

Comme vous pouvez le constater, des pointillés de sélection sont apparus un peu partout sur notre image. En réalité, seulement autour de nos traits. Et c’est précisement ce que nous recherchions !

Retournez dans la fenêtre des calques, cachez votre calque de traits et sélectionnez le calque vide que nous avons créé. Assurez vous de bien avoir du noir en couleur de 1er plan, puis remplissez la sélection (alt-Delete ou maj-F5 ou encore Edition > Remplir). Déselectionnez vos traits (Ctrl-d ou Pomme-d ou Sélection > Déselectionner). Votre calque vide contient désormais vos traits ! Cette seconde méthode a pour avantage de réellement séparer vos traits du fond… cela vous offrira plus de possibilités dans vos créations.

Notre tuto sur l’acquisition de dessins sur Photoshop est terminé. C’est le 1er tuto de graphuccino, j’espère qu’il vous aura plu !

Tags : dessin, photoshop, tuto

Cet article a été publié par le Mercredi 26 août 2009 à 23 h 54 min et est classé Non classé. Vous pouvez suivre les réponses des commentaires de cet article grâce au flux RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback depuis votre site.

Retour sur l'index du blog