[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.19,0:00:06.70,Default,,0000,0000,0000,,Existe três passos que você precisa saber sobre como fazer seus desenhos esplendidamente coloridos.
Dialogue: 0,0:00:06.70,0:00:08.56,Default,,0000,0000,0000,,Vamos começar colorindo a parte do fundo.
Dialogue: 0,0:00:08.56,0:00:11.87,Default,,0000,0000,0000,,Para fazer isso, apenas digite background e abra os parêntesis,
Dialogue: 0,0:00:11.87,0:00:14.39,Default,,0000,0000,0000,,e o resto da linha vai se completar automaticamente para você.
Dialogue: 0,0:00:14.39,0:00:17.39,Default,,0000,0000,0000,,Se você olhar perto, você vai notar que isso é na verdade uma função sendo chamada.
Dialogue: 0,0:00:17.39,0:00:20.34,Default,,0000,0000,0000,,Veja, nos temos o nome da função aqui, que é background,
Dialogue: 0,0:00:20.34,0:00:25.44,Default,,0000,0000,0000,,então dois parêntesis, e três parâmetros dentro, separados por virgulas.
Dialogue: 0,0:00:25.44,0:00:31.89,Default,,0000,0000,0000,,Esses três números representam a quantidade de vermelho, verde e azul na cor do fundo.
Dialogue: 0,0:00:31.89,0:00:35.14,Default,,0000,0000,0000,,Os números podem ir de qualquer lugar entre 0 e 255,
Dialogue: 0,0:00:35.14,0:00:37.39,Default,,0000,0000,0000,,aonde 0 significa que não existe nada dessa cor,
Dialogue: 0,0:00:37.39,0:00:40.04,Default,,0000,0000,0000,,e 255 significa que agente está deixando essa cor no maximo.
Dialogue: 0,0:00:40.04,0:00:43.39,Default,,0000,0000,0000,,Agora, eu estou deixando vermelho no máximo, e deixando verde e azul inexistentes.
Dialogue: 0,0:00:43.39,0:00:45.77,Default,,0000,0000,0000,,Esse é o motivo pelo qual a cor de fundo é completamente vermelha.
Dialogue: 0,0:00:45.77,0:00:50.04,Default,,0000,0000,0000,,Se eu fazer o primeiro número menor, então vai ficar com menos vermelho, então isso vai parecer vermelho-escuro.
Dialogue: 0,0:00:50.04,0:00:53.20,Default,,0000,0000,0000,,Eu posso continuar brincando com esses números e ver quais tipos de cores eu posso criar.
Dialogue: 0,0:00:53.20,0:00:56.20,Default,,0000,0000,0000,,Ou, eu posso usar nosso "handy dandy color picker",
Dialogue: 0,0:00:56.20,0:00:59.89,Default,,0000,0000,0000,,que vai automaticamente completar os 3 números para mim.
Dialogue: 0,0:00:59.89,0:01:02.89,Default,,0000,0000,0000,,Agora é importante saber o que essa função "background" está fazendo na verdade,
Dialogue: 0,0:01:02.89,0:01:06.37,Default,,0000,0000,0000,,ela está apenas desenhando um grande quadrado colorido sobre a superfície inteira do canvas.
Dialogue: 0,0:01:06.37,0:01:09.10,Default,,0000,0000,0000,,Se eu movesse isso para o final do meu programa, desse jeito,
Dialogue: 0,0:01:09.10,0:01:12.47,Default,,0000,0000,0000,,então isso desenharia esse grande quadrado de fundo sobre todos os meus desenhos.
Dialogue: 0,0:01:12.47,0:01:14.97,Default,,0000,0000,0000,,Talvez você está pensando, isso é bobo, por que alguém iria querer isso?
Dialogue: 0,0:01:14.97,0:01:17.17,Default,,0000,0000,0000,,Mas hey, nunca se sabe.
Dialogue: 0,0:01:17.17,0:01:19.67,Default,,0000,0000,0000,,Nos vamos deixar isso na parte de cima agora.
Dialogue: 0,0:01:19.67,0:01:21.56,Default,,0000,0000,0000,,Agora para colorir nossos desenhos!
Dialogue: 0,0:01:21.56,0:01:25.30,Default,,0000,0000,0000,,Pode ser mais fácil pensar no computador, como tendo um assistente de cor,
Dialogue: 0,0:01:25.30,0:01:27.37,Default,,0000,0000,0000,,alguma espécie de mordomo de cores.
Dialogue: 0,0:01:27.37,0:01:29.73,Default,,0000,0000,0000,,Basicamente algum cara que está no comando das cores.
Dialogue: 0,0:01:29.73,0:01:34.77,Default,,0000,0000,0000,,Esse cara das cores pode apenas segurar um marcador colorido na sua mão esquerda,
Dialogue: 0,0:01:34.77,0:01:39.56,Default,,0000,0000,0000,,e um balde de tinta na sua mão direita.
Dialogue: 0,0:01:39.56,0:01:43.39,Default,,0000,0000,0000,,O computador usa o marcador colorido para desenhar todos esses traçados,
Dialogue: 0,0:01:43.39,0:01:45.00,Default,,0000,0000,0000,,e o balde de cores para preencher a parte de dentro das formas.
Dialogue: 0,0:01:45.00,0:01:47.81,Default,,0000,0000,0000,,Agora, o marcador está preto, e o balde de cores está branco
Dialogue: 0,0:01:47.81,0:01:51.98,Default,,0000,0000,0000,,Você pode mudar a cor do marcador, chamando essa função, stroke.
Dialogue: 0,0:01:51.98,0:01:56.39,Default,,0000,0000,0000,,Isso também auto-completa, e então você pode pegar uma cor.
Dialogue: 0,0:01:56.39,0:01:58.56,Default,,0000,0000,0000,,Isso muda o marcador que o carinha das cores está segurando,
Dialogue: 0,0:01:58.56,0:02:02.54,Default,,0000,0000,0000,,então, todos as curvas desenhadas depois dessa linha vão ser desenhadas com um marcador rosa.
Dialogue: 0,0:02:02.54,0:02:05.67,Default,,0000,0000,0000,,As vezes você não procura contornos em nossas formas.
Dialogue: 0,0:02:05.67,0:02:07.39,Default,,0000,0000,0000,,Existe uma função para isso também!
Dialogue: 0,0:02:07.39,0:02:13.56,Default,,0000,0000,0000,,Ela é chamada noStroke, e pela primeira vez, nos vemos uma função que não pega nenhum parâmetro.
Dialogue: 0,0:02:13.56,0:02:17.44,Default,,0000,0000,0000,,Nos temos apenas este conjunto vazio de parâmetros e um ponto e vírgula,
Dialogue: 0,0:02:17.44,0:02:20.44,Default,,0000,0000,0000,,e agora você pode ver nossas formas sem nenhum contorno.
Dialogue: 0,0:02:20.44,0:02:25.84,Default,,0000,0000,0000,,Nos podemos mudar o balde de tinta do carinha das cores chamando essa função, 'fill'.
Dialogue: 0,0:02:25.84,0:02:30.44,Default,,0000,0000,0000,,Agora, a partir dessa linha de código para frente, nos vamos completar todas as formas com essa forte cor vermelha
Dialogue: 0,0:02:30.44,0:02:38.37,Default,,0000,0000,0000,,Como 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.
Dialogue: 0,0:02:38.43,0:02:42.08,Default,,0000,0000,0000,,Isso faz com que todas as nossas formas fiquem transparentes - não existe nada pintado por dentro.(fill significa preencher)
Dialogue: 0,0:02:42.08,0:02:44.89,Default,,0000,0000,0000,,Agora vamos seguir em frente e colorir esse carinha.
Dialogue: 0,0:02:44.89,0:02:47.23,Default,,0000,0000,0000,,Nos vamos começar desenhando um triângulo para seu corpo.
Dialogue: 0,0:02:47.23,0:02:56.00,Default,,0000,0000,0000,,Eu vou pegar uma cor de contorno para isso, completamos a
Dialogue: 0,0:02:56.00,0:03:05.39,Default,,0000,0000,0000,,Agora vamos pegar uma cor de preenchimento. Hm, o que seria legal? Talvez um verde claro.
Dialogue: 0,0:03:05.39,0:03:13.77,Default,,0000,0000,0000,,Para seu rosto, nos não queremos que isso teja uma borda verde, então eu vou mudar a cor da borda para sua face.
Dialogue: 0,0:03:13.77,0:03:18.89,Default,,0000,0000,0000,,Eu vou pegar uma borda castanho-bronzeada.
Dialogue: 0,0:03:18.89,0:03:21.84,Default,,0000,0000,0000,,Agora eu vou pegar uma cor de preenchimento diferente.
Dialogue: 0,0:03:21.84,0:03:25.48,Default,,0000,0000,0000,,Qual seria uma boa cor para a face? Hmm...
Dialogue: 0,0:03:25.48,0:03:30.39,Default,,0000,0000,0000,,Isso é um tipo de cor de face, correto?
Dialogue: 0,0:03:30.39,0:03:33.84,Default,,0000,0000,0000,,Agora, as próximas duas linhas, esses 2 elipses, são suas mãos.
Dialogue: 0,0:03:33.84,0:03:36.28,Default,,0000,0000,0000,,Eu quero suas mãos para serem da mesma cor da sua face.
Dialogue: 0,0:03:36.28,0:03:38.89,Default,,0000,0000,0000,,Então nos não vamos mudar o marcador ou o balde de cores.
Dialogue: 0,0:03:38.89,0:03:40.84,Default,,0000,0000,0000,,Nos vamos apenas deixar o 'stroke' e 'fill' o mesmo,
Dialogue: 0,0:03:40.84,0:03:42.81,Default,,0000,0000,0000,,e mover para a sua boca.
Dialogue: 0,0:03:42.81,0:03:51.00,Default,,0000,0000,0000,,Sua boca é apenas essa linha e linhas não tem cores de preenchimento por que não tem nada para preencher.
Dialogue: 0,0:03:51.00,0:03:55.39,Default,,0000,0000,0000,,mas nos podemos mudar a cor do traço dessa linha.
Dialogue: 0,0:03:55.39,0:03:57.64,Default,,0000,0000,0000,,Yeah, vermelho é uma boa cor bonita para a boca.
Dialogue: 0,0:03:57.64,0:03:59.04,Default,,0000,0000,0000,,Agora, as armações do óculos.
Dialogue: 0,0:03:59.04,0:04:00.56,Default,,0000,0000,0000,,Mais uma vez, nos precisamos apenas ativar o stroke.
Dialogue: 0,0:04:00.56,0:04:02.61,Default,,0000,0000,0000,,Qual seria uma boa cor para seus óculos?
Dialogue: 0,0:04:02.61,0:04:04.62,Default,,0000,0000,0000,,Preto é um pouco clássico.
Dialogue: 0,0:04:04.62,0:04:11.73,Default,,0000,0000,0000,,Para a lente dos seus óculos, eu quero que os retângulos tenham a mesma borda que sua moldura
Dialogue: 0,0:04:11.73,0:04:16.91,Default,,0000,0000,0000,,Eu não vou mudar o 'stroke', mas eu vou dar isso uma cor de preenchimento ( fill color ).
Dialogue: 0,0:04:16.91,0:04:20.89,Default,,0000,0000,0000,,Vamos mudar isso para preto, para combinar com a armação
Dialogue: 0,0:04:20.89,0:04:23.23,Default,,0000,0000,0000,,Aqui está, nosso carinha está colorido!
Dialogue: 0,0:04:23.23,0:04:27.00,Default,,0000,0000,0000,,Awwwwww, yeah!