Dessin au trait propre et numérisé en couleur dans Adobe Photoshop - Un cours de graphisme pour le déjeuner™.

1. Numérisation et l'art de couleur dans Photoshop - Introduction: Bonjour, je suis Helen Bradley. Bienvenue dans cette conception graphique pour la classe déjeuner art au trait propre et couleur scanné dans Adobe Photoshop. conception graphique pour le déjeuner est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous nettoyons et colorions l'art au trait scanné. Nous allons dire comment extraire l'art au trait d'une numérisation, donc nous abandonnons le papier et gardons les lignes. Ensuite, nous allons voir comment le colorer afin que nous puissions colorer notre objet n'importe quelle couleur que nous aimons. Au fur et à mesure, vous verrez probablement une invite pour un pouce vers le haut pour cette classe. Si vous aimez la classe, s'il vous plaît donnez-lui un pouce vers le haut. Ceux-ci sont vraiment importants pour moi pour rendre les vidéos visibles sur Skillshare, donc j'apprécie vraiment tous ceux qui lui donnent le pouce. Si vous avez des questions, il suffit de les poster dans la zone communautaire et je suis seulement trop heureux de vous aider avec vos questions. Si vous êtes prêt, commençons. J' ai un rythme d'art ligné numérisé avec lequel vous pouvez travailler pour que vous puissiez suivre. 2. Numérisation et lignes de couleur - Partie 1: Pour commencer avec ce projet de nettoyage d' une image de ligne scannée et puis de la recolorer, si vous n'avez pas quelque chose à travailler, je vais vous donner un lien de téléchargement pour cette page de mon SketchBook et vous pouvez juste ouvrez-le dans Photoshop. Si vous avez votre propre dessin au trait ou dessin, vous êtes libre de l'utiliser. Maintenant, pour commencer, je regarde ce scooter parce que c'est celui que nous allons extraire et colorier et je ne pense pas que cette ligne ici soit parfaitement horizontale. Donc, je vais ici à l'outil Règle et je vais juste faire glisser l'outil Règle le le long de cette ligne dans l'image, la ligne qui, je pense, devrait être horizontale. Ensuite, dans les versions ultérieures de Photoshop, je peux cliquer ici pour redresser le calque. Si vous disposez d'une version antérieure de Photoshop et que vous ne l'avez pas dans la barre d'outils, vous allez dans Image, Rotation d' image et sélectionnez Arbitraire. Photoshop aura déjà calculé quel angle cette ligne est sur, et tout est prêt pour vous juste de cliquer sur « OK » et il va ensuite redresser l'image à cette ligne. La prochaine chose que nous voulons faire est juste de découper le scooter. Nous voulons nous assurer que nous obtenons tout le scooter et pas trop d'autres choses que nous ne voulons pas. Maintenant, je peux commencer par la gomme et commencer effacer les bits que je ne veux pas de cette image. Nous avons sélectionné la gomme, voyons juste quel genre j'ai. Eh bien, je vais choisir ce pinceau à bords durs. Je n'ai pas besoin d'être particulièrement soigné ici, mais je vais vouloir l'effacer à la transparence parce que l'idée de ce processus de nettoyage est de sortir les lignes et de laisser tout le reste loin de l'image. Je vais juste ouvrir la palette de couches ici et voir ce que nous avons. Eh bien, c'est une image JPEG et c'est un calque d'arrière-plan, je ne peux pas obtenir de transparence à partir d'un calque d'arrière-plan. Si j'essaie d'effacer d'ici, vous pouvez voir que je vais effacer la couleur de fond et si la couleur de fond arrive à être noire, alors je serais effacé en noir. Ce que je dois faire est de convertir ce calque d'arrière-plan en un calque normal. Nous pouvons le faire en cliquant simplement sur cette icône de verrouillage et cela va simplement convertir cela en un calque normal. Maintenant, si cela ne fonctionne pas dans votre version de Photoshop, il suffit de prendre l'icône de verrouillage et de le faire glisser et déposer sur la corbeille, cela a le même effet. Maintenant, quand j'utilise la gomme sur cette image, vous pouvez voir que nous effacons à la transparence. Ce motif en damier nous dit que cette couche est maintenant transparente. Maintenant, nous ne voulons pas faire trop de travail avec la gomme à ce stade, car il y a des outils que nous pouvons utiliser avec lesquels nous pouvons travailler beaucoup, beaucoup plus rapidement. Je vais juste zoomer un peu ici et un outil que je vais utiliser est l'outil Baguette magique. Il partage une position de barre d'outils avec l'outil Sélection rapide, mais vraiment l'outil Baguette magique fait un travail impressionnant avec cette illustration au trait. Maintenant, la première chose à faire avec l'outil Magic One est de définir la tolérance. Je vais régler ça à environ 25. Cela définit une plage de couleurs pour les pixels autour de la zone sur laquelle je clique et donc puisque la plupart de l'arrière-plan de cette page est blanc, cela devrait prendre la plupart de celui-ci. Je veux aussi désélectionner contigu. Si je laisse contigu sélectionné et si je clique ici, je vais seulement sélectionner les pixels autour du scooter, et je ne vais pas obtenir les pixels qui sont blancs à l'intérieur du scooter donc je vais désactiver cette case à cocher. Maintenant, je vais juste cliquer et cela aura sélectionné la plupart des pixels blancs autour de cette image. Il n'en aura pas tous, mais il aura la plupart d'entre eux. Je vais juste appuyer sur « Supprimer » et cela va les déposer tout de suite. Ensuite, je veux désélectionner la sélection afin que je puisse choisir, « Sélectionner », « Désélectionner » ou je peux simplement appuyer sur Contrôle ou Commande + D. Pour dire comment nous allons, je vais juste localiser la nouvelle icône de calque ici et je vais à Contrôle ou Commande, cliquez dessus pour ajouter un nouveau calque sous le calque d'image actuel et je veux le remplir avec du blanc. Puisque le blanc est ma couleur de premier plan, je peux appuyer sur Alt + retour arrière, Option + Supprimer sur mon Mac pour remplir ce calque de blanc. Maintenant, il ne semble pas que nous ayons progressé très loin parce que c' est à peu près la façon dont l'image avait l'air avant. Mais c'est sur deux couches séparées donc nous savons que les lignes noires sont totalement séparées du fond blanc. Chaque fois que je nettoie l'art de ligne comme ça, je suis vraiment préoccupé de m'assurer que je me débarrasse de tous les pixels errants. Je vais cliquer ici sur l'icône Fx et choisir Stroke. Ce que je vais faire est d'ajouter un trait rouge donc je vais m'assurer que ma couleur est rouge. Il peut être n'importe quelle couleur que vous aimez, mais vous voulez être capable de le voir vraiment clairement et je vais définir ma taille à 304 pixels. Je vais sélectionner à l'extérieur parce qu'il est important que les traits entourent le pixel, vous pouvez ne pas le voir si vous avez, par exemple, à l'intérieur sélectionné et je vais juste cliquer, « OK ». Maintenant, il semble que cette image ait développé un cas de la varicelle et que ces points sont, sont des pixels sous-jacents de ce calque que nous n'avons pas obtenu lorsque nous avons cliqué avec l'outil Baguette magique. Maintenant, nous allons avec l'outil gomme sur ce calque, le calque qui a le travail de ligne dessus, et je vais juste effacer ces points. Ce que je fais vraiment, c'est que je suis en train d'effacer un pixel de couleur ici et dès que le pixel de couleur disparaît, alors il n'y a aucun intérêt à Photoshop de mettre un coup autour de quelque chose qui n'est pas là. Je vais être très prudent quand je passe sur cette image juste pour m'assurer que je me débarrasse de tous les points. Eh bien, au fur et à mesure que les points vont, je sais que l'image est nettoyée mais je ne veux pas dépasser les lignes parce que je ne veux pas que les lignes aillent. Le premier voyage à travers l'image est avec une très grande gomme juste nettoyer le pire de ces points. Ensuite, je vais aller très près donc je vais zoomer sur l'image en utilisant l'outil de zoom. Je vais m'assurer que ma gomme est réglée sur une très petite quantité. Maintenant, je vais juste nettoyer, ces zones rugueuses partout où je vois une boule sur le bord qui est un pixel en dessous. Je vais juste faire le tour très soigneusement pour me débarrasser de tout ça. Il y a un pixel. Disons que j'essaie de m'assurer que ma gomme est à peu près la même taille que les points, donc je sais que si j'appuie sur la gomme sur le point dont je vais me débarrasser, le pixel qu'il provoque le problème en premier lieu. Maintenant, ça va me prendre un peu de temps pour le faire, je vais arrêter de parler. Je vais juste accélérer la vidéo pendant que je nettoie cette image. Si vous faites une erreur alors que vous faites cela, appuyez simplement sur Ctrl + Alt + Z, Commande + Option + Z sur le Mac. Juste pour annuler le dernier coup que vous avez fait, vous pouvez continuer. Maintenant, il est très important de le faire avec une gomme à bords durs parce que vous ne voulez pas avoir de plumes autour de votre gomme. C' est pourquoi nous avons choisi un pinceau qui avait une dureté à 100 %. Il est inhabituel d'utiliser de telles brosses dures, mais à cette fin, cela fait vraiment un très bon travail. Bien sûr, ce que nous voulons faire lorsque nous nettoyons notre gamme, surtout si nous prévoyons de vendre ces articles, c'est que nous voulons nous assurer que si quelqu'un met ceci sur une page ou même à l'endroit où ajouter un trait autour d'elle, ils ne sont pas pour obtenir ces petits points que nous avons vus quand nous avons ajouté le coup pour la première fois. Nous voulons leur donner de l'art de ligne propre. Je suis assez content du travail de nettoyage que j'ai fait et tout ce que j'ai à faire pour me débarrasser de ce coup rouge est de simplement glisser et déposer cet effet sur la poubelle. Maintenant, j'ai mon art de ligne nettoyé. Comme il est nettoyé jusqu'à l'art de la ligne maintenant je peux aller de l'avant et le colorer. Mais si je vais enregistrer l'image dans le temps principal, je dois m'assurer de l'enregistrer dans un format qui garde ce calque transparent ici. Je veux l'enregistrer en tant que fichier PSD. Ne l'enregistrez pas comme le fichier JPEG original ou bien vous allez l'aplatir et vous devrez vous débarrasser du blanc à nouveau alors enregistrez-le comme un fichier PSD et vous êtes prêt à partir. 3. Numérisation et lignes de couleur - Partie 2: Une fois que vous avez isolé l'art de la ligne sur ce scooter de sorte que vous avez l'art de la ligne sur un calque séparé, vous pouvez aller de l'avant et la colorer. Avant de le faire, je suis un peu préoccupé par le fait que certaines lignes noires de ce scooter ne sont pas aussi noires qu'elles pourraient l'être. Je vais les ajuster et je vais utiliser un ajustement de niveaux. Je choisirai Image, Réglage, puis Niveaux. Dans l'histogramme ici, les sombres sont de ce côté de l'histogramme et les lumières sont par ici. Ce que nous allons faire est de glisser sur ce petit curseur ici juste un peu dans la gauche. Ça va assombrir les pixels les plus sombres. Celui du milieu ajuste les tons moyens, et nous allons le faire glisser ici vers la droite parce que ça va assombrir les tons moyens. Si vous n'êtes pas sûr de la façon de le faire glisser, essayez simplement de le faire glisser dans les deux sens et vous verrez très clairement que le faire glisser vers la gauche n'est pas une bonne idée. Si vous voulez que tout soit plus sombre, faites-le glisser vers la droite. Nous ne voulons pas rendre tous nos tons totalement noirs, nous voulons juste les assombrir. Cliquez sur OK. Maintenant, nous sommes prêts à aller de l'avant et à colorier ce scooter. Maintenant, quand je colore comme ça, tout ce que je vais faire est de m'assurer que j'ai toutes les couleurs sur un calque séparé. Je vais cliquer ici sur le calque le plus bas et je vais ajouter un calque. Ça va être ma turquoise foncée. Je vais l'utiliser pour la carrosserie du scooter. Je peux rendre le travail de coloration de ce scooter assez facile si j'utilise l'art au trait lui-même, vous voyez que l'art au trait a été dessiné de sorte que chaque élément ici est piégé. Autour de chaque zone ouverte, il y a une ligne noire solide. Si j'utilise l'outil Baguette magique, je peux sélectionner ces zones en cliquant simplement à l'intérieur. Ça va rendre mon travail beaucoup plus facile. Maintenant, je vais m'assurer que dans ce cas, Contiguous est coché. Parce que si je clique ici, je veux simplement sélectionner les pixels dans cette zone, pas partout dans l'image. Je vais juste cliquer sur la zone là-bas. Ce qui se passe lorsque nous cliquons ici avec l'outil de baguette magique, c'est que nous cliquons réellement et qu'il n'y a pas de pixels dans cette zone. L' outil Baguette magique sélectionne juste chaque pixel qui est exactement comme celui-ci. Eh bien, tous ces pixels sont entièrement transparents, donc Photoshop les sélectionnant tous et il s'arrête quand il court dans une ligne pleine. Parce que ces zones sont piégées, nous allons pouvoir les sélectionner très facilement. Maintenant, la ligne ou la sélection va aller jusqu'à la ligne noire, mais ça ne va pas passer dessus. Cela pourrait me laisser un peu d'écart. Je veux élargir cette sélection juste un peu. Je vais choisir Sélectionner, Modifier, Développer. Je vais développer de trois pixels et cliquer sur « OK ». Cette commande est dans Photoshop depuis des années, alors vous allez l'avoir dans votre version de Photoshop ou tout ce que vous utilisez. Maintenant, je vais aller sélectionner la couche turquoise foncé parce que c'est là que je vais mettre ma couleur. Maintenant, j'ai pris la chance plus tôt pour préparer mes couleurs et j'ai ces petits échantillons de couleur ici. Je vais aller sélectionner l'outil Pipette et il suffit de cliquer sur la couleur que je veux utiliser. Maintenant, parce que la couleur est la couleur de premier plan, je peux appuyer sur Alt Backspace option Supprimer sur le Mac, et je remplirai cette sélection avec la couleur que j'ai choisie. Lorsque j'ai fini de remplir la couleur, j'appuie sur Ctrl ou Commande au jour le jour, sélectionnez la sélection. Je vais aller de l'avant et ajouter une autre couche. Ça va être turquoise clair. Je vais utiliser cette couleur turquoise clair ici pour colorer plusieurs éléments sur mon scooter. Je vais revenir à la sélection du scooter. Je retourne à la baguette magique. Je vais cliquer sur le premier des éléments que je vais colorer. Comme ils vont tous avoir besoin d'être sélectionnés et élargis, je peux les faire tous en même temps. Je vais maintenir la touche Maj pendant que je clique sur toutes les autres zones que je veux colorer de la même couleur. J' ai maintenant tous ces domaines sélectionnés. Je vais maintenant les agrandir. Sélectionner, Modifier, Développer trois pixels. Cliquez sur « OK », assurez-vous que je vais sélectionner mon calque turquoise clair, aller chercher ma pipette, et sélectionner la couleur. Maintenant, vous pouvez tout aussi facilement sélectionner les couleurs de vos nuanciers. Je les ai dans mes échantillons. Je trouve juste un peu plus facile de travailler avec eux à l'écran. Maintenant que j'ai élargi ma sélection, j'ai ma couleur sélectionnée, j'ai la droite sélectionnée, je vais Alt Backspace option Supprimer pour remplir ces zones, puis Contrôle ou Commande D pour désélectionner la sélection. Je vais arrêter de parler maintenant et accélérer la vidéo comme je finis de colorier ce scooter. Une fois que j'ai fini de colorier ce scooter, il y a juste un autre changement que je veux faire à cette image. Si je regarde de très près ces lignes sombres, je dirai qu'il y a un très léger halogène autour des bords. C' est parce que nous n'avons pas nécessairement ramassé tous les pixels plus clairs juste autour des bords de nos lignes plus sombres. Maintenant, pour m'assurer que ces lignes ne sont pas plus légères, elles ne sont pas haloïdes, je vais juste mélanger ce calque avec les calques ci-dessous dans un mode de fusion assombrissant. Maintenant, il y a quelques modes de fusion assombrissant que je peux utiliser, Darken est l'un d'entre eux, Multiply est l'autre. un ou l'autre fera simplement en sorte que tous les pixels légèrement plus clairs ces dessins au trait seront mélangés avec ceux ci-dessous, et que nous ne verrons aucun effet halogène plus léger. 4. Numérisation et lignes de couleur - Partie 3: Maintenant qu'on est allé de l'avant et a coloré notre scooter, il y a quelques choses dont je veux parler ici et l' une d'entre elles est de savoir comment vous allez sauver ça. Maintenant, j'ai enregistré ceci comme un fichier PSD qui me permet de garder ces calques intacts afin que je puisse revenir à n'importe quel moment et changer l'une de ces couleurs. Quand je travaille avec des choses qui sont peut-être que je vais vendre ou je ne sais pas exactement quelle couleur ils ont vraiment besoin d'être, je vais toujours enregistrer un fichier en tant fichier PSD afin que je puisse revenir et recolorer facilement les choses. Je suis revenu et j'ai dit, je veux recolorer ce siège. Je vais localiser la couche qui a le siège dessus et c'est cette couche ici. Si je contrôle ou commande, cliquez sur la vignette ici, je sélectionne le contenu du calque. J' ai des extrémités assorties autour de la couleur rose. Maintenant, tout ce que je dois faire est d'aller et de sélectionner une couleur à utiliser. Par exemple, je vais sélectionner le jaune ici, puis appuyez sur « Alt Backspace » option Supprimer sur le Mac car c'est ma couleur de premier plan pour remplacer cette couleur dans l'image. Bien sûr, Contrôle ou Commande D pour désélectionner la sélection. Maintenant, il peut arriver un moment où je veux re-colorer l'objet entier. Je vais juste éteindre mon panneau de couleurs ici. Pour re-colorier l'objet entier, je sélectionnerais le calque le plus haut, puis j'ajouterais un calque de réglage, un calque, nouveau calque de réglage et nous pourrions utiliser la saturation de la teinte par exemple et cliquer sur « OK ». Avec le calque de réglage de la saturation de la teinte, je peux ajuster toutes les couleurs de l'image unes par rapport aux autres en faisant simplement glisser sur le curseur de teinte. Cela déplace juste toutes les teintes autour la roue de couleur et je reçois des effets de couleur vraiment intéressants de faire juste cela. Si je trouve une combinaison de couleurs que j'aime, je peux juste fermer ce dialogue. La beauté de ceci est le réglage de la saturation de la teinte n'est qu'une couche de réglage. À tout moment, nous pouvons l'activer ou la désactiver en cliquant simplement sur l'icône de visibilité de la couche ici. Bien sûr, si c'était de l'art et si vous étiez prêt à le vendre, alors vous feriez quelques choses. Pour moi, je vendrais mon art comme un fond transparent. Je veux que l'arrière-plan soit transparent et que l'art soit comme ça et je l'enregistrerais comme un fichier ping, un fichier PNG. Le format de fichier ping est spécial. C' est comme JPEG et pourquoi parce qu'il aplatit l'image en un seul calque. Mais contrairement à JPEG, l'arrière-plan n'est pas nécessairement blanc, vous pouvez avoir de la transparence dans un fichier ping. Cette image serait un scooter aplati avec toute la coloration et l'art au trait sur un seul calque dans l'image. Mais le contexte ici serait transparent. Cela permettrait à quelqu'un de prendre cette image et de la mettre sur un fond coloré et le scooter serait juste assis là. Ça n'apporte pas un bord blanc avec elle. Ping est un très bon format pour enregistrer cette image si vous voulez la mettre sur un fond coloré ou la vendre comme une œuvre d'art, par exemple. Je vais l'enregistrer aussi en tant que fichier PSD parce que, bien sûr, je veux pouvoir revenir et l'éditer si j'en ai besoin. Si je veux le mettre sur le web, alors ce serait au format JPEG. Mais bien sûr, JPEG est un format avec perte, donc il va être un peu collé et il va porter cet arrière-plan avec lui. Là, vous avez un processus rapide pour nettoyer et colorier l'art ligne de balayage. Votre projet pour cette classe est de prendre le scooter que je vous ai donné ou toute autre pièce d'art de ligne que vous avez et de faire la même chose avec elle. Nettoyez la numérisation, puis coloriez l'illustration au trait, puis publiez-la dans le projet afin que nous puissions tous voir les jeux de couleurs que vous venez avec. J' ai vraiment hâte de les voir. plaît, si vous aimez ce cours, donnez-lui un pouce vers le haut. C' est vraiment important. Les pouces vers le haut aident vraiment les vidéos à être en mesure d'être vu. J' apprécie vraiment tous ceux qui donnent un pouce à mes cours. Si vous avez des questions, utilisez le panel de la communauté pour les poser et je suis seulement trop heureux de vous aider là où je peux. Je m'appelle Helen Bradley. Merci beaucoup d'avoir participé à cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode.