Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Colores RGB - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 5 de noviembre de 2023 por Carlos Miguel A.

117 visualizaciones

Usar Gimp para demostrar los colores RGB

Más información Transcripción

Descargar la transcripción

Hola, en esta oportunidad vamos a hacer un tutorial sobre cómo con lenguaje binario, 00:00:00

el lenguaje de los ordenadores, podemos crear imágenes con colores puros, colores RGB, 00:00:08

colores LUF. El modo RGB significa Red, Green and Blue, rojo, verde y azul. La combinación 00:00:16

de estos tres en 8 bits van a formar los colores, colores puros. Rojo 25500, solamente rojo, 00:00:24

nada de verde y nada de azul, por lo tanto es un rojo puro. El verde pues sería Red, 00:00:34

Green, Blue, el 255 máximo en verde, los otros 0. Y el azul 00255, el máximo en azul 00:00:40

y darían los colores digamos puros. Para ello vamos a usar una herramienta de dibujo 00:00:49

llamada GIMP, abrimos GIMP y esta herramienta es software libre y vamos a hacer lo siguiente, 00:00:55

vamos a darle un archivo nuevo, vamos a crear el ancho 1600x800, va a quedar como una especie 00:01:06

de rectángulo. Aquí hay dos opciones, vamos a poner el horizontal para que quede de esta manera 00:01:18

y opciones avanzadas, vamos a color RGB, 8 bits, color de fondo lo vamos a poner transparente. 00:01:24

Transparente es, se va a ver esto que está aquí, como una cuadrícula aquí, significa en GIMP que 00:01:34

no hay nada, es una hoja transparente, esa es la forma que se visualiza en GIMP. Vale, 00:01:40

muy bien. Vamos a, la primera cosa, vamos a seleccionar una cuadrícula, esta cuadrícula 00:01:47

la vamos a seleccionar que sea 800x400, a ver qué tal, le doy enter, la quiero así y si le doy 00:01:56

la cuadrícula y pincho aquí, me he equivocado porque era 1600x400, vale, lo cambiamos, no pasa 00:02:08

nada, aquí vamos a poner 1600x, el por sale en el teclado que parece un asterisco pero cuando le 00:02:19

das enter sale. Ahora cogemos esto, voy a ponerlo aquí y ahora aquí, pinchamos aquí y esta si va 00:02:26

a darme la selección prácticamente completa. Vamos a utilizar este amarillo que está aquí, 00:02:34

vale, este amarillo, aceptar, le voy a dar a la cubeta y vamos a pintar este cachito de 00:02:39

amarillo, vale, con la herramienta, esto que es para mover, yo cuadro bien, que esto esté cuadrado 00:02:46

perfectamente. Muy bien, ya lo tengo. Vamos ahora nuevamente a la selección, por cierto, 00:02:54

cómo llegué aquí, porque a lo mejor tú no sabes cómo llega, pues tenemos que seleccionar, si te sale 00:03:01

así o así, tienes que buscar esto que está aquí, en el lado izquierdo, vamos a volver a 400x400, 00:03:07

400x400, vale, entera, entera y selección, pinchamos aquí, nos bajamos aquí y aquí vamos 00:03:16

a colocar nuestro primer color. Nuestro primer color va a ser rojo, rojo puro. Cómo hacemos para 00:03:24

seleccionar ese color rojo puro, vamos a la paleta, fíjense que dice RGB, fíjense ahora de estas 00:03:31

letras, red, green and blue, vamos a poner el tope máximo que es 255 en números decimales, 00:03:37

255 equivale a 8 bits de puro 1 y aquí 0 y aquí en el siguiente le ponemos también 0, enter, fíjense que me ha 00:03:47

originado este rojo, le digo aceptar, está este rojo aquí, vamos a la cubeta de relleno, herramienta 00:04:01

de relleno, pincho y le voy a dar color rojo, vale, si me ha quedado un poco descuadrado, yo lo cuadro bien, 00:04:07

bien bonito, pues ahí está, ya tenemos, hemos pintado sobre una sola capa rojo y amarillo. 00:04:14

Vamos a otro color, pinchamos, ponemos aquí, qué color vamos a poner esta vez, el color verde puro, 00:04:23

para ello vamos a colores, vamos aquí, qué tenemos que poner en rojo, 0, quién tiene que llevar el 00:04:31

máximo, pues el verde, 255 y le damos enter y ya me origina este verde, vamos entonces a la cubeta y 00:04:39

pintamos esto de verde, tenemos un rojo puro, un verde puro, nos falta, qué nos faltaría aquí, 00:04:46

RRGB, el blue, muy bien, vamos aquí, pinchamos, le metemos aquí el cuadrito que tiene 400 por 400, 00:04:53

qué vamos a poner aquí, el blue, el blue puro, pues este lleva 0 y el único que va a llevar el 00:05:05

tope máximo 255 es este, 255 aceptar, vamos a la cubeta y rellenamos con azul, RRGB, qué vamos a 00:05:12

poner aquí, un negro puro, un negro puro, vamos a un negro puro, cómo se origina, vamos a colores, 00:05:22

un negro puro, pues sería la ausencia de todos los colores, son colores luz, la ausencia de 00:05:31

la luz, pues da el negro, ya tenemos el negro, rellenamos, me faltó qué, seleccionar, vale, 00:05:37

pinchamos fuera, ponemos, ya lo tengo ahí, me voy a la cubeta de relleno, esta me he seleccionado el 00:05:46

negro y relleno con negro, bueno, qué sería la combinación de estos tres colores luz, 255, 00:05:53

255, 255, red, green and blue, pues vamos a ver qué sucede, ya alguno a lo mejor sabe la respuesta, 00:06:01

seleccionado, pinchamos aquí, nos vamos a poner aquí, no sé dónde lo vamos a poner, yo lo voy a 00:06:09

poner aquí en esta esquina, para hacer contraste, vale, y vamos a rellenar con todo esto máximo, 00:06:15

255, sería un rojo, 255 aquí, pues sería un amarillo, fíjate, y un 255 aquí, pues esto se va 00:06:22

acercando al blanco, sí señor, es el blanco, si has dicho blanco, lo has pensado, estabas en lo 00:06:33

correcto, y ahí está el blanco, RGB, nada de luz, todos a tope, y este es un amarillo que hemos 00:06:39

puesto en contraste, ahora en el contexto, vamos a escribir, no sé, vamos a aumentar aquí el tamaño de la letra, 00:06:49

vamos a escribir R, a ver si se escribe, está escribiendo donde no tiene que escribir, R, R, E, B, RGB, vamos a pinchar y 00:06:59

cambiarle, ponerlo más grande, más grande, RGB, vale, y vamos a poner esto en negro, seleccionamos el negro, 00:07:12

estamos en tipografía, aquí hice color blanco, vamos a seleccionar un negro, ahí está, aceptar, 00:07:22

tenemos que seleccionarlo primero y le decimos que tiene que ser de color negro, negro, aceptar, 00:07:28

no me cambia la letra, ¿por qué no me la cambia?, no me la cambia, vuelvo a hacerlo, selecciono, 00:07:36

ah, aquí tengo que pasarlo a negro, bueno, esto es un azul, esto es un negro, aceptar, ahí está, RGB, 00:07:42

vale, quiero que la R me quede aquí, la G me quede aquí, la B me quede aquí, entonces, ¿qué hacemos?, 00:07:50

si lo hacemos así, podríamos seleccionar, darle separación, tratar de mover esto, vamos a ver con 00:07:56

esto, a ver, me está cogiendo lo de abajo, yo quiero coger esto, entonces, ten cuidado con el cursor, 00:08:07

hasta que cambie, cambie, cambie, cambio, cambio, cambio, cambio, no cambio, no cambio, no cambio, 00:08:13

selecciono aquí, selecciono aquí, oh, no me deja cambiar, fotos, a ver ahora, ahora sí, voy a poner R, 00:08:18

esto lo he movido sin querer, ahí lo cuadro, ahora me pongo aquí, me voy a texto, le doy aquí, 00:08:27

pincho, blup, ahí está el blup, y esto sería el negro, abajo voy a poner la combinación, 00:08:34

le doy para abajo, si escribo aquí, me lo escribo en grande, entonces, ahí voy a cambiar, en la segunda línea, 00:08:46

el tamaño, voy a poner una letra, paréntesis, ¿dónde está el paréntesis?, en el teclado, en el 8, 9, aquí está, 00:08:52

vale, selecciono esto, porque esto está muy grande, me voy a ir a un tamaño pequeñito, no sé, voy a 00:09:01

colocar 30, vamos a ver qué me va con el 30, ahí está, voy a colocar R, era 255, no escribe, no escribe, mensaje de GIMP, no sé qué le pasó, 00:09:08

no sé qué pasó, control Z, no me está dejando, ahora sí, 255, coma, coma, coma, coma, coma, coma, en el teclado, 00:09:22

coma, cero, coma, cero, vale, me pongo afuera, tiquiti, me voy para acá, me bajo el verde, y le escribo, ¿qué es lo que iba a escribir?, 00:09:33

este es 0,255,0, vale, muy bien, y cierro paréntesis, cierro paréntesis, cierro paréntesis, ¿dónde está el paréntesis?, ahí está, 00:09:44

vale, ahora me voy a ir al azul, y le voy a decir, abro paréntesis, 0,0,255, pongo aquí, vale, ahora voy a cuadrar un poquito mejor esto, 00:09:58

le doy distancia aquí, pues ahí está, los códigos en colores en decimal, vale, ¿cómo serían estos códigos si fueran, a ver en qué tamaño están?, 00:10:12

30, acuérdense de eso, me voy a otro texto, pincho aquí, y voy a, voy a escribir, ¿cómo sería eso en binario?, venga, pues ya está, ahora puesto en blanco, 00:10:26

vale, creo que está bien, a ver, ¿cómo sería eso en binario?, 1, 1, 1, 1, tendría que escribir ¿cuántos?, 1, si son 8 bits, llevo 4, me faltarían 4 más, 4, 5, 6, 7 y 8, vale, 00:10:38

uff, esto va a quedar, no sé si me va a entrar, 2, 5, 5, este sería 0, y este sería 0, y cierro el paréntesis, no sé, no me gusta mucho el blanco, no queda bien, 00:10:52

voy a cambiarlo a negro, negro, negro, negro, aquí está el negro, aceptar, ahora sí se ve, por cierto, ¿ves?, acabo de ver una cosa, aquí coma, 00:11:06

una cosa que había hablado mis alumnos, que el 0 normalmente, para no confundirlo con la O, fíjense, le pone el puntito en el medio, vale, esto es el rojo, puro, 2, 5, 5, es este número que está aquí, vale, 00:11:15

y ahora vamos a poner el verde puro, ¿cómo sería el verde puro?, pues exactamente lo mismo, yo le voy a hacer control copy, a ver, control V, no, no me deja copiar esto, 00:11:27

a ver, selecciono, le doy a esto, le doy a esto, control copy, hay alguna forma de duplicar esto, no me deja, voy aquí a texto, yo creo que se sigue con la configuración, voy a hacer, a ver, 00:11:39

se fue otra vez el blanco, vale, pues sería 0, 0, no, aquí sería 1, 2, 3, 4, 5, 6, 7, 8, 0, cierro esto, selecciono todo, cambio a negro, porque si no hay suficiente contraste y le doy a aceptar, 00:11:55

ok, esto está bien, después lo muevo, lo cuadro mejor, me queda, selecciono todo, control copy, me voy aquí, bueno, le doy otra herramienta, pincho aquí, le vuelvo a dar a texto, pego aquí, a ver si me deja, tin, 00:12:18

a ver, a esta oportunidad, copy, pegué y me funcionó, aquí sería, para ahorrar tiempo, quito esto y pongo aquí 0, ahora tengo lindo y bello, muy bien, lindo y bello, ahora le doy aquí, esto me permite cuadrar un poquito todo mejor, esto que está aquí tiene que ir pasando hasta que cuando pases, bueno, también lo puedo hacer aquí, 00:12:33

hago aquí, clic y ahora lo pongo aquí, este es el código, clic, ahora me voy para el otro, para el otro era este, no, selecciono aquí, lo coloco aquí bien bonito y ahora me voy a este, me voy aquí y lo pongo aquí, aprovecho, aquí está todo y por último debo de colocar mi nombre, otra vez el blanco, vamos para el negro, vamos para el negro, 00:13:01

aceptar, voy a poner en mi caso, yo me llamo Carlos y mi apellido y voy a decir que soy del segundo de la ESO por decir algo A, vale, ahí está, lo coloco, como mi nombre es importante, bueno, voy a poner más grandecito para que sea, yo soy muy importante y me veo grande, pincho aquí, pincho aquí, mi nombre, 00:13:28

vale, lo cuadro mejor, a ver, me deja cambiar, cuando cambie el icono, ahora sí, y aquí lo tenemos, tenemos la tarea hecha demostrando que el color rojo, este es su código, el verde es este, el azul es este, el blanco, bueno, no voy a poner aquí, aquí se supone que es todo 255,255,255,255 y este 0,0,0, quieren hacerlo, vamos a hacerlo, si quieres hacerlo, lo hacemos, control, 00:13:58

V, ahí está, el blanco que era, todos unos, esto va a entrar, vamos a ver, 1, 2, 3, 4, 5, 6, 7, 8, este sí va a ser grande, se me ha salido de pantalla, entonces lo voy aquí, pincho aquí, me lo cuadro un poquito aquí, este lo voy a poner más o menos por aquí, a ver, y ahora voy otra vez a la letra, escojo aquí, me pongo aquí, 00:14:28

1, 1, 1, llevo 3, 4, 5, 6, 7, 8, espero no haberme equivocado, ya está, este es el blanco, y el negro, el negro es muy fácil, el negro es muy fácil, me voy aquí, en letra, y escribo PAC, y pongo paréntesis, 2, 0, 0, 0, cierro paréntesis, ahí está, no veo absolutamente nada, 00:14:58

¿Por qué no veo nada? Pues no lo sé, no sé qué he hecho aquí, vamos a eliminar esto aquí, voy a hacer copio a este, a ver, selecciono a este, le doy a este, no, no me deja copiar aquí, aquí, duplicar, duplicar, hay algo aquí, hago duplicar, combinar, duplicar, a ver qué dice aquí, añadir una máscara, no, no, no, vale, vale, pues lo voy a hacer aquí, en texto, 00:15:28

esto no puede ser, esto se supone que si, ah, lo selecciono a esto, le doy control copy y control puve, le doy a pegarlo, pero no, me lo ha pegado, bueno, selecciono texto, le doy ahora paréntesis, mira, ahora me lo he puesto hasta blanco, 0, 0, 0, y cierro el paréntesis, ahí está, 00:15:59

le doy aquí, cuadro esto un poquito, se me ha movido todo, control Z, lo arreglo todo, cuando cambie el iconito, a ver si es delicado, aquí está, este es el color negro, este es su código en binario, este es el color azul, oye, fíjate que aquí el contraste es malo, pues aquí está toda la tarea, vale, bueno, espero que hayan entendido cómo realizar esta actividad, 00:16:22

por su atención, muchas gracias, nos vemos. 00:16:48