Académique Documents
Professionnel Documents
Culture Documents
Diseo grfco y
entornos
multimedia
aida.vallejo@ehu.eus
1. ESTTICA 1: color
Irudiaren iturria:http://electrasinclair.deviantart.com/art/Colour-Panels-61557260
Imagen corporativa
COLOR
CLASIFICACIN
SOPORTES
CARACTERSTICAS
CRCULO CROMTICO
DEGRADADO
COLOR CORPORATIVA
Logotipos
Fuente: http://www.jerpublicidad.com/blog/?p=874
Fuente: http://tdelcol.blogspot.com.es/
er
er
Clasifcacin: 1 , 2 y 3 grado
COLORES PRIMARIOS
10
11
Red:
rojo
Green:
verde
Blue:
azul
SOPORTES: tv / ordenador
12
13
Imagen:
http://www.webriti.com/index.php/color/cmyk-and-rgb-colorspace/
14
CMYK
El modelo CMYK
(acrnimo de Cyan, Magenta, Yellow y Key)
es un modelo de color sustractivo que se utiliza en la
impresin en colores.
Es la versin moderna y ms precisa del
ya obsoleto Modelo de color RYB,
que se utiliza an en pintura y bellas artes.
Permite representar una gama de color ms amplia que este
ltimo, y
tiene una mejor adaptacin a los medios industriales.
15
Cartuchos
16
17
18
19
CMYK (Cyan,
Magenta, Yellow,
Key
Imagen: http://www.burleighprint.com.au/2010/11/difference-between-rgb-and-cmyk-colours/
20
Colores complementarios
Qu son los colores
complementarios?
Como la palabra lo dice, Son los
colores que se complementan, ya sea
en RGB para llegar a formar la luz
como en CMYK para formar la
oscuridad.
21
Irudiaren iturria:http://almacenplantillasweb.es/2010/06/coleccin-de-chuletas-css-html-javascript-php-cms/
22
Cdigo HTML
Por Html-source-code3.png: Reisio derivative work: Hazmat2 (Este archivo se deriv de: Html-source-code3.png) [Public domain undefined GPL (http://www.gnu.org/licenses/gpl.html)], undefined
Imagen: https://pinceladasdesocialmedia.wordpress.com/2013/06/09/trucos-para-optimizar-tu-blog-sin-saber-html-ii/
24
27
28
CMYK (Cyan,
Magenta, Yellow,
Key
Pantone
Imagen: http://es.wikipedia.org/wiki/Pantone
29
30
Pantone
31
Imagen: http://www.dechsuwan.com/silk/silk_color.html
32
Imagen: http://personal.uncc.edu/lagaro/cwg/color/color_mixing.html
33
Colores terciarios
Colores terciarios:
Combinacin de colores de un primario y secundario = color
nuevo. Ej. Azul (primario)+ Magenta (secundario)= morado
clarito
Fuente:
http://ocw.udem.edu.mx/cursos-de-posgrado/tutorial-de-diseno-grafico/M3/Teoria%20del%20color%2
0y%20los%20tipos.html
34
35
TONO
MATIZ
SATURACIN
VALOR (BRILLO)
ARMONA
CONTRASTE
36
37
Tonalidad
38
39
40
41
Escala de grises
100%
10%
>%<
Imagen: http://www.abcdisegno.com/teoria-del-color/
Escala de grises
Imagen:
http://www.tuswallpapersgratis.com/wallpaper/Paisaje-con-Escala-de-Grises/
42
Blanco y negro
Imagen:
http://www.rubengg.com/www/manualdelah/color/color.html
43
44
Matiz
Que es un matiz?
Un matiz es el estado puro de un color, sin el blanco o negro agregados.
Si observamos en el crculo cromtico, los matices son aquellos que se generaran a
los extremos de los colores puros, si a un color puro le agregamos otro color puro,
vamos a generar un matiz, por ejemplo, un verde azulado o un verde amarillento,
sern matices del verde, y se enconaran a los costados de este.
Fuente: http://www.abcdisegno.com/teoria-del-color/
Imagen: http://www.abcdisegno.com/teoria-del-color/
Saturacin
Imagen: http://juliejmontoyam.blogspot.com.es/2010_06_01_archive.html
45
46
Valor
47
En esta imagen vemos como el verde va cambiando de valor. Por una parte se va combinando con
amarillo, hasta llegar a convertirse en la tinta amarilla. Al igual que los colores verdes oscuros, se fu
aplicando gris hasta llegar a tener un verde oscuro.
Imagen:
http://ocw.udem.edu.mx/cursos-de-posgrado/tutorial-de-diseno-grafico/M3/Conceptos%20del%20color.
html
48
Valor: Es la intensidad luminosa del color. Es
la cantidad de luz u opacidad que puede
reflejar un color.
Es muy parecido a la saturacin y el tono, la
diferencia es que aqu yo combino colores para
crear un nuevo color. En las tintas tan solo se baja
la saturacin o porcentaje del color. (De un azul
cyan fuerte y puro a un cyan casi blanco). En el
valor yo agrego:
* Blanco: para hacer el color mas claro, o
aumentar el valor
* Negro o gris: para opacar el color, o disminuir
el valor
* Otro color: para irme a una nueva gama de
color y crear un valor distinto.
Fuente:
http://ocw.udem.edu.mx/cursos-de-posgrado/tutor
ial-de-diseno-grafico/M3/Conceptos%20del%20colo
r.html
COMBINACIN DE COLORES /
ARMONA
49
50
Armonia
Imagen:http://anibaldesigns.com/2011/04/02/armonia-del-color/
Imagen:
http://estudiodelcolor.blogspot.com.es/2009/09/armonia-del-color.html
51
52
53
Kontraste
El Contraste
se produce
cuando en una
composicin
los colores no
tienen nada en
comn y no
guardan
ninguna
similitud.
54
Contraste
Andy Warhol
Marilyn
Imagen: http://disenograficoeilustracionpopart.blogspot.com.es/2014/09/andy-warhol-artista.html
Imagen:http://www.abcdisegno.com/teoria-del-color/
55
56
Imagen:
http://jesusgonzalezfonseca.blogspot.com.es/2011/05/psicologia-del-color.html
57
58
59
60
61
62
The Starry Night, June 1889, The Museum of Modern Art, New York
63
64
Simulador
65
Imagen: http://www.theweddingexpert.ca/2008/12/how-to-use-the-colour-wheel-to-choose-your-wedding-colours/
66
KOLORE-SORTA
67
Imagen: http://www.taringa.net/posts/imagenes/9468502/_Diseno-Grafico_---La-teoria-de-los-colores.html
68
69
Imagen: http://www.taringa.net/posts/imagenes/9468502/_Diseno-Grafico_---La-teoria-de-los-colores.html
70
El segundo mtodo
consiste en elegir
cuatro colores adyacentes en la rueda (anlogos).
Eso te proporcionara
una gama armoniosa de colores,
que no necesariamente darn como resultado
un color dominante intenso,
pero s una gama que combina bien.
71
72
Imagen: http://www.taringa.net/posts/imagenes/9468502/_Diseno-Grafico_---La-teoria-de-los-colores.html
El tercer mtodo
consiste en escoger colores
directamente opuestos en la rueda
(complementarios).
Evidentemente, esto slo funciona por parejas,
as que intenta escoger dos colores
que luego vayas a combinar con el blanco y el negro,
u otra pareja bicolor que d resultados con cualquier otra
opcin.
73
Degradado (1 color)
Imagen: http://fotospara.net/fotos-para-relajarse/degradado-en-naranja
74
Degradado (2 colores)
Imagen: http://silaonline.forospanish.com/t6-efecto-espacio
75
Imagen:
http://nicolasvalente.blogspot.com.es/2007/09/psicologa-del-color-en-el-diseo.html
Youtube:http://www.youtube.com/watch?v=PImm83Uor9Q
http://www.youtube.com/watch?v=o2kYV9WVAVM&feature=player_embedded
76
77
78
79
CMYK (Cyan,
Magenta, Yellow,
Key
80