Comunicación visual 1º Periodismo

02 Elementos del diseño gráfico

00Introducción

Dirección de arte y diseño gráfico

Funciones

01El lenguaje de la publicidad

El proceso creativo

El medio publicitario

Apuntes de semiótica visual publicitaria

02Elementos del diseño gráfico

El alfabeto visua

Tipografía

Color

Composición

03La imagen digital

Vectores vs mapas de bits

Formatos de imagen y modos de color

Tamaños y resolución

Sistemas de impresión

Teoría

03Color

a Funciones del color

Foto, ilustración

Signos (imagen)

Textos (tipografía)

Signos (imagen)

Otros elementos

Signos (imagen)

ElementosMorfológicosDinámicosEscalares

Imagen

glob

al

Foto, ilustración

Signos (imagen)

Textos (tipografía)

Signos (imagen)

Otros elementos

Signos (imagen)

ElementosMorfológicosDinámicosEscalares

El color es un elemento morfológico

Imagen

glob

al

El color pertenece a la categoría de los elementos morfológicosEl hecho de abordarlo en un capítulo aparte se explica por su peculiar riqueza y relevancia en el mensaje

FuncionesCrear significadosEl color tiene propiedades esenciales para crear atmósferas, significados o connotaciones

Organizar el material

Jerarquizar, focalizar o crear planos

Mejorar la legibilidad

El color puede crear significados como signo icónico (representando elementos concretos) o como signo plástico (puede generar connotaciones de modernidad, elegancia, tradición, juventud, etc.).

FuncionesCrear significados

Organizar el materialEn publicaciones, el color puede ayudar a identificar y distribuir las secciones.

Jerarquizar, focalizar o crear planos

Mejorar la legibilidad

FuncionesCrear significados

Organizar el material

Jerarquizar, focalizar o crear planosEl color contribuye a ordenar los elementos y crear una determinada estructura

Mejorar la legibilidad

FuncionesCrear significados

Organizar el material

Jerarquizar, focalizar o crear planos

Mejorar la legibilidadYa lo hemos visto: el color como elemento esencial para producir contraste y mejorar la comprensión

b Dimensiones del color

MatizCada una de las diferentes longitudes de onda. El color en sí, para que nos entendamos.

SaturaciónEl grado de pureza del color. Se describe como la tendencia a acercarse o alejarse del gris (colores más apagados o vivos).

LuminosidadO valor, o brillo. Se modifica añadiendo porcentajes de blanco o negro al color (colores más claros u oscuros).

Dimensiones del color Todo color está definido por tres cualidades, criterios o atributos.

Dimensiones cromáticas Photoshop, Illustrator, Indesign

Sobre el matiz: el círculo cromático El círculo cromático ilustra la relación de colores y facilita su clasificación. Se usa para seleccionar colores y crear interacciones.

Sobre el matiz: diferentes ruedas cromáticas Existen varios círculos cromáticos en función del soporte y de los colores primarios que se utilizan para obtener el resto de la gama.

La rueda de procesos Para la industria de la impresión. Utiliza el cian, magenta y amarillo como colores primarios.

La rueda de luz Para pantallas de ordenador y soportes luz. A la inversa que el anterior: utiliza el rojo, el verde y el azul para obtener el resto.

Colores primariosPuros o simples

Colores secundariosA partir de la

combinación de los primarios

Colores terciariosA partir de la

combinación de los todos los anteriores

Sobre el matiz: diferentes niveles Los colores primarios (puros o simples) son aquellos a partir de los cuales se obtienen los demás. Pueden ser sustractivos (impresión) o aditivos (soportes luz).

Sobre el matiz: la temperatura del color Los colores cálidos o fríos hacen referencia simplemente a la sensación que provocan los matices.

Colores cálidos Colores fríos

Sobre la saturación En el círculo cromático, los colores vivos se sitúan en la periferia, mientras que los colores más apagados se aproximan al núcleo.

Sobre la luminosidad También se le denomina valor o brillo. Son variaciones de un matiz hacia el negro y el blanco.

Los colores pastel son

aquellos con una amplia

cantidad de blanco

Es importante comprender que el blanco y el negro no son matices, sino variaciones de luminosidad

c Sistemas del color

Los sistemas de color derivan de una necesidad de la industria para definir los colores con precisión, según el soporte utilizado

Sistemas de color Son dos, básicamente, en función de los soportes en los que está representado el mensaje.

Sistema RGBMezcla aditiva.

Colores primarios: rojo, verde, azul

Para soportes luz

Sistema CMYKMezcla sustractiva.

Colores primarios: cian, magenta, amarillo

Para soportes impresos

Sistemas de color RGB Se denomina síntesis aditiva porque la luz es transmitida directamente (no reflejada) y, al añadir colores, se añade luz (colores-luz). Este sistema se emplea en soportes como ordenadores o pantallas.

Sistemas de color CMYK Se denomina síntesis sustractiva: las partículas de los objetos impresos (pigmentos) absorben parte de la luz que les llega. Lo que vemos es la parte de la energía reflejada. También se denomina cuatricromía.

CMYKCMAN

RGBRVA

Sistemas de color RGB y CMYK Dado que unos son colores luz y otros pigmentos, existen diferencias sustanciales en los niveles de brillo. En ocasiones ,no se pueden encontrar equivalencias exactas para ambos sistemas.

Sistemas de color ¿Y el negro? La suma de cian, magenta y amarillo produce un color negro de menor intensidad. La cuarta tinta permite alzanzar un negro puro y conformar colores a los que, si no, no se llegaría.

Sistemas de color Las tintas planas O tintas directas. Son tintas premezcladas que pueden utilizarse junto a, o en sustitución de, la cuatricromía. Son referencias estándar de la industria. El más habitual, el sistema PANTONE.

Sistemas de color Las tintas planas Las tintas planas se usan en dos situaciones: (1) proyectos en los que necesitamos menos de cuatro colores o (2) cuando queremos incorporar una tinta adicional (para efectos metalizados, con especial brillo, etc.), a los que no llega la cuatricromía. Importante: cada tinta adicional eleva el coste del proyecto.

Esquire (folleto) Folleto a dos tintas (negro y naranja)

RevistaCuatricromía y una tinta plana

para efecto metalizado

Sistemas de color Las tintas planas en Photoshop En los colores Frontal y de Fondo, seleccionar Biblioteca de Colores.

Sistemas de color Las tintas planas en IllustratorEn el panel Muestras, se accede a Biblioteca de Colores y, desde ahí, a Libros de Color

Sistemas de color Las tintas planas en Indesign Se habilitan directamente en el Panel Muestras

d Las armonías cromáticas

Son simplemente fórmulas para combinar los colores de forma coherente y no aleatoria

Las armonías cromáticas Aunque, evidentemente, las combinaciones de color son infinitas, suelen registrarse 10 opciones básicas. Las armonías de gama se denominan también de análogos.

o o

Las armonías cromáticas MonocromáticaEmplea un solo matiz y variaciones de luminosidad y saturación de éste.

Las armonías cromáticas De análogos por matizEmplea matices próximos en el círculo cromático (por ejemplo, colores fríos, o cálidos)

o

Las armonías cromáticas De análogos por saturaciónLos colores predominantes en la pieza comparten un mismo nivel de saturación (alta o baja)

o

Las armonías cromáticas De análogos por luminosidadLos colores predominantes en la pieza comparten un mismo nivel de luminosidad (son todos colores claros u oscuros)

Las armonías cromáticas ComplementariosLa pieza utiliza colores opuestos en el círculo cromático. Con esta armonía, se obtiene un contraste más acentuado por medio del matiz.

Las armonías cromáticas AcromáticaLa pieza recurre a la escala de grises como únicos valores presentes en la pieza.