[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,,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 tipea "background" y abre paréntesis
Dialogue: 0,0:00:11.87,0:00:14.39,Default,,0000,0000,0000,,y el resto de la línea se completará por ti.
Dialogue: 0,0:00:14.39,0:00:17.39,Default,,0000,0000,0000,,Si miras de cera, notarás que en realidad es una llamada a 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.44,Default,,0000,0000,0000,,luego dos paréntesis, y 3 parámetros dentro, separados por coma.
Dialogue: 0,0:00:25.44,0:00:31.89,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.89,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:40.04,Default,,0000,0000,0000,,y 255 significa maximizar ese color.
Dialogue: 0,0:00:40.04,0:00:43.39,Default,,0000,0000,0000,,Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul.
Dialogue: 0,0:00:43.39,0:00:45.77,Default,,0000,0000,0000,,Es por eso que el fondo es de un rojo super brillante.
Dialogue: 0,0:00:45.77,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.97,Default,,0000,0000,0000,,Quizás estés pensando "eso es estúpido, ¿Por qué alguien habría de querer eso?"
Dialogue: 0,0:01:14.97,0:01:17.17,Default,,0000,0000,0000,,Pero, ey, uno nunca sabe.
Dialogue: 0,0:01:17.17,0:01:19.67,Default,,0000,0000,0000,,Lo dejaremos al principio por ahora.
Dialogue: 0,0:01:19.67,0:01:21.56,Default,,0000,0000,0000,,Ahora, |A colorear nuestras formas!
Dialogue: 0,0:01:21.56,0:01:25.30,Default,,0000,0000,0000,,Puede ayudarte, el pensar que la computadora tiene un asistente de color,
Dialogue: 0,0:01:25.30,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.56,Default,,0000,0000,0000,,y un balde de pintura en su mano derecha.
Dialogue: 0,0:01:39.56,0:01:43.39,Default,,0000,0000,0000,,La computadora utilizará este marcador de color para dibujar todos los border,
Dialogue: 0,0:01:43.39,0:01:45.00,Default,,0000,0000,0000,,y el balde de pintura para rellenar las formas.
Dialogue: 0,0:01:45.00,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.98,Default,,0000,0000,0000,,Puedes cambiar el color del marcador llamando a esta función "stroke".
Dialogue: 0,0:01:51.98,0:01:56.39,Default,,0000,0000,0000,,También, autocompleta lo que escribes, y luego puedes escoger un color.
Dialogue: 0,0:01:56.39,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:13.56,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:13.56,0:02:17.44,Default,,0000,0000,0000,,Simplemente, tenemos este set de paréntesis y un punto y coma,
Dialogue: 0,0:02:17.44,0:02:20.44,Default,,0000,0000,0000,,y ahora puedes ver que nuestras formas no tienen bordes.
Dialogue: 0,0:02:20.44,0:02:25.84,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.84,0:02:30.44,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.44,0:02:38.37,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:38.43,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.77,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.77,0:03:18.89,Default,,0000,0000,0000,,Escogeré un borde bronceado marrón oscuro
Dialogue: 0,0:03:18.89,0:03:21.84,Default,,0000,0000,0000,,Ahora escogeré un color de relleno diferente.
Dialogue: 0,0:03:21.84,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:51.00,Default,,0000,0000,0000,,Su boca es sólo está linea, y las líneas no tienen colores de relleno porque no hay nada que rellenar.
Dialogue: 0,0:03:51.00,0:03:55.39,Default,,0000,0000,0000,,Pero podemos cambiar el color de borde de esta línea.
Dialogue: 0,0:03:55.39,0:03:57.64,Default,,0000,0000,0000,,Sí, rojo es un color bastante bueno para su boca.
Dialogue: 0,0:03:57.64,0:03:59.04,Default,,0000,0000,0000,,Ahora, los marcos de sus gafas.
Dialogue: 0,0:03:59.04,0:04:00.56,Default,,0000,0000,0000,,Una vez más, sólo necesitamos configurar el borde.
Dialogue: 0,0:04:00.56,0:04:02.61,Default,,0000,0000,0000,,¿Cuál es un buen color de gafas?
Dialogue: 0,0:04:02.61,0:04:04.62,Default,,0000,0000,0000,,Negro es bastante clásico.
Dialogue: 0,0:04:04.62,0:04:11.73,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.73,0:04:16.91,Default,,0000,0000,0000,,No voy a cambiar el borde, pero voy a darle un color de relleno.
Dialogue: 0,0:04:16.91,0:04:20.89,Default,,0000,0000,0000,,Hagámosolo negro para que concuerde con los marcos.
Dialogue: 0,0:04:20.89,0:04:23.23,Default,,0000,0000,0000,,Ahí estamos, nuestro muchacho es colorido.
Dialogue: 0,0:04:23.23,0:04:27.00,Default,,0000,0000,0000,,¡Oh sí!