Teorico Imagen y color
Summary
TLDREl guion explora el proceso de percepción de la imagen y el color, diferenciando entre color luz y color pigmento, y su reproducción en medios electrónicos y gráficos. Se abordan las cualidades básicas del color, como tono, saturación y brillo, y se explican las imágenes vectoriales y de mapa de bits, con sus ventajas y limitaciones. El color se presenta como un elemento clave en la comunicación visual, afectando la atención y las emociones del receptor, y se menciona la síntesis aditiva y sustractiva de colores. Finalmente, se discuten las propiedades del color y los tipos de imágenes, destacando la importancia de la resolución y la escala de grises en el diseño gráfico.
Takeaways
- 👀 La percepción visual es el proceso por el cual el ojo capta la luz reflejada por objetos y la envía al cerebro para interpretación.
- 📸 El funcionamiento del ojo es similar al de una cámara, con la retina actuando como una pantalla sensorial que transforma la luz en impulsos nerviosos.
- 🌈 El color es una percepción visual resultante de la capacidad del ojo humano para distinguir longitudes de onda dentro del espectro electromagnético.
- 🎨 La síntesis aditiva de colores utiliza los colores primarios rojo, azul y verde para crear una amplia gama de colores a través de la emisión de luz.
- 🖌️ La síntesis sustractiva de colores, asociada con los pigmentos, utiliza magenta, amarillo y negro para mezclar colores en superficies blancas.
- 🌞 Los colores primarios de la luz son diferentes a los primarios del pigmento, y su mezcla produce colores secundarios distintos.
- 🌀 Los tres atributos básicos del color son el tono (matiz), el valor (luminosidad) y la saturación (intensidad).
- 🌡️ La temperatura del color, que puede ser fría o cálida, influye en la sensación de distancia y en la interpretación emocional de los colores.
- 📊 La escala de grises o de valores permite medir la cantidad de blanco o negro en un color, afectando su claridad o oscuridad.
- 🖼️ Las imágenes de mapa de bits (bitmaps) y las imágenes vectoriales tienen ventajas y limitaciones distintas según su uso en impresión o pantalla.
- 🔍 Las imágenes vectoriales pueden ser ampliadas indefinidamente sin perder calidad, mientras que las de mapa de bits pueden perderla al ser ampliadas.
Q & A
¿Qué proceso se discute en el guion sobre la percepción de la imagen y el color?
-El guion discute el proceso de percepción de la imagen y el color, incluyendo las características de la luz y los pigmentos para la reproducción en medios electrónicos y gráficos, respectivamente.
¿Cuáles son las cualidades básicas del color mencionadas en el guion?
-Las cualidades básicas del color son el tono, la saturación y el brillo.
¿Cómo funciona la retina en el proceso de visión?
-La retina funciona como una pantalla, con células sensoriales que transforman la energía lumínica en impulsos nerviosos que viajan al cerebro a través del nervio óptico.
¿Cómo es la relación entre la luz y la percepción del color?
-La luz visible impacta en la superficie de los objetos y, dependiendo de su naturaleza, es reflejada de una u otra manera. Esa reflexión es captada por nuestros ojos y interpretada en el cerebro como distintos colores según las longitudes de onda correspondientes.
¿Qué descubrió Isaac Newton sobre la luz y los colores?
-Isaac Newton descubrió que la luz blanca se puede descomponer en siete colores básicos al pasar por un prisma, lo que demuestra que los colores son componentes de la luz y no son producidos por el prisma.
¿Cuáles son los colores primarios en la síntesis aditiva y cómo se relacionan con los monitores y pantallas?
-Los colores primarios en la síntesis aditiva son el rojo, el azul y el verde. Los monitores y pantallas imitan el funcionamiento del ojo emitiendo estos tres colores básicos de la luz para crear todos los demás colores mediante superposiciones.
¿Qué son los colores secundarios de la luz y cómo se producen?
-Los colores secundarios de la luz son el magenta, el cian y el amarillo, y se producen a través de la combinación de los colores primarios de la luz: magenta a partir del azul y el rojo, cian a partir del verde y el azul, y amarillo a partir del verde y el rojo.
¿Qué es la síntesis extractiva y cómo se relaciona con los colores pigmento?
-La síntesis extractiva es el proceso de combinación de pigmentos que se aplican sobre superficies generalmente blancas. Los colores primarios en esta síntesis son magenta, amarillo y, añadiendo el negro, se llaman CMYK (Cyan, Magenta, Yellow, Key/BlacK), que se utiliza en la impresión.
¿Cuáles son los tres atributos o propiedades básicas del color?
-Los tres atributos básicos del color son el matiz o tinte, el valor o luminosidad y la saturación o intensidad.
¿Qué es una imagen de mapa de bits y cómo se relaciona con la resolución?
-Una imagen de mapa de bits está conformada por una matriz de píxeles, donde cada píxel almacena información como color o luminosidad. La resolución de una imagen de mapa de bits está determinada por la cantidad de píxeles por pulgada cuadrada, y es crucial para la calidad de la imagen, ya que una mayor resolución implica una mejor calidad.
¿Qué son las imágenes vectoriales y cómo difieren de las imágenes de mapa de bits en términos de escalabilidad?
-Las imágenes vectoriales están formadas por vectores, que son fórmulas matemáticas. A diferencia de las imágenes de mapa de bits, las imágenes vectoriales no se pixelan y pueden ampliarse sin límites sin perder calidad, debido a que no están formadas por píxeles fijos.
¿Cómo se relaciona la saturación del color con la intensidad del matiz?
-La saturación del color se refiere a la intensidad del matiz, es decir, la cantidad de color puro que hay en una muestra. Un color muy saturado es uno que no contiene casi blancos ni negros, mientras que un color muy desaturado ha sido mezclado con un tono gris hasta que casi no se reconoce su matiz.
¿Qué sucede con la calidad de una imagen de mapa de bits al aumentar su tamaño más allá de su resolución original?
-Cuando se aumenta el tamaño de una imagen de mapa de bits más allá de su resolución original, la calidad de la imagen disminuye, ya que los programas de edición deben interpretar o inventar los píxeles que faltan, lo que puede resultar en una imagen pixelada o con una apariencia borrosa.
¿Cuáles son las ventajas de utilizar imágenes vectoriales en el diseño gráfico?
-Las imágenes vectoriales son siempre editables, no se pixelan y pueden ser ampliadas sin perder calidad. Permiten manipular objetos individualmente, fusionarlos, crear formas intermedias y relacionarlos de diferentes maneras, lo que es ideal para logos, tipografías y otros elementos que requieren una alta calidad y escalabilidad.
¿Cómo se pueden combinar las imágenes vectoriales y las imágenes de mapa de bits para mejorar la calidad de una ilustración?
-Una imagen vectorial puede convertirse en una imagen de mapa de bits al abrirla en un programa de edición de imágenes como Photoshop, donde se pueden agregar detalles como luces, sombras y texturas para mejorar la intensidad, el contraste y el volumen de la ilustración.
Outlines
👀 Proceso de percepción visual y características del color
Este párrafo explica el proceso de percepción de la imagen y el color, incluyendo las características de la luz y los pigmentos para su reproducción en medios electrónicos y gráficos. Se discuten las cualidades básicas del color como tono, saturación y brillo, así como la producción de imágenes vectoriales y de mapa de bits y su resolución en relación con su uso en la reproducción gráfica o electrónica. La visión se describe como el sentido que permite percibir forma y color, y se compara el funcionamiento del ojo con una cámara fotográfica, destacando cómo la luz visible es captada por la retina y enviada al cerebro para interpretación.
🌈 Comprensión del color y síntesis aditiva y extractiva
Se profundiza en la percepción del color como resultado de la capacidad del ojo humano para discriminar longitudes de onda electromagnéticas. Se menciona a Isaac Newton y sus experimentos con la luz y los prismas para entender los colores. El párrafo describe el color como la impresión producida por un tono de luz en los órganos visuales, y cómo los objetos iluminados absorben y reflejan ondas para ser interpretadas como diferentes colores por el cerebro. Además, se diferencia entre el color luz (síntesis aditiva) y el color pigmento (síntesis extractiva), explicando los colores primarios y secundarios en cada caso.
🎨 Atributos del color: Matiz, valor y saturación
Este segmento detalla los tres atributos básicos del color: matiz, valor y saturación. El matiz es la propiedad que refleja la pureza del color, mientras que la temperatura del color describe su tendencia hacia el rojo o azul. Se discute cómo los colores fríos y cálidos afectan la percepción de la distancia y cómo la combinación de colores complementarios produce grises. El valor, que indica la luminosidad de un color, se mide en una escala de grises y se relaciona con la claridad o oscuridad de un color. La saturación, por su parte, se refiere a la intensidad del matiz y la cantidad de color puro presente en una muestra.
🖼️ Tipos de imágenes: Mapas de bits y vectores
Se describen los dos tipos principales de imágenes utilizadas en diseño gráfico: mapas de bits y vectores. Los mapas de bits, o bit maps, son compuestos por píxeles que almacenan información de color u luminosidad. Se discute cómo la ampliación de estas imágenes puede resultar en pérdida de calidad debido a la interpretación de píxeles faltantes. Las imágenes vectoriales, en cambio, están formadas por fórmulas matemáticas y no se pixelan, permitiendo su ampliación ilimitada sin pérdida de calidad. Se mencionan las ventajas y limitaciones de cada tipo de imagen y se destacan los formatos comunes de archivo para cada uno.
📐 Propiedades y manipulación de imágenes vectoriales
Este párrafo se enfoca en las propiedades y la manipulación de las imágenes vectoriales. Se explica cómo los vectores tienen nodos que definen sus trayectos y pueden ser editados para dar forma a la imagen. Los objetos vectoriales son escalables, cambian de forma, color o posición sin afectar a la calidad, y son editables en cualquier momento. Se discuten las limitaciones de las imágenes vectoriales en cuanto a la complejidad de detalles que pueden incluir y se mencionan formatos comunes para su almacenamiento, como .eps, .ai y .pdf.
🖌️ Uso de imágenes vectoriales y mapa de bits en diseño gráfico
El último párrafo aborda cómo las imágenes vectoriales y de mapa de bits pueden complementarse en el diseño gráfico. Se ilustra cómo una imagen vectorial puede convertirse en mapa de bits para agregar detalles como luces, sombras y texturas, mejorando la intensidad, contraste y volumen. Se proporciona un ejemplo de cómo una ilustración vectorial puede ser editada en un programa de edición de imágenes bitmap para incluir estos detalles. También se menciona que la conversión de una imagen de mapa de bits a vectorial puede ser un proceso básico, pero no se recomienda para imágenes muy complejas.
Mindmap
Keywords
💡Percepción
💡Retina
💡Luz visible
💡Color
💡Síntesis aditiva
💡Síntesis subtractiva
💡Mapas de bits
💡Resolución
💡Imágenes vectoriales
💡Tonalidad
💡Saturación
Highlights
El proceso de percepción de la imagen y el color en medios electrónicos y gráficos.
Características del color luz y color pigmento en la reproducción de imágenes.
Las cualidades básicas del color: tono, saturación y brillo.
Diferenciación entre imágenes vectoriales y de mapa de bits y su resolución.
Funcionamiento del ojo comparado con una cámara fotográfica y la importancia de la luz visible.
El papel del iris y la pupila en la modulación de la cantidad de luz que ingresa al ojo.
Transformación de la energía lumínica en impulsos nerviosos por la retina.
El papel del color en la comunicación visual y su capacidad para atraer la atención y provocar respuestas emocionales.
La teoría de la síntesis aditiva de colores y los colores primarios de la luz.
La síntesis sus tractiva y los colores primarios del color pigmento.
La percepción del color y su relación con la absorción y reflexión de ondas electromagnéticas.
El espectro de luz visible para el humano y su rango de longitudes de onda.
La diferencia entre el color luz y el color pigmento y su aplicación en diseño gráfico.
Los tres atributos básicos del color: matiz, valor y saturación.
La temperatura del color y su influencia en la percepción de distancia y emociones.
La síntesis de colores utilizando colores neutros y su aplicación en la pintura.
El valor del color y su importancia en la claridad y comprensión de una imagen.
La saturación del color y su efecto en la intensidad y la atracción visual.
Los dos tipos de imágenes en diseño gráfico: mapas de bits y vectoriales.
La definición de mapas de bits y su comportamiento al ampliar la imagen.
Las ventajas y limitaciones de las imágenes vectoriales y su escalabilidad ilimitada.
La combinación de imágenes vectoriales y de mapa de bits para agregar detalles y texturas.
Transcripts
00:00en este teórico veremos cómo se produce
00:04el proceso de la percepción de la imagen
00:06y del color
00:08estudiaremos las características del
00:10color luz para la reproducción por
00:13medios electrónicos y del color pigmento
00:16para la reproducción por medios gráficos
00:18las cualidades básicas del color como
00:22son el tono la saturación y el brillo y
00:26la producción de imágenes vectoriales y
00:29de imágenes de mapa de bits así como
00:32también la resolución de este tipo de
00:35imágenes en relación a su utilización ya
00:39sea en la reproducción por medios
00:40gráficos o por medios electrónicos
00:45la vista es el sentido que nos permite
00:48percibir la forma y el color de los
00:51objetos la luz que llega de ellos es
00:55captada por una capa sensible del ojo
00:57llamada retina que manda la imagen al
01:00cerebro para ser interpretada el
01:03funcionamiento del ojo es análogo al de
01:06una cámara fotográfica
01:09para que la percepción visual se
01:11produzca debe haber luz visible
01:13alrededor o sea ondas electromagnéticas
01:17de suficiente amplitud para ser captadas
01:20por el ojo humano
01:22dichas ondas
01:23impactan la superficie de los objetos y
01:27dependiendo de su naturaleza son
01:29reflejadas de una u otra manera ese
01:33reflejo es captado por nuestros ojos al
01:35penetrar sus capas transparentes más
01:39superficiales esto no ocurre de manera
01:42incontrolada sino que al contraerse o
01:45expandirse el iris y la pupila se
01:48encargan de modular la cantidad de luz
01:50que ingresa al ojo en abundancia de luz
01:54la pupila se contrae mientras que si la
01:57luz es escasa la pupila se abre para
02:00dejar entrar la mayor cantidad posible
02:02de la misma
02:05una vez hecho esto el cristalino se
02:07enfoca en el objeto percibido para
02:09proyectar su imagen sobre el telón de
02:11fondo de la retina
02:13la retina opera como una pantalla cuyas
02:17células sensoriales son las encargadas
02:19de transformar la energía lumínica en
02:23impulsos nerviosos que viajan al cerebro
02:26a través del nervio óptico una vez allí
02:29estas señales nerviosas son
02:31interpretadas produciéndose así la
02:34comprensión de lo que se ve
02:38el color se ha convertido en un
02:40componente constante en el campo de la
02:43comunicación visual el color proporciona
02:46un diseño dinamismo atrayendo la
02:49atención del receptor y tal vez
02:51provocando respuestas emocionales
02:53el diseñador puede incluso usar el color
02:56para ayudar a organizar los elementos de
02:59una página para dirigir la mirada del
03:01observador de un elemento a otro o para
03:04comunicar diferentes jerarquías cuando
03:08tenemos varios elementos
03:09comunicacionales relacionándose entre sí
03:12en el espacio pero que es el color el
03:16color es la percepción visual producida
03:19en el ojo humano como resultado de su
03:21capacidad para discriminar entre las
03:24diversas longitudes de onda que forman
03:27parte del espectro electromagnético
03:30en este sentido cuando un elemento o
03:33cuerpo es iluminado absorbe parte de los
03:36haces de luz y refleja el resto
03:39nuestra comprensión moderna de la luz y
03:42del color comienza con isaac newton y
03:45una serie de experimentos que realiza
03:48para entender el fenómeno de los colores
03:50este científico es el primero en
03:53entender el arco iris para ello crea un
03:56hoyo en la pared de un cuarto oscuro y
03:59seguidamente refracta la luz blanca con
04:01un prisma
04:03que resulta la proyección de sus colores
04:05componentes en una pared blanca el fondo
04:08del cuarto la luz blanca se descompone
04:11entonces
04:12en los siete colores básicos que la
04:15conforman magenta rojo naranja amarillo
04:20verde azul y violeta además para probar
04:26que el prisma no estaba coloreado por la
04:28luz volvió a unir esa misma luz
04:30realizando el experimento a la inversa
04:33el color es la impresión producida por
04:36un tono de luz en los órganos visuales
04:38todo cuerpo iluminado absorbe una parte
04:42de las ondas electromagnéticas
04:44y refleja las restantes las ondas
04:48reflejadas son captadas por el ojo e
04:50interpretadas en el cerebro como
04:53distintos colores según las longitudes
04:55de onda correspondientes
04:58entonces porque hay objetos de
05:01diferentes colores
05:03el color es un factor inherente a la
05:05capacidad que tiene un objeto para
05:08absorber y reflejar las diferentes
05:11longitudes de onda todo cuerpo iluminado
05:15absorbe una parte de las ondas
05:17electromagnéticas y refleja las
05:19restantes las ondas reflejadas son
05:23captadas por el ojo e interpretadas en
05:26el cerebro como distintos colores según
05:28las longitudes de onda correspondientes
05:32el ojo humano percibe los ases de luz
05:35reflejados los que son catalogados en el
05:39cerebro asignándole colores distintos el
05:42espectro de luz visible para el humano
05:45se ubica entre los 380 y los
05:50780 nanómetros un nanómetro es la
05:54milmillonésima parte de un metro los
05:57nanómetros se usan para medir entre
05:59otras cosas las longitudes de onda de la
06:01luz en este sentido por ejemplo una
06:05banana o un limón producen longitudes de
06:09onda de entre 570 y 580
06:12nanómetros las que son percibidas como
06:15amarillas por el ojo humano
06:17no obstante la percepción del color
06:20depende de la intensidad de rayos de luz
06:22que incidan sobre un elemento
06:25determinado
06:27el color de un objeto o cuerpo se hace
06:31más opaco hasta finalmente ser percibido
06:34como negro en la ausencia de la luz es
06:37importante destacar que el tono negro es
06:41el resultado de la absorción de todos
06:44los colores y no una longitud de onda
06:47específica
06:50podemos diferenciar dos tipos de color
06:53el color luz y el color pigmento el
06:57color luz se denomina síntesis aditiva y
07:01el color pigmento síntesis sus tractiva
07:05los colores primarios de la mezcla
07:08aditiva son el rojo el azul y el verde
07:12los monitores y pantallas
07:15imitan el funcionamiento del ojo
07:18emitiendo estos tres colores básicos de
07:21la luz todos los demás colores pueden
07:24crearse mezclando estos tres en
07:27diferentes proporciones
07:29la sumatoria de los tres colores produce
07:33el blanco
07:34sintetizando bastan tres colores rojo
07:38verde y azul para obtener todos los
07:42demás mediante superposiciones
07:45los tres colores se denominan primarios
07:49y la obtención del resto de los colores
07:51mediante la superposición de estos se
07:54denomina como ya dije síntesis aditiva
07:59con este proceso se obtienen los colores
08:02secundarios de la luz que son el magenta
08:05el cian y el amarillo el magenta como
08:10resultado de la combinación del azul más
08:13el rojo el cian resultado de la
08:17combinación del verde más el azul y el
08:20amarillo que es la combinación entre el
08:23verde y el rojo
08:25obviamente estas combinaciones solo se
08:29producen con colores luz manipulando
08:31colores pigmento jamás obtendríamos el
08:34amarillo mezclando el rojo y el verde
08:37los colores secundarios de la mezcla
08:41aditiva
08:42conforman los tres colores primarios de
08:45la mezcla sus tractiva también llamada
08:48color pigmento
08:51voy a desarrollar ahora conceptos sobre
08:54la síntesis sus tractiva y el resultado
08:58obtenido de la misma que son los colores
09:00pigmentos cuando manejamos colores de
09:04forma habitual no utilizamos luces sino
09:07tintas lápices rotuladores en este caso
09:12de lo que estamos hablando es del color
09:14pigmento y cuando hablamos del color
09:17pigmento hablamos de la síntesis
09:19extractiva es decir de pigmentos que
09:22aplicamos sobre superficies generalmente
09:25blancas el modelo se medican sean
09:28magenta amarillo y negro tiene el mismo
09:31fundamento de la síntesis
09:33gm y con los colores primarios sean
09:36magenta y amarillo pero añadiendo negro
09:40se les llama que conca al negro en vez
09:45de usar la letra be por ser un nombre
09:47corto del término cake plate utilizado
09:51en la impresión el cake plate era una
09:53placa maestra que imprimía el detalle
09:55artístico de una imagen usualmente en
09:58tinta
09:59los colores tomados como base para
10:02lograr una reproducción a todo color son
10:05las imitaciones en tinta pigmento de los
10:08tres colores secundarios de la luz
10:10magenta cian amarillo agregando un
10:14cuarto color negro que provoca los
10:17efectos de contraste profundidad y
10:20realce de las figuras
10:22el color negro se añade porque el
10:25logrado por la mezcla de los tres
10:26básicos sean magenta y amarillo es muy
10:30suave y carente de profundidad es por
10:33esto que en la industria gráfica el
10:35negro se agrega para oscurecer las
10:37sombras y para proporcionar un negro más
10:41sólido e intenso
10:45el color tiene tres atributos o
10:47propiedades básicas que hay que entender
10:50y son el matiz o tinte el valor o
10:55luminosidad y la saturación o intensidad
11:00el matiz
11:02denominado también tinte o tono es la
11:05propiedad del color que se refiere a su
11:09estado puro el color puro es la cualidad
11:12por la cual lo diferenciamos es el
11:15estado puro sin blanco o negro agregados
11:18y es la propiedad asociada con la
11:21longitud de onda al dominante en la
11:24mezcla de las ondas luminosas cuando
11:26queremos reconocer un color el primer
11:29paso es identificar su matiz o sea la
11:32posición del espectro en la que se
11:34encuentra una característica del color
11:36que está relacionada con el matiz es la
11:40denominada temperatura del color la
11:43temperatura del color es una propiedad
11:45de la luz que hace que esta tienda asia
11:47el color rojo anaranjado o el azul esto
11:51hace que el color se divida en dos
11:52categorías
11:54los colores fríos que son aquellos que
11:56se acercan al azul y los colores cálidos
11:59que son los que se acercan al naranja en
12:03la práctica no hay un solo color que se
12:05quede fuera de estas dos categorías e
12:07incluso a la hora de comprar pinturas o
12:09tintas no van a encontrar un rojo puro o
12:12un azul puro todos los colores tienden a
12:15ser más cálidos o más fríos y esto es
12:18importante para nosotros porque a la
12:20hora de pintar las luces y las sombras
12:23de una imagen tendremos que ser
12:25conscientes de qué temperatura de color
12:27queremos utilizar
12:30modificando la temperatura del color
12:32podemos cambiar el significado o la
12:35apariencia de una imagen
12:37otra característica relativa a la
12:40temperatura del color es la sensación de
12:43distancia que generan los colores fríos
12:46crean la sensación de alejarse del
12:49espectador mientras que los colores
12:52cálidos provocan la sensación contraria
12:54y parece que están más cerca de nosotros
12:58cuando mezclamos un color cálido y un
13:01color frío a ambos colores se cancelan y
13:04obtenemos un color neutro por ejemplo
13:07cuando mezclamos verde y rojo amarillo y
13:11violeta o azul y naranja que son los
13:15colores complementarios en el círculo
13:17cromático
13:18obtenemos colores neutros que se acercan
13:20al gris de hecho esta técnica se usa
13:23mucho en pintura los impresionistas
13:25consideraban que el color negro debía
13:28estar fuera de su paleta ya que es un
13:31color que no existe en la naturaleza
13:32entonces utilizaban los colores neutros
13:35para pintar las zonas más oscuras de sus
13:38imágenes la luz cambia el matiz del
13:42color el matiz de un color es algo
13:45inmutable o estático sino que depende de
13:49la iluminación del entorno en la que se
13:51encuentre el mismo objeto o motivo puede
13:55tener colores fríos bajo una luz
13:58fluorescente
13:59o tener colores cálidos si lo ponemos a
14:02la luz del sol del mediodía
14:06veamos ahora otra propiedad del color
14:09que es el valor en la vida real los
14:13colores no suelen ser vistos con toda su
14:15fuerza o intensidad a menudo se ven más
14:18claros o más oscuros al mismo tiempo es
14:22muy raro por no decir imposible
14:24encontrar blanco puro o negro puro en la
14:27naturaleza sin embargo la realidad está
14:30compuesta de miles de tonos de gris
14:32algunos casi negros y otros casi blancos
14:37el valor indica la cantidad de blanco y
14:41negro que tiene un color es decir lo
14:44claro y oscuro que es ese color para
14:48clasificar estos niveles de valor se
14:51utiliza una escala que abarca desde el
14:53blanco hasta el negro y se denomina
14:56escala de grises o escala de valores
14:59dentro de la escala de valores de un
15:01color podemos distinguir dos zonas la
15:04zona de los tintes y la zona de las
15:07sombras
15:08los tintes son aquellos tonos de un
15:11color más claros que el color neutro se
15:14consiguen añadiendo diferentes
15:16cantidades de blanco a ese color base
15:19las sombras son los tonos más oscuros
15:23que se consiguen mezclando el color base
15:25con el negro
15:27el valor es la cualidad más importante
15:30del color a la hora de hacer que una
15:35imagen sea fácil de entender si todos
15:38nuestros colores tienen tonalidades o
15:41valores parecidos la imagen se verá
15:44plana sin profundidad en cambio al usar
15:47un amplio rango de tonalidades y
15:50componer las de forma adecuada haremos
15:53que la imagen sobresalga si los
15:56elementos de una composición tienen un
15:58tono similar al del fondo serán mucho
16:02más difíciles de percibir
16:04por último hablaremos de saturación o
16:07intensidad
16:09la tercera característica del color es
16:11la saturación también llamada intensidad
16:14que se refiere a la intensidad del matiz
16:17la cantidad de color puro que hay en una
16:20muestra por ejemplo la sangre tiene un
16:23color rojo muy saturado ya que es un
16:25color muy intenso mientras que los
16:28labios tienen un color rojo muy poco
16:31saturado un color muy saturado es un
16:35color en su máximo matiz que no contiene
16:38casi blancos ni negros y un color muy de
16:42saturado es aquel que ha sido mezclado
16:44con un tono gris hasta el punto de que
16:47ya casi no reconocemos su matiz
16:50tenemos que tener en cuenta que la
16:52saturación es una cualidad distinta del
16:56valor ya que podemos reducir la
16:58saturación de cualquier color sin
17:00cambiar su valor como regla general no
17:03queremos que todos los colores de
17:05nuestra ilustración o de nuestra
17:07composición estén demasiado saturados ya
17:10que en este caso los ojos del espectador
17:12no saben dónde situarse
17:16al igual que con los demás atributos del
17:18color tenemos que ser capaces de jugar
17:21con la saturación para crear imágenes
17:24potentes y efectivas y atraer la
17:27atención del espectador hacia un punto
17:30que nosotros queramos para combinar de
17:34forma efectiva nuestros colores y tener
17:37una buena composición tenemos varias
17:39opciones a la hora de combinar la
17:41saturación de nuestros colores veamos
17:44dos ejemplos muy simples sobre este
17:46principio
17:47podemos utilizar un fondo con colores
17:50poco saturados y darle más saturación a
17:54nuestro elemento principal o punto focal
17:57de esta forma intuimos que es el punto
18:01de mayor importancia y nuestros ojos se
18:04fijan en él
18:06podemos utilizar el efecto contrario
18:08consiguiendo un resultado parecido en
18:11este caso usando un fondo muy saturado
18:14que contraste con los elementos de
18:17saturados en un primer plano
18:22en este último segmento del teórico
18:25vamos a hablar sobre la imagen podemos
18:28definir a la imagen como en la
18:30representación visual de un objeto real
18:32o imaginario es el elemento fundamental
18:36del lenguaje visual cuando el objetivo
18:39es la comunicación
18:43la imagen también es la representación
18:45visual de un objeto a través de
18:48diferentes técnicas como puede ser el
18:52dibujo la fotografía la ilustración la
18:54pintura el vídeo
18:58cualquier profesional del diseño gráfico
19:00va a toparse hoy en día con dos tipos
19:03diferentes de imágenes los mapas de bits
19:06y las imágenes vectoriales
19:08ambos formatos pueden usarse para
19:10imprimir nuestros diseños ambos tienen
19:13sus ventajas pero también sus
19:15limitaciones
19:16las imágenes de mapa de bits también
19:19denominadas bit maps
19:21están conformadas por una matriz de
19:22diminutos píxels donde cada pixel
19:26almacena una información determinada que
19:29pueden ser por ejemplo color o
19:32luminosidad sólo podemos verlos si
19:35ampliamos mucho la imagen los mapas de
19:38bits no cuentan con límites de detalles
19:41y pueden llegar a ser muy complejos como
19:45por ejemplo pasa con las fotografías sin
19:47embargo si necesitamos aumentar el
19:50tamaño de una imagen los programas de
19:53edición de mapa de bits como por ejemplo
19:55photoshop entre otros necesitarán
19:58también ampliar el número de píxeles
20:00para llegar al tamaño deseado
20:02qué se hace entonces de dónde se saca
20:06esa información
20:08en estos casos los programas interpretan
20:10o inventan estos píxeles faltantes por
20:13eso cuando aumentamos la imagen pasando
20:16de su tamaño original esta va a ir
20:19perdiendo calidad y pueden comenzar a
20:21notarse los píxeles la definición de un
20:25mapa de bits está determinada por la
20:28cantidad de píxeles por pulgada cuadrada
20:30las fotografías son el tipo de mapa de
20:33bits más comunes las extensiones de
20:36archivos o formatos más frecuentes que
20:39almacenan este tipo de imágenes son el
20:42jpg el png
20:45este es un formato que permite
20:48transparencias el tiff un formato de
20:51alta calidad el psd nativo de photoshop
20:55que permite guardar las imágenes en
20:58capas separadas es importante definir la
21:02resolución del archivo en el que estamos
21:05trabajando
21:06considerando si será impreso por medios
21:09tradicionales o digitales
21:11si nuestro diseño está pensado para la
21:13web la resolución de las imágenes de
21:16mapa de bits está determinada por la
21:19cantidad de píxeles por pulgada
21:21término conocido con pp y pse píxeles
21:25por pulgada a mayor resolución mayor
21:28calidad de la imagen obviamente
21:31mayor también será el peso de dicho
21:34archivo para su almacenamiento o envío
21:38la resolución de una imagen en pantalla
21:41siempre es menor que la necesaria para
21:44que esa imagen sea impresa por medios
21:46tradicionales
21:47podemos establecer un cuadro con los
21:50siguientes parámetros de resolución de
21:53una imagen de acuerdo a nuestras
21:55necesidades
21:56una imagen de 300 píxeles por pulgada es
22:01la resolución indicada para una
22:03impresión tradicional
22:04una imagen de 150 píxeles por pulgada
22:08sería ideal para imprimir en gran
22:11formato por ejemplo si estamos
22:13trabajando en una gigantografía que
22:16pudiera
22:17por medio de un plotter y por último una
22:21imagen de 72 píxeles por pulgada si
22:24nuestro diseño está pensado para verse y
22:27reproducirse a través de una pantalla
22:31hablemos ahora de las imágenes
22:34vectoriales
22:34las imágenes vectoriales están formadas
22:37por vectores los vectores son fórmulas
22:40matemáticas
22:41las imágenes vectoriales nunca se pixela
22:44porque no están formadas por pixels
22:47gracias a esto a diferencia de las
22:50imágenes de mapa de bits las imágenes
22:52vectoriales pueden ampliarse sin límites
22:55y sin perder la más mínima calidad de
22:58impresión los vectores tienen al final
23:01de cada segmento ya sea rectilíneo o
23:04curvo un punto cuadrado o circular
23:07denominado nodo los nodos definen los
23:10trayectos y pueden ser suaves simétricos
23:13o asimétricos manipulando los nodos
23:16podemos ir trabajando y dando forma a
23:19nuestra imagen
23:20los distintos objetos que componen una
23:23imagen vectorial pueden escalar se
23:25cambiar de forma color o posición
23:29independientemente del resto cada objeto
23:32o vector tiene sus propias fórmulas
23:35matemáticas
23:36los objetos de un gráfico vectorial
23:38pueden fusionarse entre sí y crear
23:41formas intermedias del mismo modo cada
23:45parte puede relacionarse de distinta
23:47manera con el resto de los vectores
23:49pueden agruparse separarse formar
23:52intersecciones cada parte de una imagen
23:56vectorial puede reutilizarse en otras
23:59imágenes bastará con copiar y pegarla en
24:02otro archivo el dibujo vectorial es
24:05siempre editable a diferencia de las
24:08imágenes de mapa de bits las vectoriales
24:10pueden rectificar se es decir modificar
24:13su color u otras propiedades en
24:15cualquier momento de su edición las
24:18imágenes vectoriales permiten hacer
24:21juegos con la tipografía de una forma
24:23más avanzada que las imágenes pixeladas
24:26cuáles serían entonces las limitaciones
24:28de las imágenes vectoriales en este caso
24:31se trata de un formato limitado en el
24:34volumen de detalles que podemos incluir
24:37en una imagen los logos y las
24:39tipografías son las imágenes vectoriales
24:42más recurrentes de todas formas esto
24:46siempre depende de la capacidad de el
24:49diseñador o del ilustrador para lograr
24:51imágenes mucho más complejas porque los
24:54programas están preparados para concebir
24:57las las extensiones de archivos o
25:01formatos más comunes para almacenar las
25:04imágenes vectoriales son punto de ps un
25:08estándar internacional para imágenes
25:10vectoriales punto ay la extensión de
25:13adobe illustrator
25:1525:16punto s vejez una extensión ideal para
25:22imágenes utilizadas en la web
25:24programas como el word o el powerpoint
25:27no están preparados para almacenar
25:30formatos vectoriales y no deberían
25:33utilizarse en ningún caso
25:37para finalizar es importante mencionar
25:39que las imágenes vectoriales y las
25:42imágenes de mapa de bits pueden
25:43complementarse una imagen vectorial
25:46puede convertirse en beat map al abrirla
25:49en un programa como el photoshop o
25:51similares con la intención de incorporar
25:54detalles como luces sombras y texturas
25:58pueden ver acá un par de ejemplos de una
26:02ilustración que realice en primer
26:05término
26:06en un programa vectorial y después la
26:10abrigue en un programa de edición de
26:12imágenes bitmap para agregarle todos
26:14estos detalles mencionados logrando
26:17mayor intensidad contraste texturas y
26:21volúmenes luces si es más complejo
26:25convertir una imagen de mapa de bits en
26:28una imagen vectorial los programas
26:30tienen herramientas bastante básicas
26:32para resolver estas situaciones y se
26:35justifican siempre y cuando la imagen no
26:38sea demasiado compleja por ejemplo para
26:41retocar un
26:42un logo
26:44bien y aquí finalizamos con el teórico
26:48del día
5.0 / 5 (0 votes)
