Introducción al coloreado
-
0:02 - 0:07Hay tres pasos, que necesitas conocer para hacer tus dibujos esplendorósamente coloridos.
-
0:07 - 0:09Comencemos coloreando el fondo.
-
0:09 - 0:12Para hacer eso, sólo teclea "background" y abre paréntesis
-
0:12 - 0:14y el resto de la línea se completará por ti.
-
0:14 - 0:17Si miras de cerca, notarás que en realidad esto es una llamada a una función.
-
0:17 - 0:20Mira, tenemos el nombre de la función aquí, que es "background",
-
0:20 - 0:25luego dos paréntesis, y 3 parámetros dentro, separados por coma.
-
0:25 - 0:31Estos tres números representan la cantidad de rojo, verde y azul en el color del fondo.
-
0:31 - 0:35Los números pueden ser cualquiera entre 0 y 255,
-
0:35 - 0:37en donde 0 (cero) significa "nada de ese color",
-
0:37 - 0:40y 255 significa maximizar ese color.
-
0:40 - 0:43Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul.
-
0:43 - 0:45Es por eso que el fondo es de un rojo super brillante.
-
0:45 - 0:50Si hago el primer número más chico, entonces, habrá menos rojo, y se verá como un rojo oscuro.
-
0:50 - 0:53Puedo seguir jugando con esos números y ver qué tipo de colores puedo lograr.
-
0:53 - 0:56O, puedo usar nuestro super útil seleccionador de colores,
-
0:56 - 1:00que configurará los 3 números por mí.
-
1:00 - 1:03Ahora, es importante saber qué está haciendo realmente, esta función background.
-
1:03 - 1:06Está simplemente dibujando un gran rectángulo colorido sobre el espacio de dibujo completo.
-
1:06 - 1:09Si la moviera al final de mi programa, de esta manera,
-
1:09 - 1:12entonces dibujaría ese gran cuadrado por encima de todas mis formas.
-
1:12 - 1:15Quizás estés pensando: "Eso es tonto, ¿por qué alguien habría de querer eso?"
-
1:15 - 1:17Pero, hey, uno nunca sabe.
-
1:17 - 1:19Lo dejaremos al principio por ahora.
-
1:19 - 1:21Ahora, ¡A colorear nuestras figuras!
-
1:21 - 1:25Puede ayudarte, el pensar que la computadora tiene un asistente de color,
-
1:25 - 1:27algún tipo de mayordomo de colores.
-
1:27 - 1:30Básicamente, algún tipo que está encargado de los colores.
-
1:30 - 1:35Este muchacho de los colores, sólo puede sostener un marcador de color en su mano izquierda,
-
1:35 - 1:39y un balde de pintura en su mano derecha.
-
1:39 - 1:43La computadora utilizará este marcador de color para dibujar todos los bordes,
-
1:43 - 1:45y el balde de pintura para rellenar las formas.
-
1:45 - 1:48Ahora bien, el marcador es negro, y el balde de pintura es blanco.
-
1:48 - 1:52Puedes cambiar el color del marcador llamando a esta función "stroke".
-
1:52 - 1:56Que también, autocompleta lo que escribes, y luego puedes escoger un color.
-
1:56 - 1:59Esto cambia el marcador que el muchacho de los colores está sosteniendo,
-
1:59 - 2:03de manera de que todas las formas dibujadas luego de esta línea, sean dibujadas con un marcador rosado.
-
2:03 - 2:06A veces, no quieres bordes en tus formas.
-
2:06 - 2:07¡Hay una función para eso, también!
-
2:07 - 2:13Se llama "noStroke", y por primera vez, vemos una función que no recibe ningún parámetro.
-
2:13 - 2:17Simplemente, tenemos este conjunto de paréntesis y un punto y coma,
-
2:17 - 2:20y ahora puedes ver que nuestras formas no tienen bordes.
-
2:20 - 2:26Podemos cambiar el color del balde de pintura de este muchacho, llamando a la función "fill".
-
2:26 - 2:30Ahora bien, a partir de esta línea, en adelante, él rellenará todas las formas con este color rojo brillante.
-
2:30 - 2:38Así como tenemos una función noStroke, también tenemos una función noFill, que tampoco recibe parámetros.
-
2:38 - 2:42Esto hace todas nuestras formas, transparentes. No son rellenadas.
-
2:42 - 2:45Ahora continuemos y cambiemos el color de este muchacho.
-
2:45 - 2:47Comenzamos dibujando un triángulo para el cuerpo.
-
2:47 - 2:56Voy a seleccionar un color de stroke, configurar el borde, digamos, de un verde oscuro.
-
2:56 - 3:05Ahora elegimos un color de relleno. Mmmh, ¿cuál sería lindo? Quizás un verde claro.
-
3:05 - 3:13Para su cara, no queremos que tenga un borde verde, así que cambiaré el color de borde para su cara.
-
3:13 - 3:18Escogeré un borde bronceado marrón oscuro
-
3:18 - 3:21Ahora escogeré un color de relleno diferente.
-
3:21 - 3:25¿Cuál es un buen color de cara? Mmh...
-
3:25 - 3:30Éste sería un color más o menos de cara, ¿no?
-
3:30 - 3:34Ahora, las siguientes dos líneas, estas 2 elipses, son sus manos.
-
3:34 - 3:36Quiero que sus manos sean del mismo color que su cara.
-
3:36 - 3:39Así que no vamos a modificar el marcador ni el balde de pinitura.
-
3:39 - 3:41Sólo dejaremos el color de borde y de relleno iguales
-
3:41 - 3:43y continuaremos con su boca.
-
3:43 - 3:51Su boca es sólo está línea, y las líneas no tienen colores de relleno porque no hay nada que rellenar.
-
3:51 - 3:54Pero podemos cambiar el color de borde de esta línea.
-
3:54 - 3:56Sí, rojo es un color bastante bueno para su boca.
-
3:56 - 3:58Ahora, los marcos de sus gafas.
-
3:58 - 4:00Una vez más, sólo necesitamos configurar el borde.
-
4:00 - 4:02¿Cuál es un buen color de gafas?
-
4:02 - 4:04Negro es bastante clásico.
-
4:04 - 4:11Para los vidrios de sus gafas, Quiero que los rectángulos tengan el mismo borde que los del marco.
-
4:11 - 4:17Así que no voy a cambiar el borde, pero voy a darle un color de relleno.
-
4:17 - 4:20Hagámoslo negro para que concuerde con los marcos.
-
4:20 - 4:23Ahí estamos, nuestro muchacho es colorido.
-
4:23 - 4:26¡Oh sí!
- Title:
- Introducción al coloreado
- Description:
-
This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/ - Video Language:
- English
- Duration:
- 04:27
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Intro to Coloring | ||
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Intro to Coloring | ||
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for Intro to Coloring |