Arte 2D

Tema 1 - Color
Desenvolupament d’Aplicacions
Multiplataforma
Color

• ¿Qué es el color?
• Luz y pigmento
• Gamut
• Teoría del color
– Círculo cromático
– Armonía
– Contexto
– Psicología
Color

• Los objetos no tienen color realmente

• Simplemente reflejan ciertas partes de los
haces de luz
• Estas frecuencias reflectadas son interpretadas
por los conos de nuestros ojos como color
Color
Luz y pigmento

• No es lo mismo “pintar” en papel que en una pantalla

• La pintura tradicional utiliza pigmentos
– Modelo CMYK (Cyan Magenta Yellow Key)
– El pigmento “para” el rebote de ciertas frecuencias de luz
– Al superponer pigmentos estamos restando a la luz
rebotada
• Las pantallas emiten luz
– Modelo RGB
– Cada pixel emite ciertas ondas de luz
– Al mezclar colores estamos sumando las frecuencias
emitidas
Luz y pigmento
Luz y pigmento - Gamut

• Gama de color o Espacio de

color
• Los dispositivos electrónicos no
pueden representar todos los
colores visibles por el ser
humano
– Solo una parte del todo
– Y cada dispositivo es diferente
– Incluso depende de cómo se
codifique el color
• Hay que tener esto en cuenta
– Una misma imagen se verá
diferente en diferentes pantallas
– Esto vuelve loco a los artistas
Teoría del color

• Algo básico a la hora de hacer arte es entender la Teoría del

Color
• Hay ciertas normas que están demostradas (y estudiadas)
que funcionan
• Esto nos ayudará a obtener colores, mezclándolos, usando
contrarios o complementarios
• En definitiva, aprender a usarlos en harmonía
– De la misma forma que notas en una canción
• Los colores de alrededor (contexto) también cambian la
percepción de éstos
• También nos ayudará saber los significados que les hemos
dado a ciertos colores
– Incluso de forma inconsciente, de la naturaleza
Círculo cromático

• El círculo cromático parte de 3 colores básicos e

independientes
– Que no se pueden obtener como mezcla de otros dos
• Mezclando esos colores de 2 en 2 obtenemos los
colores secundarios
• Mezclando los colores secundarios por parejas
adyacentes obtenemos los terciarios
– Y así hasta el infinito
Armonía

• La armonía se define como una combinación

agradable de partes para formar un todo
– Sonidos, sabores, colores…
• En el caso de imágenes, es algo que sea agradable
a la vista
– Capta al espectador, le da una sensación de equilibrio
a la experiencia visual
• Cuando algo no es armonioso puede resultar
aburrido o caótico
• Con la práctica podremos encontrar la armonía
sin pensar demasiado
Armonía

• Cuando no hay armonía:

– En un extremo la experiencia visual puede ser
aburrida y no atraer la atención del espectador
• El cerebro humano rechaza información poco estimulante
– En el otro, algo caótico puede ser insoportable de ver
• El cerebro humano rechaza información que no entiende,
que no puede clasificar
• La clave está en quedarse en el medio
– Interés visual y sentido de orden
Armonía – Ejemplos

• Colores análogos
– Adyacentes en la rueda cromática

• Colores complementarios
– Contrarios en la rueda cromática
Armonía - Avanzado
Armonía - Avanzado
Armonía - Avanzado
Armonía - Avanzado
Contexto

• La forma en la que percibimos los colores

depende de los colores que haya alrededor
– Por eso los programas de edición suelen tener una
interfaz oscura
• Ejemplo:

El rojo parece más llamativo con un fondo oscuro, mientras que parece perder
intensidad con un fondo blanco. Si el color es similar, parece apagado
También afecta al tamaño percibido: el fondo negro hace que el cuadrado rojo
parezca más grande
Contexto
Psicología del color
Psicología del color

• Los colores tienen asociados

una serie de significados
– Muchos son relacionados con
la naturaleza
– Otros son subconscientes
– Otros son culturales
• ¡Ojo con estos!
Psicología del color

• Cada color puede tener dos significados:

– Positivo: normalmente menos saturado, más
“pastel”
– Negativo: normalmente más saturado, más
brillante y llamativo
– No siempre es así
Psicología del color

• Psicología básica:
– Rojo:
• Positivo: pasión, amor, energía/fuerza
• Negativo: agresión, sangre, peligro
– Naranja
• Positivo: calidez, felicidad, diversión
• Negativo: enfado, frustración, alerta
– Amarillo
• Positivo: sol, creatividad, confianza
• Negativo: cobardía, engaño, aviso
Psicología del color

• Psicología básica:
– Azul
• Positivo: tranquilidad, eficiencia, inteligencia
• Negativo: frío, tristeza, depresión
– Verde
• Positivo: paz, naturaleza, equilibrio
• Negativo: envidia, enfermedad, corrupción
– Lila
• Positivo: lujo, sabiduría, calidad
• Negativo: veneno, arrogancia/ostentación, blasfemia
Psicología del color

• Psicología básica:
– Blanco
• Positivo: pureza, luz, esperanza
• Negativo: frialdad, vacío, incompleto
– Negro
• Positivo: sofisticación, seguridad, riqueza
• Negativo: miedo, opresión, luto/muerte
Psicología del color
• Esto se usa mucho en los logos de las marcas
Ejercicios

• Buscar 3 personajes, analizar su paleta

– Extraer sus colores básicos
– ¿Son complementarios? ¿Análogos?
– ¿Es agradable a la vista?
• Mirar 3 logos de un juego/empresa/app/…
– Qué colores usan
– Qué significado tienen esos colores
– ¿Se pueden aplicar al producto?