< Return to Video

Introduction to Digital Images (13 mins)

  • 0:00 - 0:05
    En esta sección, quiero hablar acerca de cómo funcionan las imágenes digitales en la computadora. Así,
  • 0:05 - 0:10
    pues, aquí tengo un ejemplo - la imagen de unas flores amarillas y lo que vamos a ver es
  • 0:10 - 0:15
    que esto parece como una especie de cosa orgánica entera. En la computadora, en realidad
  • 0:15 - 0:20
    se ve como un montón de números. ¿Cómo es que funciona?
  • 0:20 - 0:25
    Lo que voy a hacer es enfocarme en la flor superior izquierda. Verás que hay
  • 0:25 - 0:30
    una zona verde con algo en el medio. Así que si hago zoom en esa zona por un factor
  • 0:30 - 0:35
    de diez, se ve así. Lo que estás viendo es que la imagen
  • 0:35 - 0:40
    está hecha de pequeños cuadrados llamados píxeles. Cada píxel
  • 0:40 - 0:45
    es cuadrado. Son bastante pequeños, y aunque no conozca el número exacto
  • 0:45 - 0:51
    podríamos decir que hay 100 píxeles por centímetro. Y cada píxel muestra un solo color,
  • 0:51 - 0:56
    cerrada como un cuadrado de un solo color. Y porque es divertido si tu, miras esto
  • 0:56 - 1:01
    aqui esto luce un tipo de . Muy artificial y de bordes duros, pero porque el pixel es así
  • 1:01 - 1:05
    pequeño cuando tu miras esto ahí en la imagen original,
    tu sabes solo, solo esto
  • 1:05 - 1:10
    se ve bien. El ojo no lo hace, los pixeles son
    lo suficientemente pequeños., tu no ves esos
  • 1:10 - 1:14
    bordes duros.Esto es lo que se ve en una imagen,
    en lugar de acercar y ver las
  • 1:14 - 1:19
    partes. Si quieres saber cuantos pixeles hay
    en una image, esto solo es una
  • 1:19 - 1:24
    pregunta de multiplicación. Así si tengo una imagen que
    tiene 800 pixeles de ancho por 600
  • 1:24 - 1:28
    pixeles de alto esto es solo una pregunta de multiplicar. Así
    multiplico estas dos, y
  • 1:28 - 1:33
    hay 480,000 pixeles. Puede que hayas oído el término
    megapixel. Es comúnmente usado para
  • 1:33 - 1:37
    computadoras y cámaras y cosas. Así, un
    megapixel es un millon de pixel. Así, mi
  • 1:37 - 1:41
    imagen de 800x600 pixele, 480,000. Bien, que es aproximadamente medio megapixel, más o menos
  • 1:41 - 1:46
    [inaudible]. Así que no es una gran imagen, para los
    estándares modernos. Una cámara digital
  • 1:46 - 1:50
    de ahora, incluso un celular usualmente
    produce una imagen en el orden de
  • 1:50 - 1:54
    5 megapixeles, 10 megapixeles, posiblemente
    20 megapixeles. [inaudible] una bonita
  • 1:54 - 1:59
    gran imagen. [sonido] todo bien, así empezemos a ver como, como esta cosa trabaja. Así he hecho un.
  • 1:59 - 2:04
    Solo para hacerla un poco má nidita he hecho
    un diagrama. Así si tengo una imagen puedo
  • 2:04 - 2:09
    pensar de que esto realmente es una malla de pixeles. Así
    que cada pixel es como un cuadrado y esto solo
  • 2:09 - 2:14
    muestra un único color. Ahora vamos a tener un
    esquema para hacer frente a una especie de.
  • 2:14 - 2:19
    Identificar cada pixel como opuesto a todos los demás. Así
    la manera que trabaja es nosotros tenemos un
  • 2:19 - 2:24
    conjunto de XX números entre la parte de arriba aquí. Así cero está en el extremo izquierdo entonces este sube,
  • 2:24 - 2:28
    va hacia la derecha. Y entonces la dirección Y está hecha en una especie de única vía.
  • 2:28 - 2:33
    Así si cero es la parte más alta, la fila superiror, y entonces los números Y leen abajo. Y eso es
  • 2:33 - 2:38
    históricamente como, como [inaudible] son numerados en esta computadora. Así solo puedo hacer
  • 2:38 - 2:44
    algunos ejemplos simple. Como por ejemplo, el, el, el pixel superior izquierdo está en 00. O X
  • 2:44 - 2:48
    igual cero, Y igual cero. Puedo decir. El pixel uno
    está a la derecha, por lo que este pixel aquí
  • 2:48 - 2:53
    está en X igual uno, Y igual cero. Y un montón de veces
    si digo la coordenada, , la
  • 2:53 - 2:57
    convención es para decir el número X y entonces el
    número Y. Así si digio, este es
  • 2:57 - 3:02
    uno,cero (1,0). Y digamos, hay un pixel aquí. Bien,
    poco puedes leer hacia arriba. Esto está en
  • 3:02 - 3:06
    X=4, Y=2. O podría solo decir cuatro,dos. Ahora, in
    realidad, no entraremos en
  • 3:06 - 3:11
    un poco de detalles sobre medir alrededor con estos
    números XY para identificar pixeles
  • 3:11 - 3:16
    específicos. Solo necesitas apreciar que hay esto
    [inaudible]. Así incluso sí tenemos
  • 3:16 - 3:20
    10 millones de pixeles, un pixel en particular tiene
    un número XY que lo direcciona
  • 3:20 - 3:25
    versus, todos los otros pixeles. Así, la pregunta es.
    Bien tenemos esos pixeles,
  • 3:25 - 3:30
    ¿Cómo puedo codificar el color de cualquier
    pixel particular? Y así hablar sobre
  • 3:30 - 3:35
    este. Estoy haciendo un pequeño viaje a una breve reseña histórica. Así Newton tuvo este famoso
  • 3:35 - 3:40
    experimento en el 1600 donde había un, que reproduciré aquí, un prisma, que es
  • 3:40 - 3:46
    solo una pieza triangular de vidrio. Y aquí la luz
    blanca del sol está llegando en el lado de mi mano
  • 3:46 - 3:49
    izquierda y el prisma parte esta. Hacia el espectro de
    colores aquí, que acabo ,
  • 3:49 - 3:54
    proectada en un pedazo de papel blanco. Así que esto
    muestra que la luz blanca no es
  • 3:54 - 3:59
    una cosa indivisible pura. En su lugar, esta puede ser separa hacia esos puros
  • 3:59 - 4:03
    constituyentes colores.. Así esto es la misma cosa
    que cuando ves un
  • 4:03 - 4:08
    arco iris. Así los colores están actualmente en un espectro continuo. Pero Newton identificó
  • 4:08 - 4:13
    algunos. Tu sabes ahora se le dio,
    se le dio palabras. Por lo que va, esta es
  • 4:13 - 4:18
    la famosa secuencia donde esto se vuelve rojo en el lado de aquí, y entonces naranja, y
  • 4:18 - 4:22
    amarillo, y verde y finalmente azul, añíl y violeta en lo más lejos de este lado aquí.
  • 4:24 - 4:31
    Así, en la computadora. Necesito pensar en
    estos colores como un tipo de paleta.
  • 4:31 - 4:38
    Y el esquema que usaremos para recoger en realidad es rojo, verde y azul de aquí.
  • 4:38 - 4:44
    Y uso uno como un tipo de, como componentes para construir cualquier otro color
  • 4:44 - 4:48
    que deseemos. Por lo que , o, últimamente, puedes
    pensar en esto, aquí tenemos luz
  • 4:48 - 4:52
    blanca viniendo en la izquierda, y tenemos los componentes aquí. Puedes pensar de esto
  • 4:52 - 4:56
    como está corriendo hacia atrás. Si tomo los colores componentes y corre detrás
  • 4:56 - 5:00
    de esta manera. Podría obtener luz blanca afuera. entonces, la física no es exactamente la misma, pero
  • 5:00 - 5:04
    esto es un poco suestivo de, de como vamos a
    tomar los componentes y colocarlos
  • 5:04 - 5:09
    juntos en la computadora. Así hay un tipo de cosa graciosa sobre el añil aquí.
  • 5:09 - 5:13
    Cuando Newton nombró esto,justo en medio del
    azul y violeta tenemos el añil
  • 5:13 - 5:18
    y parece que. ¿Realmente?. Y parece que necesitamos
    un mundo separado para que
  • 5:18 - 5:22
    y no podríamos llamarlo azul. Y esto es gracioso
    porque esto muestra una especie de que
  • 5:22 - 5:27
    esto es como vivir en 1600. Newton creía en una cierta cantidad de cosas del misticismo
  • 5:27 - 5:31
    que pensamos que no es científico y, en el
    tiempo, hay siete planetas
  • 5:31 - 5:35
    conocidos y Newton se sentía como, bien, el número de colores debe estar ordenado por
  • 5:35 - 5:40
    el número de planetas. Y así pienso que el forzó
    al añil solo para que
  • 5:40 - 5:45
    los números cuadren. Todo bien, Así, que lo que voy a hacer. Es trabajar con el esquema para codificar
  • 5:45 - 5:51
    un color particular llamado esquema de color RGB .
    RGB es sinónimo de Rojo, Verde, Azul.
  • 5:51 - 5:56
    Y esta es la manera de trabajo, o la, la pregunta es, Quiero una forma de codificar.
  • 5:56 - 6:02
    Que cada color está, dendro de mi, mi malla aquí, Y
    así en el esquema RGB, nostros usaremos
  • 6:02 - 6:07
    puras luces el rojo, verde y azul y
    mezclarlas en diferentes
  • 6:07 - 6:12
    combinaciones,formar ,ser capaz de formar cualquier
    tipo de color. Y más bien tratar y
  • 6:12 - 6:18
    hablar a través de esto, realmente, esto es solo una demostración muy bien. Asi que iré, al explorador
  • 6:18 - 6:22
    de página RGB. Y esto me permitirá
    demostrar como esto trabaja. Así la manera
  • 6:22 - 6:26
    como esto trabaja es, tengo estos tres deslizadores(slides) aquí en la izquierda. Así hay un único
  • 6:26 - 6:31
    control para la luz roja. Y tenemos un número de estos. Así, cuando el rojo está en todo
  • 6:31 - 6:35
    el camino oscuro. Llamaremos a esto cero. Y sí lo cambio hacia el máximo.
  • 6:35 - 6:39
    llamaremos a esto 255. Y si ves en el
    botón actualmente, que siempre
  • 6:39 - 6:44
    se lee fuera que los números son para [inaudoble]
    Así tenemos el deslizador rojo y un
  • 6:44 - 6:48
    deslizador verde para hacer luz verde y un deslizador azul
    para hacer luz azul. Y así
  • 6:48 - 6:53
    la estrategia en la pantalla r y b es esta.
    Esencialmente lo que tienes esos, esos
  • 6:53 - 6:58
    tres perillas que tu puedes tener puedes variar el brillo de la luz rojo, verde y azul.
  • 6:58 - 7:04
    Y resulta, que puedes hacer cualquier color
    combinando solo las proporciones correctas de
  • 7:04 - 7:08
    rojo, verde, azul. Así, . Bien así obviamente si hacemos rojo
  • 7:08 - 7:12
    sólo se vuelve de color rojo todo el camino, igualmente si hacemos verde
  • 7:12 - 7:16
    simplemente se vuelve verde todo el camino. Sí, ahora si cambiamos todo el camino tendrás un tipo de una
  • 7:16 - 7:20
    versión brillante. Si necesito un verde oscuro, bien ,
    empezaré con un rojo y,
  • 7:20 - 7:24
    y entonces solo apagamos esto.De manera que sale un verde más oscuro. [inaudible] esta
  • 7:24 - 7:28
    manera. Ahora realmente, el lado izquierdo, el número cero representa negro. Así en un
  • 7:28 - 7:32
    sentido que estoy haciendo es estoy tomando verde, Soy como, bueno solo una manera de ir más cerca al
  • 7:32 - 7:36
    negro.y esto, esto es color verde oscuro. Así, al otro extremo, sí hago blanco, este
  • 7:36 - 7:40
    es el caso donde tomo rojo y cambio todo el camino hacia arriba y el verde y el azul
  • 7:40 - 7:46
    a la vez todos, y así es como tengo el blanco.
    Así todos los números en 255
  • 7:46 - 7:52
    dan blanco. Y entonces cambiandolos todos a cero aquí,
  • 7:52 - 7:56
    da negro. Así déjame mostrarte unas pocas combinaciones aquí. Pienso que probablemente lo
  • 7:56 - 8:01
    más interesante es rojo más verde, así si
    cambiamos el rojo y cambiamos el
  • 8:01 - 8:06
    verde al tope, tendremos el amarillo. Así si
    necesitamos hacer un
  • 8:06 - 8:11
    ligeramente amarillo oscuro, bien puedo mantener rojo y
    verde cerca uno del
  • 8:11 - 8:15
    otro, pero solo cambiandolos ambos un poco, un poco adelante cercano hacia al negro
  • 8:15 - 8:20
    y tengo un amarillo oscuro, o tendremos de esta manera, tendremos incluso amarillo oscuro.
  • 8:20 - 8:25
    Si necesito hacer naranja. Lo que haré es... creo que naranja es como
  • 8:25 - 8:28
    bueno es como amarillo por lo contrario del rojo y el verde,
  • 8:28 - 8:33
    el rojo es un poco fuerte. Así que aquí tendré rojo y verde y sólo aumentaré
  • 8:33 - 8:37
    el rojo un poquito, amenoraré el verde un poco, y obtendré un buen
  • 8:37 - 8:41
    naranja, es una especie de color de cono de carretera, un buen naranja. Esto
  • 8:41 - 8:46
    sólo nos da en sabor de como, tu sabes, ajustando, podemos terminar
  • 8:47 - 8:51
    creando muchos colores divertidos. Veamos. había otra intento que quería
  • 8:51 - 8:57
    hacer. Oh sí, voy a hacer un tipo de verde claro, en realidad déjame enseñarte
  • 8:57 - 9:01
    como hacer un amarillo pastel. Aquí tengo rojo y verde hasta el final
  • 9:01 - 9:06
    por consiguiente obtengo un amarillo brillante. Así que el pastel en el que estás pensando
  • 9:06 - 9:10
    debe ser un poco mas difuso mas tipo nublado. Y el camino para hacer eso es
  • 9:10 - 9:15
    de hecho agregarle azul, entonces aumentaré el azul hasta unos 180-185
  • 9:15 - 9:19
    Y como puedes ver. está aún amarillo, pero es un tipo de amarillo paste, nublado
  • 9:19 - 9:24
    Y la forma de razonar esto es como bien, si tenía los tres colores
  • 9:24 - 9:28
    al máximo, era blanco, así que si aumento el azul, habré estado
  • 9:28 - 9:33
    alejándome del blanco en vez de tener blanco puro, teniendo el rojo y el verde un
  • 9:33 - 9:38
    poquito a la cabeza del azul, y termino obteniendo este amarillo. Ahora la manera
  • 9:38 - 9:43
    para trabajar esta clase es, yo, yo no estoy requiriendo que tengas que, tu sabes,
  • 9:43 - 9:47
    tu puedes sólo poner ahí, tres números que sean para algún color en particular
  • 9:47 - 9:52
    sólo en virtud de que aprecies que éste es el básico esquema para hacer colores
  • 9:52 - 9:57
    sólo variando el rojo, verde y azul. Veamos, hay una cosa mas que
  • 9:57 - 10:02
    quiero mostrarte. Nosotros hicimos rojo, verde, amarillo, es importante, y vamos a hacer las
  • 10:02 - 10:07
    otras combinaciones. Así azul mas verde que realmente es una especie de turquesa, tiene
  • 10:07 - 10:13
    sentido, es una especie de azul, verde. Y nuestra última combinación será rojo mas
  • 10:13 - 10:18
    azul, así, rojo mas azul nos da un tipo de violeta, tiene sentido, si parece
  • 10:18 - 10:23
    ser una combinación de rojo y azul. De acuerdo, déjenme ir, aquí, de regreso a nuestras imágenes.
  • 10:23 - 10:29
    Hemos obtenido esta idea de que puedes tomar rojo, verde y azul y mezclarlos.
  • 10:29 - 10:34
    Y lo que eso significa es que, en condiciones de la imagen es que yo he tengo todos eso
  • 10:34 - 10:40
    pixeles, para cada pixel, habrá un color. y ese color va a
  • 10:40 - 10:45
    ser definido por los niveles de rojo, verde y azul, O, en condiciones de números, lo que significa es,
  • 10:45 - 10:50
    básicamente, cada pixel sólo tiene tres números. Entonces puedo decir, bien, rojo es 250,
  • 10:50 - 10:56
    verde es 10 y azul es 240. Pero, a lo que realmente quiero decir es que, oh
  • 10:56 - 11:01
    sí!, ese pixel es 250, 10, 40. bueno, tendemos a usar siempre el orden de, el número rojo,
  • 11:01 - 11:08
    luego el número del verde y luego el del azul, así puedo ordenar mi diagrama.
  • 11:08 - 11:14
    Bien, aquí tengo mi cuadrícula de pixeles. Esta constituyendo la imagen y tenemos la x,y
  • 11:14 - 11:19
    como antes la vimos. Esencialmente lo que, lo que está sucediendo es que con cada uno de
  • 11:19 - 11:25
    esos pixeles que están allí, cada uno tiene sus propios tres números, quizá uno
  • 11:25 - 11:31
    es 6257, oh verdad, el seis es muy bajo, verde 250, muy alto, azul 7 es bajo
  • 11:31 - 11:38
    básicamente verde, verdad?, el verde es un número muy alto y este pixel tal vez
  • 11:38 - 11:42
    es un 241,252,23. Rojo y verde son demasiado altos, azul es demasiado bajo, Sí, es
  • 11:42 - 11:46
    básicamente un amarillo oscuro. Debo decir que cuando tomamos imágenes digitales en
  • 11:46 - 11:50
    el mundo real, de acuerdo, cuando estaba jugando con los deslizadores, bueno, tendía a tener,
  • 11:50 - 11:54
    tu sabes, 255 o cero. En el mundo real, tu siempre obtienes algo inter-,
  • 11:54 - 11:57
    un número intermedio, como 237 o 26, como sea, en ellos, ellos están mezclados,
  • 11:57 - 12:01
    juntos, como sea, haciendo lo que sea es un tono particular. Entonces este será
  • 12:01 - 12:05
    nuestro poco trabajo definiendo una imagen por ahora.
    Así que tenemos esta gran cuadrícula de
  • 12:05 - 12:09
    pixeles. Cada pixel muestra, cada pixel muestra un color. Y ese color es
  • 12:09 - 12:16
    completamente capturado por sólo tres números. Bien, regresando un poco al inicio, empezamos
  • 12:16 - 12:23
    con, tu sabes, esta completa, esta imagen completa. Y la he reducido, para,
  • 12:23 - 12:28
    esta cuadrícula que tiene muchos números, y que es realmente muy común en las
  • 12:28 - 12:32
    ciencias computacionales. Comienzas con imágenes completos, sonidos,
  • 12:32 - 12:37
    enciclopedias enteras o algo. Lo cual, como un humano, pensamos que es una especie de
  • 12:37 - 12:41
    hueco orgánico. En la computadora, inevitablemente, todos los datos, existe un esquema
  • 12:41 - 12:46
    organizado donde está estructurado de muchos números pequeños. Así es como,
  • 12:46 - 12:51
    así es como vamos a representarlos en la computadora. Y si pensamos de una operación
  • 12:51 - 12:55
    clara, si queremos tomar una imagen y quizá aclararla un poco.
  • 12:55 - 12:59
    En la computadora, vamos a traducir eso a una operación de números
  • 12:59 - 13:03
    por ejemplo, para una imagen, si la quiero aclarar un poco, como,...
  • 13:03 - 13:07
    tenemos todos eso números, rojo, verde, azul. quizá lo que pueda hacer es
  • 13:07 - 13:11
    sólo ir y agregar 10 a cada uno, y si lo crees, regresar a el explorador RGB
  • 13:11 - 13:15
    Voy a cambiar a cada uno un poco a la derecha, sólo para aclararlo
  • 13:15 - 13:19
    Como sea, estas serán, unas secciones por ahora. Pero lo general
  • 13:19 - 13:23
    es que en la computadora, tenemos muchos pequeños números. Y eso es un poco,
  • 13:23 - 13:27
    eso es lo que parece ser el dominio del equipo, es ciertamente algo
  • 13:27 - 13:28
    de lo que veremos mucho.
Title:
Introduction to Digital Images (13 mins)
Video Language:
English

Spanish subtitles

Revisions