Return to Video

Intro to Coloring

  • 0:01 - 0:06
    Il y a 3 choses à savoir
    pour colorer vos dessins.
  • 0:06 - 0:09
    Commençons par colorer le fond d'écran.
  • 0:09 - 0:12
    On écrit la fonction « background »
    et on ouvre les parenthèses,
  • 0:12 - 0:14
    et le reste de la ligne de code s'est
    complété automatiquement.
  • 0:14 - 0:17
    Ce que nous venons d'écrire est
    l'appel d'une fonction.
  • 0:17 - 0:21
    On a le nom de la fonction,
    ici c'est le mot « background »
    [« arrière-plan » en anglais],
  • 0:21 - 0:25
    puis 2 parenthèses contenant
    3 paramètres séparés par des virgules.
  • 0:25 - 0:32
    Le premier est la quantité de rouge,
    puis de vert et de bleu.
  • 0:32 - 0:35
    Les quantités vont de 0 à 255.
  • 0:35 - 0:37
    0 indique qu'on ne veut pas
    de cette couleur.
  • 0:37 - 0:40
    255 indique qu'on en veut le maximum.
  • 0:40 - 0:43
    Ici, on a le maximum de rouge,
    sans vert ni bleu.
  • 0:43 - 0:46
    C'est pour cela que le mélange
    obtenu est un rouge éclatant.
  • 0:46 - 0:50
    Si on baisse le premier nombre, on aura
    moins de rouge. Il sera donc plus foncé.
  • 0:50 - 0:53
    Je peux modifier les quantités
    et voir quelles couleurs on obtient.
  • 0:53 - 0:56
    Ou alors, on peut utiliser l'outil de
    sélection de couleur.
  • 0:56 - 1:00
    Il va calculer les 3 nombres tout seul
    en fonction de la couleur choisie.
  • 1:00 - 1:03
    Voyons comment fonctionne
    la fonction « background ».
  • 1:03 - 1:06
    Elle recouvre l'ensemble du cadre
    avec la couleur choisie.
  • 1:06 - 1:09
    Donc, si je déplace la ligne
    à la fin de mon programme,
  • 1:09 - 1:12
    tout mon écran est recouvert de
    la couleur au-dessus de mon dessin.
  • 1:12 - 1:15
    Vous pouvez penser que
    ce n'est pas très utile !
  • 1:15 - 1:17
    Mais vous verrez...
    on ne sait jamais !
  • 1:17 - 1:20
    On va le remettre en haut pour l'instant.
  • 1:20 - 1:22
    Passons maintenant à notre dessin.
  • 1:22 - 1:25
    Imaginons que l'ordinateur se
    fasse aider d'un peintre...
  • 1:25 - 1:27
    Les peintres ont une cravate, non ?
  • 1:27 - 1:30
    Ce peintre ne peut avoir...
  • 1:30 - 1:35
    ... qu'un feutre d'une couleur
    dans la main gauche...
  • 1:35 - 1:39
    ... et un pot de peinture d'une
    couleur dans la main droite.
  • 1:39 - 1:42
    L'ordinateur utilise le feutre pour
    dessiner tous les contours de nos formes,
  • 1:42 - 1:45
    et il utilise le pot de peinture pour
    remplir l'intérieur des formes.
  • 1:45 - 1:48
    Au départ, le feutre est noir
    et le pot de peinture est blanc.
  • 1:48 - 1:52
    Pour changer la couleur du feutre,
    utilisez la fonction « stroke »
    [« trait » en anglais].
  • 1:52 - 1:56
    Le code se complète tout seul aussi,
  • 1:56 - 1:59
    et vous pouvez choisir une couleur.
  • 1:59 - 2:03
    Il a maintenant un feutre rose, ce qui dessine
    tous les contours suivants en rose.
  • 2:03 - 2:06
    Parfois, vous pouvez avoir besoin de
    ne pas voir les contours.
  • 2:06 - 2:07
    Il y a une fonction pour ça aussi.
  • 2:07 - 2:14
    Elle s'appelle « noStroke » [« pas de trait » en anglais],
    c'est une fonction qui n'a aucun paramètre.
  • 2:14 - 2:17
    On a donc seulement les deux
    parenthèses vides, le point-virgule,
  • 2:17 - 2:20
    et vous voyez maintenant que
    nos formes n'ont aucun contour.
  • 2:20 - 2:26
    On peut aussi changer la couleur du pot de peinture
    avec la fonction « fill » [« remplir » en anglais],
  • 2:26 - 2:30
    et vous voyez que toutes les formes
    dessinées ensuite sont remplies de rouge.
  • 2:30 - 2:38
    On a aussi une fonction pour ne pas remplir :
    « noFill » [« pas de remplissage » en anglais],
    sans paramètres.
  • 2:38 - 2:42
    Ainsi nos formes ne sont pas remplies :
    elles sont transparentes.
  • 2:42 - 2:45
    Maintenant, ajoutons des couleurs
    à notre peintre.
  • 2:45 - 2:47
    On a dessiné un triangle pour son corps,
  • 2:47 - 2:56
    on écrit « stroke » pour ajouter une
    couleur de contour... choisissons un vert foncé.
  • 2:56 - 3:05
    On utilise « fill » pour la couleur de remplissage.
    On va prendre... un vert clair...
  • 3:05 - 3:14
    Maintenant son visage : je ne veux pas
    de contour vert, donc je change son feutre
    avec « stroke »,
  • 3:14 - 3:19
    et je choisis une teinte de marron...
    pas trop foncée.
  • 3:19 - 3:22
    Puis avec « fill », je change
    le remplissage du visage...
  • 3:22 - 3:25
    Quelle couleur prendre pour un visage ?
  • 3:25 - 3:30
    Hum... disons... ha, ça, c'est pas mal !
  • 3:30 - 3:34
    OK. Les deux lignes suivantes
    sont deux ellipses pour ses mains,
  • 3:34 - 3:36
    et je veux garder la même couleur
    que pour le visage,
  • 3:36 - 3:39
    donc on ne va changer ni de feutre,
    ni de peinture.
  • 3:39 - 3:41
    On laisse comme ça.
  • 3:41 - 3:43
    Passons, donc, à la bouche.
  • 3:43 - 3:51
    C'est juste la ligne ici. Les lignes n'ont pas
    de couleur de remplissage car il n'y a rien à remplir,
  • 3:51 - 3:55
    mais avec « stroke » on peut changer
    la couleur du trait.
  • 3:55 - 3:57
    OK, rouge, c'est pas mal !
  • 3:57 - 3:59
    Pour les lunettes, maintenant.
  • 3:59 - 4:01
    On va aussi utiliser « stroke »
    pour le trait des branches.
  • 4:01 - 4:03
    Quelle couleur choisir...
  • 4:03 - 4:05
    ... noir, c'est classique.
  • 4:05 - 4:12
    Pour le contour des verres, je veux
    le même contour que pour les branches,
  • 4:12 - 4:17
    donc je ne change pas de feutre,
    mais je vais changer le remplissage avec « fill ».
  • 4:17 - 4:21
    Hum... quelle couleur ?
    Allez, « noir », comme les branches.
  • 4:21 - 4:23
    Eh bien voilà !
    Notre peintre est sympa comme ça !
  • 4:23 - 4:26
    Awwwwww, yeah !
Title:
Intro to Coloring
Description:

more » « less
Video Language:
English
Duration:
04:27
jdantec edited French subtitles for Intro to Coloring
Christophe Noblanc edited French subtitles for Intro to Coloring

French subtitles

Revisions