DISEÑO Y EDICION DE IMÁGENES

El diseño gráfico es una disciplina proyectual orientada a la solución de los problemas que plantea el hombre en su adaptación al entorno en función de sus necesidades de comunicación. El diseñador gráfico juega un papel de intermediario entre el emisor y el receptor del mensaje a comunicar. Interviene en la dinámica de adaptar

contextos, códigos culturales e históricos para hacerlos más accesibles a una determinada sociedad. 

El diseñador gráfico tiene una intención: trasmitir un mensaje con objetividad, sin dudas de interpretación. Es comunicador, no sólo de formas, sino de cultura y ésta a su vez implica el conocimiento del lenguaje oral y escrito. El profesional de esta disciplina es capaz de localizar y solucionar problemas de comunicación visual a través de propuestas gráficas a partir de un proceso metodológico.

Esta disciplina ha logrado ubicarse gracias al reconocimiento de la necesidad de su existencia. Esta distinción se da a nivel mundial, teniendo el 27 de abril como día internacional del diseño gráfico, los diseñadores se desarrollan en áreas como: el diseño editorial, identidad corporativa, animación, ilustración, diseño web,

gráfica del entorno, publicidad, medios de comunicación, la investigación, la docencia, entre otros. 

Características de una imagen para lograr una comunicación efectiva

Enumeramos las características principales que debe tener una imagen para mejorar su capacidad para comunicar.

Inmediatez

El objetivo es capturar rápidamente la atención y que la impresión que cause sea perdurable. Para esto, las imágenes deben ser claras, simples y equilibradas.

Las marcas comerciales buscan esta inmediatez y perdurabilidad con sus logotipos.

Forma y contornos simples, sin adornos innecesarios para lograr una imagen que se

asimila sin esfuerzo.

Generalidad

Es la capacidad para representar una clase de objetos o una característica de estos, más que un objeto concreto.

Quitando detalles particulares podemos ir abstrayendo y creando una imagen más general. Si utilizamos una reproducción fiel de un objeto familiar se da la impresión de que el icono se refiere al objeto en sí, no a una clase de objetos o una función de esos objetos.

Cohesión

Cuando las imágenes aparecen juntas, situación muy común en las interfaces gráficas, deben guardar unha coherencia entre ellas con una relación visual muy clara.

El tipo de trazos, colores y tamaño ayudan a darle cohesión.

Caracterización

Los objetos y su estado deben ser reconocibles. Un punto de vista adecuado y la exageración de rasgos característicos de un objeto ayudan a identificarlo.

Tipos de imágenes

Un gran porcentaje de una interfaz gráfica es un sistema de señales. Codifican en imágenes funciones del sistema.

Las señales las podemos dividir en tres tipos, según la semiótica

Iconos: describen el significado mediante una caracterización del propio significado. Es decir, siempre describen objetos tangibles.

Índices: representación del significado por asociación de conceptos relacionados (por ejemplo, una imagen de humo para indicar fuego).

Símbolo: representan un significado por pura convención.

Nota: debido a que la mayoría de las imágenes en una interfaz gráfica son del primer tipo (iconos), estas son conocidas popularmente por iconos, aunque formalmente puedan ser índices o símbolos.

Cada tipo de señal es adecuado para distintas situaciones.

¡¡Importante!! no mezclar en un mismo grupo de imágenes iconos, índices y símbolos. Los procesos mentales para interpretarlos son muy distintos y si aparecen juntos pueden crear confusión.

Técnicas para hacer imágenes efectivas

Lo primero que hay que hacer es pensar si es adecuado utilizar una imagen. Si así es, después determina qué tipo de señal hay que utilizar: icono, índice o símbolo.

Si no quieres representar un concepto abstracto: icono o índice.

Si la imagen va a ser utilizada constantemente y de un modo coherente, podemos decantarnos

por un símbolo.

Si lo que queremos codificar es un concepto abstracto, lo mejor es recurrir al texto.

Si queremos utilizar un icono o índice:

Escoge una representación fiel desde el punto de vista más representativo.

Determina el nivel de abstracción preciso. La práctica te irá diciendo hasta dónde puedes llegar en este proceso.

Comenzar a quitar detalles innecesarios, experimentando continuamente con diferentes combinaciones de los elementos que mejor identifiquen el objeto que se quiere representar.

Simplifica las formas empleando figuras geométricas.

Elimina contornos que no sean precisos. Juega con el espacio en blanco.

Si la imagen va a ser utilizada junto a otras, necesitas que tengan coherencia unas con otras: colores predominantes, tipo de trazos, tamaño, etc.

Este no es un proceso cerrado. El primer boceto probablemente sirva como punto de partida para una idea mejor. Y así sucesivamente hasta obtener el resultado deseado.

Tipos de imágenes

TIFF - El TIFF (Formato de fichero de información) es un formato de archivo usado para almacenar imágenes, como dibujos y fotografías. Originalmente fue desarrollado por Aldus (ahora Adobe Systems) y Microsoft. Este es un formato popular para imágenes de alta profundidad de color y es apoyado por muchos de

manipulación de imágenes, programas como PageMaker, QuarkXPress, Adobe InDesign, Photoshop, Paint Shop Pro, etc

Tiff es de una calidad de imagen extremadamente alta, proporcionando una excelente compatibilidad con edición e impresión.

Tiff se pueden modificar y volver a guardar, con las imágenes que se utilizan un sinnúmero de veces sin perder los datos de la imagen. Además, la imagen es

extremadamente útil, ya que no requiere un software de post-procesamiento, durante o después de su descarga a partir de una cámara. Es un formato flexible y adaptable.

GIF - El Graphic Interchange Format es un formato de archivo de imagen que fue desarrollado originalmente en 1987 por Unisys utilizando el algoritmo de compresión LZW. Durante años ha sido un formato de imagen estándar que se utiliza en la web. En 1989, también desarrolló GIF89a permite imágenes animadas. Mientras GIF ha disfrutado de una presencia importante en Internet, en la actualidad está siendo eliminado por la aparición de PNG.

 

JPG / JPEG - JPEG es un método de compresión utilizado para las imágenes fotográficas. El nombre "JPEG" significa Joint Photographic Experts Group, el nombre del comité que redactó la norma. El grupo se organizó en 1986, la emisión de esta norma en 1992 y, finalmente, la aprobación en 1994. El nivel de compresión puede ser ajustado para permitir seleccionar la configuración deseada entre el

tamaño del archivo de imagen y la calidad de la imagen. Por lo general, JPEG alcanza 10 a 1 de compresión con poca pérdida perceptible en la calidad de imagen. Además de ser un método de compresión, JPEG es a menudo considerado como un formato de archivo de imagen. JPEG es el formato de imagen más comúnmente utilizado por las cámaras digitales y otros dispositivos de captura de imágenes fotográficas. También es el formato más común para almacenar y transmitir imágenes fotográficas en Internet.

 

BMP - El formato de archivo BMP, es un tipo de formato de archivo de imagen de mapa de bits utilizado para almacenar imágenes digitales, especialmente en los sistemas operativos Microsoft Windows y OS2. La sencillez del formato de archivo BMP y su amplia familiaridad en Windows y en otros lugares hace que sea un formato muy común que los programas de procesamiento de imágenes de muchos sistemas operativos pueden leer y escribir. Otras razones para su uso generalizado es que está bien documentado y libre de patentes. Aunque la

mayoría de los archivos de imagen BMP tienen un tamaño de archivo relativamente grande debido a la falta de compresión, muchos archivos BMP pueden ser comprimidos considerablemente sin pérdidas con algoritmos de compresión de datos, tales como ZIP, ya que contienen datos redundantes.

 

PNG - Portable Network Graphics es un formato de imagen de mapa de bits que utiliza compresión sin pérdida de datos similar a la de un archivo GIF. PNG fue creado para mejorar y reemplazar el formato GIF, ya que no es un formato de archivo de imagen que requiere una licencia de patente. Fue creado, básicamente, en refutación directa de los requisitos de licencia de Unisys para utilizar el formato GIF.

PNG trabaja con paletas (paletas de colores de 24 bits RGB), escala de grises o RGB. PNG fue diseñado para transferir las imágenes en Internet, no de gráficos profesionales, por lo que no es compatible con otras especificaciones de color (como CMYK). PNG funciona muy bien para los dibujos geométricos o líneas, letras, dibujos animados y otras imágenes con colores planos y bordes bien definidos, tales como imágenes de ordenador.

PNG es en la mayoría de casos superior a GIF, ya que es más reciente, compatible con más colores y está libre de restricciones de patentes. Por desgracia, PNG no se pueden utilizar para las animaciones. Sin embargo, ofrece una transparencia altamente sofisticada y soporte de color, entre otras características. En la mayoría de los casos en que las animaciones no son necesarias, lo mejor es usar PNG sobre GIF.

Es interesante observar las fortalezas de cada tipo de formato de imagen y las debilidades. Actualmente a nivel general y sobretodo en el diseño de una página Web los tipos de formato de fichero de imagen más utilizados son JPEG y PNG.

JPEG para el tratamiento y la visualización de imágenes del tipo fotografías, por la calidad de la imagen y por el tamaño de las mismas.

PNG para los iconos, bloques, degradados y gráficos que se utilizan para el diseño de la página Web.

El color

El Color es la impresión producida al incidir en la retina los rayos luminosos difundidos o reflejados por los cuerpos. Algunos colores toman nombre de los objetos o sustancias que los representan naturalmente. Orientado al espectro solar o espectral puro, cada uno de los siete colores en que se descompone la luz blanca del sol: rojo, naranja, amarillo, verde, azul turquesa y violeta.

Del color se desprende una división que serian los primarios, tomándolos como base colores naturales, amarillo, rojo y azul y los secundarios que serian los que surgen como mezcla de estos que son el naranja, el verde y el violeta. Los primarios o puros son cada uno de los de una terna de colores fundamentales. Colores Fundamentales: Se los llama así a los de la terna de colores que, convenientemente mezclados, permiten formar cualquier color. La elección de los mismos es arbitraria. Generalmente se acostumbra utilizar como fundamental el rojo, el verde y el azul o el violeta.

El color es luz, Newton fue quien primeramente concibió la teoría ondulatoria o propagación de rayos lumínicos, que mas tarde fue ampliada por Laplace y otros físicos. Los que se designa como luz blanca es la impresión creada por el conjunto de radiaciones que son visibles por nuestro ojo; la luz blanca cuando es

descompuesta produce el fenómeno de arco iris, estos son los que llamamos colores, el conjunto de estos, o franja continua de longitudes de onda creada por la luz al descomponerse, constituye el espectro. Utilizamos la palabra color para designar dos conceptos totalmente diferentes. Solo deberíamos hablar de colores cuando designemos las percepciones del ojo.

La percepción del color cambia cuando se modifica la fuente luminosa porque en principio,

el color no es mas que una percepción en el órgano visual del observador. Los sentidos permiten al hombre captar los fenómenos del mundo que lo rodea. Los ojos son capaces de memorizar las diferencias de colores, pero casi nunca percibimos un color como es en realidad visualmente, tal como es físicamente.

El color luz. Mezcla aditiva

El color Luz es el producido por las radiaciones luminosas. Los tres colores luz primarios  son: rojo anaranjado, verde y violeta. Si mezclamos estos tres haces de luz sobre una pantalla blanca el resultado es la luz blanca.

La mezcla de dos colores luz proporciona un color más luminoso, por lo que se denomina mezcla aditiva.

Luz verde + luz roja      = luz amarilla 

Luz violeta + luz verde = luz cyan

Luz roja + luz violeta    = luz magenta

El color pigmento. Mezcla sustractiva

Los colores pigmento son los obtenidos de sustancias materiales artificiales que si son mezcladas con un aglutinante (agua, aceite, etc...) pueden utilizarse para pintar. Los colores pigmento primarios son: el amarillo, el magenta y el cyan. Mezclando a partes iguales dos primarios se obtienen los colores secundarios. La mezcla de los tres colores primarios da como resultado el color pigmento negro.

La mezcla de colores pigmento recibe el nombre de mezcla sustractiva porque al mezclarse pierde luminosidad.

TIPOS DE COLORES Y SUS RELACIONES

Colores primarios

Son aquellos colores que no pueden obtenerse mediante la mezcla de ningún otro por lo que se consideran absolutos, únicos.

Tres son los colores que cumplen con esta característica:  amarillo, el rojo y el azul. Mezclando pigmentos de éstos colores pueden obtenerse todos los demás colores.

Colores secundarios

Son los que se obtienen mezclando dos colores primarios al 50 %, obteniendo: Verde (S), violeta (S) y naranja o anaranjado (S).

Colores terciarios

Los tonos terciarios se consiguen al mezclar partes iguales de un primario (P) y de un secundario (S) adyacente :

amarillo terciario = (verde+naranja)

rojo terciario = (naranja+violeta)

azul terciario  = (verde+violeta)

Los colores terciarios son los más abundantes en la naturaleza y por lo tanto los más usados en la pintura, ya que por ellos brillan los más exaltados y cobran vida los de intensidad media.

El círculo cromático

Desde un punto de vista teórico un círculo cromático de doce colores estaría formado por los tres primarios, entre ellos se sitúan los tres secundarios y entre cada secundario y primario el terciario que se origina de su unión.

El blanco y el negro no pueden considerarse colores y por lo tanto no aparecen en un círculo cromático, el blanco es la presencia de todos los colores y el negro es su ausencia total. Sin embargo el negro y el blanco al combinarse forman el gris el cual también se marca en escalas. Esto forma un círculo propio llamado "círculo cromático en escala de grises" o "círculo de grises".