Introdução às cores
-
0:00 - 0:07Existe três passos que você precisa saber sobre como fazer seus desenhos esplendidamente coloridos.
-
0:07 - 0:09Vamos começar colorindo a parte do fundo.
-
0:09 - 0:12Para fazer isso, apenas digite "background" e abra os parêntesis,
-
0:12 - 0:14e o resto da linha vai se completar automaticamente para você.
-
0:14 - 0:17Se você prestar atenção, você vai notar que isso é na verdade uma função.
-
0:17 - 0:20Veja, nós temos o nome da função aqui, que é "background",
-
0:20 - 0:25então dois parêntesis, e três parâmetros dentro, separados por virgulas.
-
0:25 - 0:32Esses três números representam a quantidade de vermelho, verde e azul na cor de fundo (inglês - background color).
-
0:32 - 0:35Os números podem ir de qualquer lugar entre 0 e 255,
-
0:35 - 0:37aonde 0 significa que não existe nada dessa cor,
-
0:37 - 0:40e 255 significa que agente está deixando essa cor no maximo.
-
0:40 - 0:43Agora, eu estou deixando vermelho no máximo, e deixando verde e azul inexistentes.
-
0:43 - 0:46Esse é o motivo pelo qual a cor de fundo é completamente vermelho brilhante.
-
0:46 - 0:50Se eu fazer o primeiro número menor, então haverá menos menos vermelho, e então isso vai parecer vermelho-escuro.
-
0:50 - 0:53Eu posso continuar brincando com esses números e ver quais tipos de cores eu posso criar.
-
0:53 - 0:56Ou, eu posso usar nosso "handy dandy color picker"(que significa buscador de cor rápido e elegante),
-
0:56 - 1:00que vai automaticamente completar os 3 números para mim.
-
1:00 - 1:03Agora é importante saber o que essa função "background" está fazendo na verdade,
-
1:03 - 1:06ela está apenas desenhando um grande quadrado colorido sobre a superfície inteira do canvas ( essa parte à direita que agente vê o resultado do programa).
-
1:06 - 1:09Se eu movesse isso para o final do meu programa, desse jeito,
-
1:09 - 1:12então isso desenharia esse grande quadrado de fundo sobre todos os meus desenhos.
-
1:12 - 1:15Talvez você está pensando, isso é bobo, por que alguém iria querer isso?
-
1:15 - 1:17Mas hey, nunca se sabe.
-
1:17 - 1:20Nos vamos deixar isso na parte de cima agora.
-
1:20 - 1:22Agora para colorir nossos desenhos!
-
1:22 - 1:25Pode ser mais fácil pensar no computador, como tendo um assistente de cor,
-
1:25 - 1:27alguma espécie de mordomo de cores.
-
1:27 - 1:30Basicamente algum cara que está no comando das cores.
-
1:30 - 1:35Esse cara das cores pode apenas segurar um marcador colorido na sua mão esquerda,
-
1:35 - 1:40e um balde de tinta na sua mão direita.
-
1:40 - 1:43O computador usa o marcador colorido para desenhar todos esses traçados,
-
1:43 - 1:45e o balde de cores para preencher a parte de dentro das formas.
-
1:45 - 1:48Agora, o marcador está preto, e o balde de cores está branco
-
1:48 - 1:52Você pode mudar a cor do marcador, chamando essa função, stroke.
-
1:52 - 1:56Isso também auto-completa, e então você pode pegar uma cor.
-
1:56 - 1:59Isso muda o marcador que o carinha das cores está segurando,
-
1:59 - 2:03então, todos as curvas desenhadas depois dessa linha vão ser desenhadas com um marcador rosa.
-
2:03 - 2:06As vezes você não procura contornos em nossas formas.
-
2:06 - 2:07Existe uma função para isso também!
-
2:07 - 2:14Ela é chamada noStroke, e pela primeira vez, nos vemos uma função que não pega nenhum parâmetro.
-
2:14 - 2:17Nos temos apenas este conjunto vazio de parâmetros e um ponto e vírgula,
-
2:17 - 2:20e agora você pode ver nossas formas sem nenhum contorno.
-
2:20 - 2:26Nos podemos mudar o balde de tinta do carinha das cores chamando essa função, 'fill'.
-
2:26 - 2:30Agora, a partir dessa linha de código para frente, nos vamos completar todas as formas com essa forte cor vermelha
-
2:30 - 2:38Como se nos tivéssemos uma função noStroke, nos também temos uma função noFill, que também não pega nenhum parâmetro.
-
2:38 - 2:42Isso faz com que todas as nossas formas fiquem transparentes - não existe nada pintado por dentro.(fill significa preencher)
-
2:42 - 2:45Agora vamos seguir em frente e colorir esse carinha.
-
2:45 - 2:47Nos vamos começar desenhando um triângulo para seu corpo.
-
2:47 - 2:56Eu vou pegar uma cor de contorno para isso, completamos a
-
2:56 - 3:05Agora vamos pegar uma cor de preenchimento. Hm, o que seria legal? Talvez um verde claro.
-
3:05 - 3:14Para seu rosto, nos não queremos que isso teja uma borda verde, então eu vou mudar a cor da borda para sua face.
-
3:14 - 3:19Eu vou pegar uma borda castanho-bronzeada.
-
3:19 - 3:22Agora eu vou pegar uma cor de preenchimento diferente.
-
3:22 - 3:25Qual seria uma boa cor para a face? Hmm...
-
3:25 - 3:30Isso é um tipo de cor de face, correto?
-
3:30 - 3:34Agora, as próximas duas linhas, esses 2 elipses, são suas mãos.
-
3:34 - 3:36Eu quero suas mãos para serem da mesma cor da sua face.
-
3:36 - 3:39Então nos não vamos mudar o marcador ou o balde de cores.
-
3:39 - 3:41Nos vamos apenas deixar o 'stroke' e 'fill' o mesmo,
-
3:41 - 3:43e mover para a sua boca.
-
3:43 - 3:51Sua boca é apenas essa linha e linhas não tem cores de preenchimento por que não tem nada para preencher.
-
3:51 - 3:55mas nos podemos mudar a cor do traço dessa linha.
-
3:55 - 3:58Yeah, vermelho é uma boa cor bonita para a boca.
-
3:58 - 3:59Agora, as armações do óculos.
-
3:59 - 4:01Mais uma vez, nos precisamos apenas ativar o stroke.
-
4:01 - 4:03Qual seria uma boa cor para seus óculos?
-
4:03 - 4:05Preto é um pouco clássico.
-
4:05 - 4:12Para a lente dos seus óculos, eu quero que os retângulos tenham a mesma borda que sua moldura
-
4:12 - 4:17Eu não vou mudar o 'stroke', mas eu vou dar isso uma cor de preenchimento ( fill color ).
-
4:17 - 4:21Vamos mudar isso para preto, para combinar com a armação
-
4:21 - 4:23Aqui está, nosso carinha está colorido!
-
4:23 - 4:27Awwwwww, yeah!
- Title:
- Introdução às cores
- Description:
-
Isso é apenas uma aula da nosso curso de codificação interativo, preparado para fazer legendas e traduções facilmente. Seria melhor assistir nossos talk-throughs (programação interativa com o video) aqui:
https://www.khanacademy.org/cs/programming/ - Video Language:
- English
- Duration:
- 04:27
Eud Briel edited Portuguese, Brazilian subtitles for Intro to Coloring | ||
pamela-from-khan edited Portuguese, Brazilian subtitles for Intro to Coloring | ||
Alexandre Monassa edited Portuguese, Brazilian subtitles for Intro to Coloring |