Imágenes y psicología del color

14
IMÁGENES Y PSICOLOGÍA DEL COLOR Maria Alejandra Ramírez 9

Transcript of Imágenes y psicología del color

Page 1: Imágenes y psicología del color

IMÁGENES Y PSICOLOGÍA DEL

COLOR

Maria Alejandra Ramírez 9

Page 2: Imágenes y psicología del color

bibliografia

http://www.quesabesde.com/camdig/articulos.asp?articulo=153

http://es.wikipedia.org/wiki/Contraste http://www.gusgsm.com/son_brillo_tono_c

oloracion http://www.desarrolloweb.com/articulos/1

9.php http://es.wikipedia.org/wiki/Teor%C3%AD

a_del_color http://es.wikipedia.org/wiki/C%C3%ADrcul

o_crom%C3%A1tico#Teor.C3.ADas_del_uso_del_color

http://www.desarrolloweb.com/articulos/images/diseno/5/tipos_1.gif

http://sabia.tic.udc.es/gc/Contenidos%20adicionales/trabajos/Tutoriales/color/El%20circulo%20cromatico,colores%20primarios,secundarios%20y%20terciarios.htm

http://es.wikipedia.org/wiki/Modelo_de_color_RYB

Page 3: Imágenes y psicología del color

Brillo y contraste: dos herramientas básicas

Los controles de brillo y contraste son probablemente los más intuitivos para muchos de nosotros. En la mayoría de los casos, son sustituidos por otras herramientas como Niveles o Curvas, que presentan una mayor variedad de opciones, pero no hay por qué descartarlas. Su funcionamiento es muy claro, y observándolo entendemos mejor cómo interactuar con el histograma y cómo funcionan otros comandos más complejos. Por Paulo Porta

El brillo y el contraste son parámetros básicos con los que estamos familiarizados, ya que una modificación de cualquiera de ellos suele suponer un cambio visible en la imagen. Cualquier comando de ajuste tonal incide en estas propiedades, pero siempre habrá alguna ocasión en que lo más simple y directo sea manejar la herramienta específica, sobre todo cuando el histograma nos da un margen de movimiento.

Page 4: Imágenes y psicología del color

ContrasteEl contraste se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.Un ejemplo simple es el contraste entre un objeto de brillo constante sobre un fondo de un brillo constante. Si ambas superficies tienen el mismo brillo, el contraste será nulo, y el objeto tanto física como perceptiblemente será indistinguible del fondo. Según se incrementa la diferencia en brillo el objeto será perceptiblemente distinguible del fondo una vez alcanzado el umbral de contraste, que se sitúa alrededor del 0,3% de diferencia en brillo.

Page 5: Imágenes y psicología del color

BrilloAtributo de una sensación visual por la que una zona parece mostrar más o menos luz.

Tono: Atributo de una sensación visual por la que una zona parece similar a una o una proporción de los colores perceptibles como rojo, amarillo, verde y azul.Coloración: Atributo de una sensación visual por la que una zona parece mostrar más o menos intensidad de tono

Page 6: Imágenes y psicología del color

Tipos de archivosEn Internet se utilizan principalmente dos tipos de archivos gráficos GIF y JPG, pensados especialmente para optimizar el tamaño que ocupan en disco, ya que los archivos pequeños se transmiten más rápidamente por la Red. El formato de archivo GIF se usa para las imágenes que tengan dibujos, mientras que el formato JPG se usa para las fotografías. Los dos comprimen las imágenes para guardarlas. La forma de comprimir la imagen que utiliza cada formato es lo que los hace ideales para unos u otros propósitos. Adicionalmente, se puede usar un tercer formato gráfico en las páginas web, el PNG. Este formato no tiene tanta aceptación como el GIF o JPG por varias razones, entre las que destacan el desconocimiento del formato por parte de los desarrolladores, que las herramientas habituales para tratar gráficos (como por ejemplo Photoshop) generalmente no lo soportaban y que los navegadores antiguos también tienen problemas para visualizarlas. Sin embargo, el formato se comporta muy bien en cuanto a compresión y calidad del gráfico conseguido, por lo que resulta muy útil en infinidad de casos. Todos estos problemas han pasado y ya sólo Internet Explorer 6 tiene algunos fallos cuando trata con PNG, pero la aceptación actual es más que suficiente para incorporarlo a nuestras posibilidades reales de trabajo con formatos y optimización de archivos. A continuación se puede ver una tabla comparativa de las principales características de los formatos gráficos para crear páginas web:

Page 7: Imágenes y psicología del color
Page 8: Imágenes y psicología del color

Formato GIFUn logotipo es un ejemplo claro de imagen GIFA parte de ser un archivo ideal para las imágenes que estén dibujadas tiene muchas otras características que son importantes y útiles. Compresión: Es muy buena para dibujos, como ya hemos dicho. Incluso puede ser interesante si la imagen es muy pequeña, aunque sea una foto.

Parte de esta imagen es transparenteTransparencia: es una utilidad para definir ciertas partes del dibujo como transparentes. De este modo podemos colocar las imágenes sobre distintos fondos sin que se vea el cuadrado donde está inscrito el dibujo, viendose en cambio la silueta del dibujo en cuestión. Para crear un gif transparente debemos utilizar un programa de diseño gráfico, con el podemos indicar qué colores del dibujo queremos que sean transparentes. Generalmente, definimos la transparencia cuando vamos a guardar el gráfico. Colores: Con este formato gráfico podemos utilizar paletas, conjuntos, de 256 colores o menos. Este es un detalle muy importante, puesto que cuantos menos colores utilicemos en la imagen, por lo general, menos ocupará el archivo. En ocasiones, aunque utilicemos menos colores en un gráfico, este no pierde mucho en calidad, llegando a ser inapreciable a la vista. En algunos programas podemos modificar la cantidad de colores al guardar el archivo, en otros lo hacemos mientras creamos el gráfico.

32 colores 16 colores 8 colores Imagen tomada con distintas paletas de colores. Se puede apreciar como con pocos colores se ve bien el gráfico y como pierde un poco a medida que le restamos colores.

Page 9: Imágenes y psicología del color

Formato JPGUna fotografía con formato JPGVeamos ahora cuales son las características fundamentales del formato JPG: Compresión: Tal como hemos dicho anteriormente, su algoritmo de compresión hace ideal este formato para guardar fotografías. Además, con JPG podemos definir la calidad de la imagen, con calidad baja el fichero ocupará menos, y viceversa. Intento de transparencia en JPG. Pulsar para ampliarTransparencia: Este formato no tiene posibilidad de crear áreas transparentes. Si deseamos colocar una imagen con un área que parezca transparente procederemos así: con nuestro programa de diseño gráfico haremos que el fondo de la imagen sea el mismo que el de la página donde queremos colocarla. En muchos casos los fondos de la imagen y la página parecerán el mismo. Colores: JPG trabaja siempre con 16 millones de colores, ideal para fotografías. Optimizar ficheros Para que las imágenes ocupen lo menos posible y se transfieran rápidamente por la Red debemos aprender a optimizar los ficheros gráficos. Para ello debemos hacer lo siguiente: Para los archivos GIF: Reduciremos el número de colores de nuestra paleta. Esto se hace con nuestro editor gráfico, en muchos casos podremos hacerlo al guardar el archivo. GIF 256 colores - 10,8 KB GIF 32 colores - 5,5 KB GIF 4 colores - 2 KB

Page 10: Imágenes y psicología del color

Para los archivos JPG: Ajustaremos la calidad del archivo cuando lo estemos guardando. Este formato nos permite bajar mucho la calidad de la imagen sin que esta pierda mucho en su aspecto visual. JPG calidad 0 3 KB JPG calidad 20 5,9 KB JPG calidad 50 10 KB Photoshop es una herramienta excelente para optimizar ficheros. Viendo varias copias podemos elegir la más adecuada.Es imprescindible disponer para optimizar la imagen de una herramienta buena que nos permita configurar estas características de la imagen con libertad y fácilmente. Photoshop 5.5 o 6 es un programa bastante recomendable, pues incorpora una opción que se llama "Guardar para el Web" con la que podemos definir los colores del gif, calidad del JPG y otras opciones en varias muestras a la vez. Así con todas las opciones configurables, viendo los resultados a la vez que el tamaño del archivo podemos optimizar la imagen de una manera precisa con los resultados que deseamos. También existen en el mercado otros programas que nos permiten optimizar estas imágenes de manera sorprendente. Una vez hemos creado la imagen la pasamos por estos programas y nos comprimen aun más el archivo, haciéndolo rápido de transferir y, por tanto, más optimo para Internet. Al ser estas utilidades tan especializadas los resultados suelen ser mejores que con los programas de edición gráfica

Page 11: Imágenes y psicología del color

Teoría del color

Ilustración de la "Teoría de los colores" del poeta y científico alemán Johann Wolfgang von Goethe, 1809.En el arte de la pintura, el diseño gráfico, la fotografía, la imprenta y en la televisión, la teoría del color es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color neutro.

Page 12: Imágenes y psicología del color

Círculo cromáticoEl círculo cromático es una clasificación de los colores. Se denomina círculo cromático al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz.

Page 13: Imágenes y psicología del color

En este círculo cromático podemos encontrar:Ø     los colores primarios: rojo, azul y amarillo; Ø     los colores secundarios: verde, violeta y naranja; Ø     los colores terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo. Colores PrimariosEn la Teoría Tradicional del Color son los que no se pueden Formular a partir de cualesquiera otros colores y son el amarillo, azul y rojo Colores SecundariosLos Colores secundarios son aquellos creados a partir de la mezcla de los tres colores primarios mezclándolos con su adyacente. (violeta, verde y naranja) Colores TerciariosY los colores terciarios se obtienen a partir de la misma "destilación" a partir de los Secundarios (rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo)

Page 14: Imágenes y psicología del color

Modelo de color RYB y cmyk

Mezcla de los colores primarios del modelo RYBEl Modelo de color RYB (Red, Yellow, Blue = rojo, amarillo, azul) es un modelo de síntesis sustractiva de color al igual que el modelo CMYK. Se basó en los estudios de Goethe en su libro en su libro Teoría de los colores de 1810, y adoptado desde aquellos tiempos por las escuelas de pintura y artes gráficas. Hoy en día, gracias a la evolución de la fotografía en color y la mezcla aditiva de color es fácil demostrar que dicho modelo es bastante impreciso (su corrección propiamente dicha es el modelo CMYK), aunque sigue estando presente en la teoría impartida en la educación artística, en especial en las bellas artes y el diseño gráfico. En este modelo, el verde es una mezcla de azul y el amarillo. El amarillo es el complementario del violeta y el naranja el complementario del azul. La imprecisión recae en que el modelo RYB toma a dos colores realmente secundarios -Azul y Rojo- como primarios, debido a lo cual se pierde una importante cantidad de tonos que son imposibles de obtener con este modelo. El modelo CMYK, que usa el cian en lugar del azul y magenta en lugar del rojo corrige en gran parte estas imprecisiones y por eso se utiliza industrial y científicamente.[1]