• Tuto - Faire un dessin et le numériser avec l'ordinateur

    Le matériel nécessaire :

    - Un crayon bleu : n'importe quel crayon de couleur bleue fera l'affaire, personnellement, j'en utilise un de la marque col erase parce qu'ils ont l'avantage de se gommer !

    - Un stylo feutre noir : j'en ai un de la marque Staedtler (0.3 mm ou 0.5 mm)

    - Un bloc à dessin

    - Un scanner

    - Un ordinateur

     

    1ère étape : le dessin sur papier

    Je réalise le dessin sur mon bloc avec le crayon bleu. Quand je suis contente de l'allure globale, je repasse bien avec le crayon. Une fois le dessin prêt, je repasse le tout avec mon stylo feutre noir ! Je ne gomme pas le crayon pour ne pas abimer le tracé au feutre et je passe à l'étape suivante !

     

    2ème étape : scanner le dessin

    Je scanne le dessin en 600dpi et en couleur et j'enregistre le tout au format .jpg avec un petit logiciel tout léger et sans prétention que vous connaissez peut être déjà : Photofiltre.

    J'obtiens alors une image qui ressemble à ça :

    Tuto - Faire un dessin et le numériser avec l'ordinateur

    3ème étape : faire disparaitre le bleu

    J'utilise Photoshop, mais on peut également le faire avec The Gimp :

    Il faut jouer sur les couches : je double-clique sur la couche bleue et comme par magie, tout le crayon bleu disparait.

    Tuto - Faire un dessin et le numériser avec l'ordinateur

    Je passe l'image en Mode Niveaux de gris, ce qui permet de supprimer toutes les autres couches. Cette opération rend le trait de dessin un peu gris, donc pour le renoircir, je joue sur les niveaux. Mon dessin est alors prêt pour l'étape suivante, je l'enregistre. 

     Tuto - Faire un dessin et le numériser avec l'ordinateur      Tuto - Faire un dessin et le numériser avec l'ordinateur

    4ème étape : vectoriser le dessin

    Cette étape permet de "lisser" le trait, de le rendre plus net. Un dessin vectoriel, contrairement à un dessin classique peut être agrandi à l'infini sans jamais pixelliser (vous savez quand vous zoomez beaucoup, les traits se transforment en petits carrés : les pixels) !

    Tuto - Faire un dessin et le numériser avec l'ordinateur

    A gauche l'original, à droite le dessin vectorisé

    Pour cela, j'utilise un tout petit logiciel qui s'appelle Inkscape ! Une fois lancé, j'ouvre mon dessin (le logiciel me demande si je veux incorporer ou lier l'image, je laisse par défaut "incorporer"). Quand le dessin est ouvert, je clique dessus pour le sélectionner puis je "vectorise le bitmap" : par dessus l'original apparait le nouveau dessin vectorisé ! Je le déplace pour sélectionner l'original que je supprime (un simple appui sur la touche "Suppr"), j'exporte alors mon dessin vectorisé (Fichier -> exporter en bitmap).

    Tuto - Faire un dessin et le numériser avec l'ordinateur  Tuto - Faire un dessin et le numériser avec l'ordinateur

    A l'issue de cette étape, j'obtiens une image transparente (en .PNG), il ne reste vraiment QUE le trait de crayon tout propre !

    Je peux alors passer à la dernière étape : la colorisation !

    5ème étape : coloriser le dessin

    Tuto - Faire un dessin et le numériser avec l'ordinateurPour cette dernière étape, j'utilise le logiciel The Gimp (gratuit ET libre). Je crée une nouvelle image de la taille que je veux (mes dessins sont au format 800 X 1000 pixels).

    J'ai alors une image blanche et un seul calque (qui s'appelle Arrière-plan).

     

     

    Je vais alors ajouter mon dessin : Ficher -> Ouvrir en tant que calque... J'ai à présent un deuxième calque qui porte le nom de fichier que j'ai donné à mon dessin, sauf que mon dessin est beaucoup trop grand. Il suffit d'utiliser l'outil de mise à l'échelle (en veillant à avoir coché la case pour conserver les proportions) et on fait rentrer notre dessin dans l'image !

    Tuto - Faire un dessin et le numériser avec l'ordinateur Tuto - Faire un dessin et le numériser avec l'ordinateur

    Maintenant, je vais créer deux nouveaux calques que je vais placer en dessous de mon calque dessin : un calque que j'appelle "couleur" et un calque que j'appelle "ombre" ! L'objectif, quand je colorie, je n'efface pas le trait du dessin qui reste toujours au-dessus !

    Tuto - Faire un dessin et le numériser avec l'ordinateurTuto - Faire un dessin et le numériser avec l'ordinateur

    Tuto - Faire un dessin et le numériser avec l'ordinateur

    Bon, c'est bien beau mais, on va le colorier ce dessin ! Pour ça, je clique sur le calque dessinTuto - Faire un dessin et le numériser avec l'ordinateur, j'utilise l'outil "baguette magique" et je sélectionne la partie du dessin que je veux colorier (par exemple, la robe du magicien). Attention, avec cette technique, la zone de dessin sélectionnée doit être fermée !!

    Je clique ensuite sur le calque "couleur" (puisque c'est là que je vais mettre la couleur). Pour colorier, je vais utiliser l'outil "pot de peinture", mais avant, je vais "agrandir la sélection" de 1ou 2 pixels ! Si je ne fais pas ça, il restera un peu de blanc entre mon trait de dessin et ma couleur !

    Tuto - Faire un dessin et le numériser avec l'ordinateur

    Une fois la sélection agrandie, j'utilise le pot de peinture pour la remplir ! Et je répète Tuto - Faire un dessin et le numériser avec l'ordinateurl'opération pour tout le dessin !

    Il ne manque alors plus qu'à mettre les ombres. Pour cela, je clique sur le calque "ombre". Il faut réduire l'opacité de ce calque (à environ 18%). Enfin, je vais utiliser du noir et avec l'outil pinceau, je mets les ombres partout où je veux !

    Tuto - Faire un dessin et le numériser avec l'ordinateur

    Voilà, il ne reste plus qu'à enregistrer mon dessin ! Si je le veux sur fond transparent, je décoche l'oeil à côté du calque "Arrière-plan" et le tour est joué ! Idem si je le veux en noir et blanc, je décoche l'oeil du calque "couleur".

    Voilà, je ne sais pas si ce long tuto pourra aider ou servir à quelqu'un ! Je l'espère en tout cas !

    Ca aura été l'occasion pour moi de vous présenter un peu ma façon de travailler

     

    « Taguée... encore ! Mais bon, c'est les vacances !Dessin - Le petit garçon et la petite fille »
    Pin It

    Tags Tags : , , , , , , , , , , ,
  • Commentaires

    1
    Dimanche 24 Février 2013 à 13:27

    Pour la préparation du  tracé avant colorisation, je procède comme toi. Sauf que tu m'as appris une chose : la vectorisation du tracé de base. Je ne le fais pas, mais c'est vraiment une super idée.

    Pourquoi colorises-tu avec Gimp plutôt qu'avec Photoshop ?

    2
    Dimanche 24 Février 2013 à 13:30

    Alors tout simplement parce que j'ai pris l'habitude sur Gimp (je n'avais pas Photoshop avant) et du coup, je lui reste fidèle :o) C'est le plaisir de me dire que j'utilise du libre D'ailleurs je pourrais très bien n'utiliser que Gimp mais l'étape où j'enlève le bleu est plus simple et rapide sous Photoshop !

    Pour la vectorisation, ça a vraiment été une chouette découverte ! Et puis, c'est ultra simple !

    3
    Dimanche 24 Février 2013 à 13:48

    Merci Mysticlolly ! Beaucoup de choses identiques.

    4
    Dimanche 24 Février 2013 à 13:55

    Merci Mysticlolly ! ça me parle bien, moi qui ait des p'tits dessins sur papier partout, je vais tester...

    5
    Dimanche 24 Février 2013 à 13:59

    Chic, je suis impatiente de voir ça !

    6
    pepins-et-citrons Profil de pepins-et-citrons
    Dimanche 24 Février 2013 à 14:06

    Merci, pour ce tuto. Je n'avais pas encore eu le temps de me pencher sur la vectorisation, grâce à toi c'est fait !

    7
    Dimanche 24 Février 2013 à 14:32

    bon je ne sais pas desiner, ou franchement mal plutôt, mais c'est très intéressant

    merci mysti !!

    8
    Souze Profil de Souze
    Dimanche 24 Février 2013 à 14:47

    Ah ben je comprends mieux. Cela va être super simple: plus qu'à télécharger 5 logiciels et trouver du matos à dessin pro...

    Je me moque??? Moi? Jamais...

    9
    Souze Profil de Souze
    Dimanche 24 Février 2013 à 14:48

    Merci pour les astuces. Il faut que je trouve du temps pour illustrer tout ce que j'ai envie de faire. J'ai plein d'idées (presque des projets)... Vivement les vacances...

    10
    Dimanche 24 Février 2013 à 15:31

    Ooooh vilaine Souze

    Il n'y a que Gimp et Inkscape qui sont indispensables ! Et en plus ils sont gratuits

    Et moi je languis de voir tes dessins parce que depuis le temps que tu en parles, paroles, paroles !

    11
    Souze Profil de Souze
    Dimanche 24 Février 2013 à 15:42

    Je garde le suspense... l'inspiration a mis du temps... Maintenant, il faut que je prenne le temps de dessiner... Et après je fais tout ce que tu as ordonné, ô grande prêtresse!!

    12
    Souze Profil de Souze
    Dimanche 24 Février 2013 à 15:44

    Je pense que je vais commencer par le bouton rallye-lien, d'ailleurs...

    13
    Dimanche 24 Février 2013 à 15:49

    J'aime quand tu m'appelles grande  prêtresse !

    14
    Souze Profil de Souze
    Dimanche 24 Février 2013 à 16:14

    Bon, voyon ce que je peux obtenir... Le temps me le dira...

    15
    Dimanche 24 Février 2013 à 18:32

    Vectorisation testée : le rendu est vraiment superbe ! J'adopte cette étape dans la préparation  du tracé avant colorisation.

    Par contre, je me suis rendue compte que j'ai une étape supplémentaire par rapport à toi.

    Voilà mes étapes :

    D'abord un travail sur le calque :

    1/ Je convertis l'image scannée en jpg en Images --> Modes --> Niveaux de gris.

    2/ J'améliore les noirs avec l'outil Image --> Réglages --> Niveaux (niveaux d'entrée 100 et 200, avec un taux de 1,00).

    Ensuite un travail sur les couches :

    3/ Je passe sur l'onglet Couches, et je duplique la couche "Gris" (clic droit sur la couche "Gris" --> Dupliquer la couche).

    4/ Je masque la couche "Gris" (je décoche le petit oeil noir) et j'affiche la couche "Gris copie".

    5/ Je passe ma couche "Gris copie" en négatif : Image --> Réglages --> Négatif.

    6/ Je récupère la couche "Gris copie" comme sélection : Sélection --> Récupérer la sélection...

    Enfin je repasse sur le calque :

    7/Je crée un nouveau calque au-dessus de mon calque d'arrière-plan.

    8/ Je masque le calque d'arrière-plan. Il me reste les contours de mon dessin qui scintillent.

    9/ Je remplis les contours du tracé avec l'outil Pot de peinture.

    Ca y est, le tracé de base est prêt à être enregistré et à passer à l'étape vectorisation.

    J'ai donc beaucoup plus d'étapes que toi. Pourquoi passer par cette sélection du tracé en négatif puis remplissage des contours ? Pour garantir un tracé vraiment nickel, ce qui était essentiel puisque je ne vectorisais pas. Peut-être qu'avec la vectorisation, les étapes 3 à 9 ne sont plus indispensables.

    Quoi qu'il en soit, merci de m'avoir permis de rendre encore plus propre le tracé de base du dessin.

    16
    Dimanche 24 Février 2013 à 19:03

    Ah oui en effet ça fait beaucoup d'étapes ! Essaie de les zapper pour voir si ça suffit ?

    17
    Dimanche 24 Février 2013 à 19:52

    Ca fait pas mal d'étapes à décrire, mais ça prend 2 min de plus en fait. J'ai essayé sans les étapes 3 à 9 tout à l'heure, la vectorisation qui s'ensuit est moins exacte. Donc je vais continuer avec mes 9 étapes.

    18
    Dimanche 24 Février 2013 à 19:55

    Alors il faudra que je teste tes étapes

    19
    Samedi 9 Mars 2013 à 12:31

    Super!! Merci pour tous ces conseils!!!

    20
    Samedi 9 Mars 2013 à 13:02

    Merci pour ces conseils. J'ai essayé, mais je doute de pouvoir réussir... tu en as de la chance de dessiner si bien !!

    21
    Samedi 9 Mars 2013 à 17:38

    Bonjour Mysticlolly,

    Les vacances étant arrivées, j'ai enfin pris le temps de créer mon propre tutoriel à l'image du tien. J'ai détaillé mes étapes supplémentaires sous Photoshop dont je t'avais parlé en commentaire il y a 3 semaines.

    Encore merci de m'avoir fait connaitre l'outil de vectorisation, le rendu du tracé vectorisé est franchement superbe !

    Si tu veux découvrir mon tuto, il est en ligne ici.

    22
    Samedi 9 Mars 2013 à 18:39

    Oh chic alors ! Je vais voir ça de suite, j'ai des crayonnés à mettre sur l'ordi, je vais essayer ton étape supplémentaire ! Merci Anyssa !

    23
    Jeudi 30 Mai 2013 à 22:22

    Je découvre ton travail et ce tutoriel, alors : félicitation pour tous ces dessins si adaptés à la vie de la classe , et merci pour le tuto . J'avais bien envie de me lancer dans le dessin sur ordi car pour l'instant, je scanne mes dessins colorés, mais le rendu est parfois décevant. Ceci dit, cela paraît quand un peu un peu complexe pour mes compétences ! J'attends d'avoir un matériel informatique plus performant et je me lance. Merci encore de ce partage ! 

    24
    Dimanche 14 Juillet 2013 à 15:03

    Ca y est! J'ai réussi grâce à tes conseils! Chouette 

    25
    Fidmousse Profil de Fidmousse
    Vendredi 16 Août 2013 à 21:05

    Je viens de découvrir ton tuto et je l'ai utilisé pour faire des petits ogres et ogresses ! Je vais m'en servir pour décorer la porte de ma classe ! Malgré mes petits talents de dessinatrices j'ai adoré faire ça !!! Merci pour l'aide apportée !!! 

    26
    Idalurf
    Mardi 20 Août 2013 à 12:47

    Ce tutoriel est super ! J'avais justement plein de dessins a mettre sur ordinateur mais les traits n'allaient avant alors que maintenant c'est niquel ;)

    Par contre j'ai un problème, lorsque j'utilise ta technique d'ombre sur du bege ca donne une couleur un peu bege-gris moche, est-ce que c'est normal, tu aurrais une solution ? Merci d'avance :p

    27
    Mercredi 28 Août 2013 à 10:18

    Encore merci pour ce tuto ! je viens de modifier une de tes images pour avoir l'équivalent masculin en informatique grâce à lui : je te l'envoie !!!

    28
    Rong rongo
    Mercredi 25 Septembre 2013 à 14:23

    Merci pour votre tuto.

    ça va m'aider à préparer mes propres faire-part personnalisez pour mon mariage 

    29
    Lundi 20 Janvier 2014 à 00:28

    Bonsoir,

    En faisant des recherches sur les dessins et l'ordinateur je suis "tombée" sur cette page de ton site que j'ai trouvée très chouette! Pour la première étape, je me demandais si il était possible d'inverser les couleurs? Faire le dessin au crayon et repasser le tracé final avec un feutre de couleur? Personnellement je ne suis à l'aise pour dessiner qu'avec une mine très fine donc j'utilise presque exclusivement un critérium... Qu'en penses-tu?

    Merci d'avance de ta réponse!

     

    30
    Vendredi 14 Février 2014 à 22:24

    ça me parait un peu compliqué... en tout cas, un peu long !

    Mais le rendu est chouette pour tes dessins ! 

    31
    Samedi 15 Février 2014 à 09:41

    @vendecole : A l'occasion, il faudra que je retravaille ce tuto parce que maintenant, je fais tout avec Gimp  qui fait la même chose aussi bien et Inkscape, je n'utilise plus Photoshop ! C'est une manip qui ne me prend pas plus de 3 minutes montre en main

    @Maman-c-bo : Le problème du crayon gris, c'est qu'il est une nuance de toutes les couleurs ! Donc avec le bleu, on peut le faire disparaitre et ne garder que le tracé noir, mais avec le gris, ça devient impossible (ou très compliqué). Après, peut être qu'il existe des mines pour critérium, de couleur bleue ? Il faudrait se renseigner !

     

    32
    Samedi 15 Février 2014 à 09:50

    @maman-c-bo : j'ai trouvé ça :

    Staedtler Mars micro color Etui de 12 Mines 0,5 mm Bleu

    Au passage, pour le dessin, Staedtler et Faber-Castell sont d'excellentes marques en dessin !

    33
    Dimanche 23 Février 2014 à 16:18

    Pour mam part, je comptais élaborer un tuto pour numériser et colorier un dessin avec l'ordinateur pour mes élèves... et je découvre ton tuto ce matin. Je le garde sous le coude! Merci!

    34
    Mercredi 12 Mars 2014 à 17:48

    Bon je dois réessayer toute cette démarche au prochain dessin ... 

    Merci pour le tuto !

    35
    Lundi 12 Mai 2014 à 09:48

    Merci pour le tuto très intéressant.

    Heu et quand on ne sait pas dessiner(comme moi) , on fait quoi?  winktongue

    36
    Lundi 12 Mai 2014 à 19:57

    Mais si on sait toujours dessiner un minimum :o) Faut juste se lancer !

    37
    Vendredi 1er Août 2014 à 19:05

    J'ai réusiiii!! Merciiiii!

    38
    grande serima
    Vendredi 15 Août 2014 à 10:48
    1. jadore geniale incroyablecoolhappytongueheyesnozzzoopssarcasticsleep
    39
    Samedi 30 Août 2014 à 10:38

    merci :D c'est très intéressant !

    j'espère que je vais réussir maintenant !

    40
    Dimanche 31 Août 2014 à 12:03

    Bonne chance ! Tu vas tâtonner au début et puis après ça ne sera plus qu'une formalité happy

    41
    Dimanche 31 Août 2014 à 14:13

    tu aurais pas une astuce pour enlever TOUT le blanc sur Gimp

    parce que souvent il me reste le gris très clair et j'ai toujours du mal à l'enlever rapidement (exemple ici )

    As-tu une solution ?

    42
    Co
    Samedi 20 Septembre 2014 à 22:09

    Merci beaucoup pour ce tuto très utile, qui m'a fait découvrir Inkscape.

    Je vais me remettre au dessin.

    43
    Lo
    Dimanche 26 Octobre 2014 à 11:42

    C'est super ! Je viens de tester et c'est vraiment chouette... J'adore dessiner mais je ne connaissais aucune technique avec l'ordinateur. Par contre, je n'arrive pas du tout à mettre les ombres... Quand j'utilise le pinceau sur le calque "ombre" il ne se passe rien du tout.

    Aurais-tu une solution ?

    44
    Samedi 1er Novembre 2014 à 15:39

    Oh zut ! si j'avais vu ce tuto plus tôt j'aurais essayé pendant les vacances... Je garde sous le coude pour plus tard ! merci ;)

    45
    mathou
    Lundi 8 Décembre 2014 à 22:55
    Bonsoir !
    D'ici une semaine je vais devoir numériser une illustration noir et blanc, sans nuances de gris, Avec bcp de details (dans le style des tatouages "dotwork"...
    Ma question va peut être paraitre stupide mais...
    Est-ce qu'avec votre technique de numérisation pourra fonctionner ? Le fait d'avoir bcp de details n'est-il pas un problème ? Tout le monde me dit de refaire les tracés du dessin avec une tablette graphique. Moi pas comprendre pourquoi se compliquer la vie si gimp et Inkscape sont aussi simple que décris dans ce tuto!
    Merci!
    46
    cat
    Mardi 2 Juin 2015 à 10:22

    merci pour toutes ces explications !!!


     

    47
    Mercredi 10 Juin 2015 à 22:03

    Merci pour ce tuto. J'ai mis le temps, mais je suis arrivée à ce que je voulais !

    M'enfin, si on n'est pas doué en dessin, ça ne change pas grand chose happy.

    48
    mayomayo
    Jeudi 6 Août 2015 à 00:19

    Ce qui est dommage dans ce tutoriel c'est que beaucoup de principes ne sont pas expliquer dès le départ (un peu difficile pour les débutants). Pourquoi les calques ? Comment retrouver ses calques dans Gimp ? pourquoi les couleurs ne prennent pas toujours sur tout les calques. 

     

    Bonne continuation

    49
    Lundi 29 Février à 13:59

    Je viens de me lancer dans quelques dessins. J'ai pris l'habitude de dessiner au crayon à papier... Et maintenant que je lis ton tuto, je réalise que le gris sous le noir, c'est peut-être trop ton sur ton! MERCI de partager tout ça!

      • Lundi 29 Février à 15:10

        Chouette ! Je languis de voir ça ! :)

    50
    Lundi 29 Février à 16:23

    Oh, quand je vois ton travail ,je pense que le mien pourrait te faire sourire.... oops

    51
    Sébastien
    Dimanche 13 Mars à 17:34

    Merci pour ton tutoriel.

    52
    Dimanche 17 Juillet à 09:23

    Bonjour,

    Je viens de découvrir ton blog ,merci pour ce tutoriel . Je n'ai pas un trait de dessin extra, mais je vais quand même essayer cet été.

    Merci ausi pour les dessins des matières scolaires ;c'est génial!

    Martine42

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :