[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.79,0:00:06.70,Default,,0000,0000,0000,,Hay tres pasos, que necesitas conocer para hacer tus dibujos esplendorósamente coloridos.
Dialogue: 0,0:00:06.70,0:00:08.56,Default,,0000,0000,0000,,Comencemos coloreando el fondo.
Dialogue: 0,0:00:08.56,0:00:11.87,Default,,0000,0000,0000,,Para hacer eso, sólo teclea "background" y abre paréntesis
Dialogue: 0,0:00:11.87,0:00:14.23,Default,,0000,0000,0000,,y el resto de la línea se completará por ti.
Dialogue: 0,0:00:14.23,0:00:17.39,Default,,0000,0000,0000,,Si miras de cerca, notarás que en realidad esto es una llamada a una función.
Dialogue: 0,0:00:17.39,0:00:20.34,Default,,0000,0000,0000,,Mira, tenemos el nombre de la función aquí, que es "background",
Dialogue: 0,0:00:20.34,0:00:25.11,Default,,0000,0000,0000,,luego dos paréntesis, y 3 parámetros dentro, separados por coma.
Dialogue: 0,0:00:25.11,0:00:31.31,Default,,0000,0000,0000,,Estos tres números representan la cantidad de rojo, verde y azul en el color del fondo.
Dialogue: 0,0:00:31.31,0:00:35.14,Default,,0000,0000,0000,,Los números pueden ser cualquiera entre 0 y 255,
Dialogue: 0,0:00:35.14,0:00:37.39,Default,,0000,0000,0000,,en donde 0 (cero) significa "nada de ese color",
Dialogue: 0,0:00:37.39,0:00:39.87,Default,,0000,0000,0000,,y 255 significa maximizar ese color.
Dialogue: 0,0:00:39.87,0:00:43.12,Default,,0000,0000,0000,,Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul.
Dialogue: 0,0:00:43.12,0:00:45.34,Default,,0000,0000,0000,,Es por eso que el fondo es de un rojo super brillante.
Dialogue: 0,0:00:45.34,0:00:50.04,Default,,0000,0000,0000,,Si hago el primer número más chico, entonces, habrá menos rojo, y se verá como un rojo oscuro.
Dialogue: 0,0:00:50.04,0:00:53.20,Default,,0000,0000,0000,,Puedo seguir jugando con esos números y ver qué tipo de colores puedo lograr.
Dialogue: 0,0:00:53.20,0:00:56.20,Default,,0000,0000,0000,,O, puedo usar nuestro super útil seleccionador de colores,
Dialogue: 0,0:00:56.20,0:00:59.89,Default,,0000,0000,0000,,que configurará los 3 números por mí.
Dialogue: 0,0:00:59.89,0:01:02.89,Default,,0000,0000,0000,,Ahora, es importante saber qué está haciendo realmente, esta función background.
Dialogue: 0,0:01:02.89,0:01:06.37,Default,,0000,0000,0000,,Está simplemente dibujando un gran rectángulo colorido sobre el espacio de dibujo completo.
Dialogue: 0,0:01:06.37,0:01:09.10,Default,,0000,0000,0000,,Si la moviera al final de mi programa, de esta manera,
Dialogue: 0,0:01:09.10,0:01:12.47,Default,,0000,0000,0000,,entonces dibujaría ese gran cuadrado por encima de todas mis formas.
Dialogue: 0,0:01:12.47,0:01:14.71,Default,,0000,0000,0000,,Quizás estés pensando: "Eso es tonto, ¿por qué alguien habría de querer eso?"
Dialogue: 0,0:01:14.71,0:01:16.90,Default,,0000,0000,0000,,Pero, hey, uno nunca sabe.
Dialogue: 0,0:01:16.90,0:01:19.15,Default,,0000,0000,0000,,Lo dejaremos al principio por ahora.
Dialogue: 0,0:01:19.15,0:01:21.04,Default,,0000,0000,0000,,Ahora, ¡A colorear nuestras figuras!
Dialogue: 0,0:01:21.04,0:01:24.71,Default,,0000,0000,0000,,Puede ayudarte, el pensar que la computadora tiene un asistente de color,
Dialogue: 0,0:01:24.71,0:01:27.37,Default,,0000,0000,0000,,algún tipo de mayordomo de colores.
Dialogue: 0,0:01:27.37,0:01:29.73,Default,,0000,0000,0000,,Básicamente, algún tipo que está encargado de los colores.
Dialogue: 0,0:01:29.73,0:01:34.77,Default,,0000,0000,0000,,Este muchacho de los colores, sólo puede sostener un marcador de color en su mano izquierda,
Dialogue: 0,0:01:34.77,0:01:39.27,Default,,0000,0000,0000,,y un balde de pintura en su mano derecha.
Dialogue: 0,0:01:39.27,0:01:42.54,Default,,0000,0000,0000,,La computadora utilizará este marcador de color para dibujar todos los bordes,
Dialogue: 0,0:01:42.54,0:01:44.69,Default,,0000,0000,0000,,y el balde de pintura para rellenar las formas.
Dialogue: 0,0:01:44.69,0:01:47.81,Default,,0000,0000,0000,,Ahora bien, el marcador es negro, y el balde de pintura es blanco.
Dialogue: 0,0:01:47.81,0:01:51.72,Default,,0000,0000,0000,,Puedes cambiar el color del marcador llamando a esta función "stroke".
Dialogue: 0,0:01:51.72,0:01:56.17,Default,,0000,0000,0000,,Que también, autocompleta lo que escribes, y luego puedes escoger un color.
Dialogue: 0,0:01:56.17,0:01:58.56,Default,,0000,0000,0000,,Esto cambia el marcador que el muchacho de los colores está sosteniendo,
Dialogue: 0,0:01:58.56,0:02:02.54,Default,,0000,0000,0000,,de manera de que todas las formas dibujadas luego de esta línea, sean dibujadas con un marcador rosado.
Dialogue: 0,0:02:02.54,0:02:05.67,Default,,0000,0000,0000,,A veces, no quieres bordes en tus formas.
Dialogue: 0,0:02:05.67,0:02:07.39,Default,,0000,0000,0000,,¡Hay una función para eso, también!
Dialogue: 0,0:02:07.39,0:02:12.57,Default,,0000,0000,0000,,Se llama "noStroke", y por primera vez, vemos una función que no recibe ningún parámetro.
Dialogue: 0,0:02:12.57,0:02:17.06,Default,,0000,0000,0000,,Simplemente, tenemos este conjunto de paréntesis y un punto y coma,
Dialogue: 0,0:02:17.06,0:02:20.07,Default,,0000,0000,0000,,y ahora puedes ver que nuestras formas no tienen bordes.
Dialogue: 0,0:02:20.07,0:02:25.56,Default,,0000,0000,0000,,Podemos cambiar el color del balde de pintura de este muchacho, llamando a la función "fill".
Dialogue: 0,0:02:25.56,0:02:30.04,Default,,0000,0000,0000,,Ahora bien, a partir de esta línea, en adelante, él rellenará todas las formas con este color rojo brillante.
Dialogue: 0,0:02:30.04,0:02:37.100,Default,,0000,0000,0000,,Así como tenemos una función noStroke, también tenemos una función noFill, que tampoco recibe parámetros.
Dialogue: 0,0:02:37.100,0:02:42.08,Default,,0000,0000,0000,,Esto hace todas nuestras formas, transparentes. No son rellenadas.
Dialogue: 0,0:02:42.08,0:02:44.89,Default,,0000,0000,0000,,Ahora continuemos y cambiemos el color de este muchacho.
Dialogue: 0,0:02:44.89,0:02:47.23,Default,,0000,0000,0000,,Comenzamos dibujando un triángulo para el cuerpo.
Dialogue: 0,0:02:47.23,0:02:56.00,Default,,0000,0000,0000,,Voy a seleccionar un color de stroke, configurar el borde, digamos, de un verde oscuro.
Dialogue: 0,0:02:56.00,0:03:05.39,Default,,0000,0000,0000,,Ahora elegimos un color de relleno. Mmmh, ¿cuál sería lindo? Quizás un verde claro.
Dialogue: 0,0:03:05.39,0:03:13.37,Default,,0000,0000,0000,,Para su cara, no queremos que tenga un borde verde, así que cambiaré el color de borde para su cara.
Dialogue: 0,0:03:13.37,0:03:18.10,Default,,0000,0000,0000,,Escogeré un borde bronceado marrón oscuro
Dialogue: 0,0:03:18.10,0:03:21.15,Default,,0000,0000,0000,,Ahora escogeré un color de relleno diferente.
Dialogue: 0,0:03:21.15,0:03:25.48,Default,,0000,0000,0000,,¿Cuál es un buen color de cara? Mmh...
Dialogue: 0,0:03:25.48,0:03:30.39,Default,,0000,0000,0000,,Éste sería un color más o menos de cara, ¿no?
Dialogue: 0,0:03:30.39,0:03:33.84,Default,,0000,0000,0000,,Ahora, las siguientes dos líneas, estas 2 elipses, son sus manos.
Dialogue: 0,0:03:33.84,0:03:36.28,Default,,0000,0000,0000,,Quiero que sus manos sean del mismo color que su cara.
Dialogue: 0,0:03:36.28,0:03:38.89,Default,,0000,0000,0000,,Así que no vamos a modificar el marcador ni el balde de pinitura.
Dialogue: 0,0:03:38.89,0:03:40.84,Default,,0000,0000,0000,,Sólo dejaremos el color de borde y de relleno iguales
Dialogue: 0,0:03:40.84,0:03:42.81,Default,,0000,0000,0000,,y continuaremos con su boca.
Dialogue: 0,0:03:42.81,0:03:50.53,Default,,0000,0000,0000,,Su boca es sólo está línea, y las líneas no tienen colores de relleno porque no hay nada que rellenar.
Dialogue: 0,0:03:50.53,0:03:54.07,Default,,0000,0000,0000,,Pero podemos cambiar el color de borde de esta línea.
Dialogue: 0,0:03:54.07,0:03:56.13,Default,,0000,0000,0000,,Sí, rojo es un color bastante bueno para su boca.
Dialogue: 0,0:03:56.13,0:03:57.88,Default,,0000,0000,0000,,Ahora, los marcos de sus gafas.
Dialogue: 0,0:03:57.88,0:04:00.40,Default,,0000,0000,0000,,Una vez más, sólo necesitamos configurar el borde.
Dialogue: 0,0:04:00.40,0:04:02.11,Default,,0000,0000,0000,,¿Cuál es un buen color de gafas?
Dialogue: 0,0:04:02.11,0:04:03.80,Default,,0000,0000,0000,,Negro es bastante clásico.
Dialogue: 0,0:04:03.80,0:04:11.41,Default,,0000,0000,0000,,Para los vidrios de sus gafas, Quiero que los rectángulos tengan el mismo borde que los del marco.
Dialogue: 0,0:04:11.41,0:04:16.91,Default,,0000,0000,0000,,Así que no voy a cambiar el borde, pero voy a darle un color de relleno.
Dialogue: 0,0:04:16.91,0:04:20.32,Default,,0000,0000,0000,,Hagámoslo negro para que concuerde con los marcos.
Dialogue: 0,0:04:20.32,0:04:23.23,Default,,0000,0000,0000,,Ahí estamos, nuestro muchacho es colorido.
Dialogue: 0,0:04:23.23,0:04:25.80,Default,,0000,0000,0000,,¡Oh sí!