< Return to Video

Intro to Coloring

  • 0:03 - 0:04
    Abyste mohli své obrázky
    nádherně vybarvit,
  • 0:04 - 0:07
    potřebujete k tomu umět
    tři věci.
  • 0:07 - 0:09
    Začneme s vybarvováním
    pozadí.
  • 0:09 - 0:12
    Napište jen background(
  • 0:12 - 0:14
    a zbytek řádku se doplní
    sám.
  • 0:14 - 0:16
    Když se na to podíváme
    podrobněji
  • 0:16 - 0:19
    uvidíme, že jde vlastně o funkci
  • 0:19 - 0:22
    se jménem background,
  • 0:22 - 0:25
    která má tři parametry,
    uvnitř těch závorek.
  • 0:25 - 0:30
    Paremetry představují
    množství červené, zelené a modré
  • 0:30 - 0:31
    použíté na pozadí obrázku.
  • 0:31 - 0:35
    Parametr může mít hodnotu
    od 0 do 255.
  • 0:35 - 0:37
    Nula znamená, že tahle barva
    není použitá,
  • 0:37 - 0:40
    kdežto 255 znamená, že je použito
    maximum barvy.
  • 0:40 - 0:43
    Teďka třeba používáme maximum
    červené a žádnou zelenou nebo modrou.
  • 0:43 - 0:45
    Proto je pozadí tak sytě červené.
  • 0:45 - 0:48
    Pokud bude první hodnota
    nižší, znamená to míň červené,
  • 0:48 - 0:50
    takže barva bude trochu tmavší.
  • 0:50 - 0:51
    Můžu si s čísly trochu pohrát
  • 0:51 - 0:53
    a sledovat jaká barva
    z toho vzejde.
  • 0:53 - 0:56
    Můžu taky použít tenhle
    fajnový color picker,
  • 0:56 - 0:59
    který za mně doplní
    hodnoty proměnných.
  • 1:00 - 1:01
    Důležité je si uvědomit,
  • 1:01 - 1:03
    že funkce background vlastně
  • 1:03 - 1:06
    jen kresí velký barevný
    čtverec přes celé plátno.
  • 1:06 - 1:09
    Kdybych zkopírovala tenhle
    kód na konec mého programu,
  • 1:09 - 1:12
    zakrylo by to všechny ostatní
    tvary na plátně.
  • 1:12 - 1:14
    Možná vás napadlo
    "Proč by takovou blbost
  • 1:14 - 1:15
    někdo dělal?",
  • 1:15 - 1:17
    ale nikdy nevíte , kdy se
    to může hodit.
  • 1:17 - 1:19
    My to ale vrátíme zpátky
    na začátek.
  • 1:19 - 1:21
    Začněme vybarvovat objetky!
  • 1:21 - 1:22
    Dejme tomu, že počítač má
  • 1:22 - 1:24
    sekretářu, která se stará o barvy
  • 1:24 - 1:27
    nebo osobního sluhu na
    barvy.
  • 1:27 - 1:29
    Prostě někoho kdo to fakt
    umí s barvama.
  • 1:30 - 1:34
    A tenhle někdo má v jedné
    ruce fixu
  • 1:35 - 1:39
    a v druhé kyblík s barvou.
  • 1:39 - 1:43
    Fixa je na kreslení
    obrysů
  • 1:43 - 1:45
    a kyblík s barvou je na
    vyplnění těch obrysů.
  • 1:45 - 1:47
    Fixa je teď černá a barva
    v kyblíku je bílá.
  • 1:47 - 1:49
    Barva fixky se dá změnit
  • 1:49 - 1:52
    zavoláním funkce
    stroke,
  • 1:52 - 1:53
    která se taky doplní
    sama
  • 1:53 - 1:55
    a můžete vybrat barvu.
  • 1:56 - 2:00
    Barva fixy se tak změní
    a od teď se touhle
  • 2:00 - 2:02
    budou kreslit všechny obrysy.
  • 2:02 - 2:05
    Někdy ale nechcete, aby
    byly obrysy vidět.
  • 2:05 - 2:07
    I na tolhe tu máme funkci!
  • 2:07 - 2:10
    Říká se jí noStroke
    a je to pro nás
  • 2:10 - 2:13
    první funkce bez
    parametrů.
  • 2:13 - 2:15
    Je to prostě název
    nasledovaný prazdnýma závorkama
  • 2:15 - 2:17
    a středníkem.
  • 2:17 - 2:19
    A vidíte, že obrysy
    zmizely.
  • 2:20 - 2:23
    Můžeme taky změnit barvu
    v kyblíku
  • 2:23 - 2:25
    pomocí funkce Fill.
  • 2:26 - 2:28
    A od tohle místa budou
    všechny tvary
  • 2:28 - 2:30
    vybarvené červenou
    barvou.
  • 2:30 - 2:36
    Tak jako máme funkci noStroke,
    máme i noFill,
  • 2:36 - 2:39
    která je taky bezparametrická
    a dělá naše
  • 2:39 - 2:42
    objekty průhledné - nemají
    barevnou výplň.
  • 2:42 - 2:44
    Pojďme konečně vybarvit
    tohohle panáčka.
  • 2:44 - 2:47
    Nejprve nakreslíme trojúhleník
    pro jeho tělo.
  • 2:47 - 2:49
    Vyberu barvu,
    ať máme obrys.
  • 2:50 - 2:55
    Tak třebas…
    tmavě zelená.
  • 2:56 - 2:58
    Teď vybereme
    barvu výplně.
  • 2:59 - 3:02
    Jaká by se hodila? Zkusím
    světlejší odstín zelené.
  • 3:02 - 3:04
    Ještě světlejší.
    Jo takhle je to dobrý.
  • 3:05 - 3:08
    Nechceme aby jeho obličej
    měl zelený obrys,
  • 3:08 - 3:10
    takže změním barvu fixy.
  • 3:13 - 3:18
    Vyberu nějaký hnědý
    odstín.
  • 3:18 - 3:20
    Zvolím barvu výplně.
  • 3:20 - 3:21
    Ops !
  • 3:21 - 3:25
    Jakou barvu pro obličej?
    Hmm…
  • 3:25 - 3:29
    Jo tohle vypadá jako barva
    obličeje.
  • 3:30 - 3:33
    Tyhle dva řádky představují elipsy,
    tedy jeho ruce.
  • 3:33 - 3:36
    Chci aby ruce měly stejnou
    barvou jako obličej.
  • 3:36 - 3:37
    Takže barvu fixky
    ani výplně
  • 3:37 - 3:39
    měnit nebudeme.
  • 3:39 - 3:41
    Necháme je tak jak jsou
  • 3:41 - 3:42
    a zaměříme se na jeho pusu.
  • 3:42 - 3:45
    To je vlastně jen tahle
    čára
  • 3:47 - 3:51
    a ty nemají žádnou výplň.
  • 3:51 - 3:53
    Můžeme změnit jen barvu
    téhle čáry.
  • 3:54 - 3:56
    Červená je v tomhle případě
    ideální.
  • 3:56 - 3:58
    Teďka obroučky jeho
    brýlí.
  • 3:58 - 4:00
    Zase jsou to jen čáry,
    takže žádná výplň.
  • 4:00 - 4:02
    Jaká by byla dobrá barva
    pro brýle?
  • 4:02 - 4:04
    Černá je celkem obvyklá.
  • 4:04 - 4:08
    U skel jeho brýlí chci,
  • 4:08 - 4:11
    aby jejich obrys měl stejnou barvu
    jako obroučky.
  • 4:11 - 4:15
    Barvu obrysu nechám tak,
    ale změním barevnou výplň.
  • 4:17 - 4:20
    Dáme černou, ať to
    k sobě hezky sedí.
  • 4:20 - 4:22
    A je to, panáček
    je pěkně vybarvený!
  • 4:23 - 4:26
    Super !
Title:
Intro to Coloring
Description:

more » « less
Video Language:
English
Duration:
04:27

Czech subtitles

Revisions