Fundamentos del Diseño Vol.2 Miguel Ángel Morales · 1ºGRÁFICO · Fundamentos del Diseño
Link ISSUU https://issuu.com/miguelangelmorales27/docs/fundamentos_del_dise__o_vol.ii
ÍNDICE
1. Color 1.1 Círculo cromático ..................................................................................................................7-9 1.2 Sistemas RGB/CMYK .......................................................................................................10-13 1.3 Pantone y tintas planas .....................................................................................................14-15 1.4 Ejercicios propuestos teoría del color 1.4.1 Colores complementarios, análogos y tríadas ........................................................16-23 1.4.2 Portada INFOMAG .................................................................................................24-25 1.5 Psicología del color ...........................................................................................................26-27 1.5.1 “2 colores, 5 sentidos” ...........................................................................................28-32 1.5.2 Connotación inversa ...................................................................................................33 2. Composición 2.1 Tipos de encuadre ............................................................................................................36-37 2.1.1 Fotos con encuadre ...............................................................................................38-39 2.2 Tipos de composición .......................................................................................................40-44 2.1.2 Composición en anuncios de revista ......................................................................45-47 3. Texturas 3.1 Texturas con connotación 3.1.1 “Pascuaroid” .........................................................................................................50-51 3.2 Texturas en la portada de un libro 3.2.2 Portada “Guerra y Paz” de León Tolstoi .................................................................52-53 4. Tipografía creativa 4.1 Emoticonos tipográficos ...................................................................................................56-59 5. Volumen 5.1 “Quilling paper” .................................................................................................................62-63
1. COLOR 4
5
¿Qué es el color? El color no es considerado una característica de los objetos, sino que más bien se trata de una percepciión humana. Por tanto , podemos decir que el color se conoce como la apreciación del ojo humano de los diferentes tonos de luz , provocados por la interpretación de las diferentes longitudes de onda del espectro electromagnético. Su uso más importante es la transmisión de sensaciones diferentes en una obra. El conocimiento de la naturaleza del color nos capacita para usar de manera correcta cada uno de ellos para expresar la tristeza , la alegría, lo oscuro , etc.
Círculo cromático
El círculo cromático es la representación gráfica de todos los colores visibles por el ojo humano. En este círculo se encuentran los colores primarios. La mezcla de estos colores da como resultado el resto de colores perceptibles. Estos restantes se dividen en colores secundarios (aquellos los cualesresultan de mezclar los colores primarios entre si) y los terciarios (los resultantes de las mezclas entre colores primarios y secundarios).
1.1 El círculo cromático 6
7
Si a los colores presentes en el círculo cromático se les varía la cantidad de luz (color blanco ) , el porcentaje de pureza del color o la cantidad de mezcla, se obtienen diferentes variaciones del color. Estas se miden mediante la Luminosidad , la Saturación y el Tono:
Variaciones del color verde
Variación de tono
Variación de saturación (de menos a más)
Variación de luminosidad (de menos a más) Rueda cromática con los colores primarios , secundarios y terciarios 8
9
1.2 Modos de color : RGB/CMYK Sistema aditivo de colores
El sistema de color RGB proviene de la composición de colores en función a la intensidad de los colores primarios de la luz. Este modelo está basado en la síntesis aditiva , con lo que resulta posible representar un color a través de la mezcla aditiva de los tres colores primarios de la luz. Estos tres colores son : el rojo (Red) , el verde (Green) y el azul (Blue) . El sistema RGB adquiere su nombre de las siglas de estos tres colores.
Rojo , verde y azul ; los colores primarios que dan nombre al modelo RGB
10
Sistema sustractivo de colores El sistema de color CMYK es un modelo que proviene de la sustracción de los pigmentos de los colores primarios . En este caso, los colores primarios se tratan del cian (Cyan) , el amarillo (Yellow), el magenta (Magenta) y el negro (Black o Key). Las siglas de estos colores conforman el nombre del sistema CMYK. Este sistema se basa en la absorción de la luz
Cian, Amarillo, Magenta y Negro ; los colores que dan nombre al modelo CMYK
11
COMPARACIÓN MODELOS RGB/CMYK
El cian es el color opuesto al rojo , lo que significa que actúa como un filtro que absorbe dicho color (-R +G +B). Así pues , el magenta es el opuesto al color verde ( +R -G +B) y el amarillo es e lopuesto al azul (+R +G -B)
C.cromático CMYK C.cromático RGB Además , los modelos CMYK y RGB tienen diferentes gamas de colores. Por ejemplo, el azul puro es imposible de reproducir en CMYK. El equivalente más cerca en CMYK es un tono azulvioláceo
12
13
1.3 Pantone y tintas planas Entendemos por tintas planas o colores planos , a aquellos colores que se pueden corresponder con un oclor determinado (p.e.: verde, azul , etc.) Estos pueden estar parametrizados dentro de la escala universal de colores Pantone , aunque no es necesario. Pantone es una empresa creadora del “Pantone Matching System”, un sistema de identificación y comparación de colores. A este modo de color se lo considera un color sólido ,a diferencia de los modelos anteriores. El sistema se basa en una paleta o gama de colores, las Guías Pantone, de manera que muchas veces es posible obtener otros por mezclas de tintas predeterminadas.
14
En los colores pantone, se distribuyen los colores en pequeñas tarjetas de tamaño 15x5 cm aprox. , en las que se imprime en un lado las muestras de color.
Cada color se describe por una numeración y unas siglas en función de su objetivo: en este caso , las siglas TPX(Textil Paper eXtended) designan que el color se usará en una superfície de papel
15
1.4 Ejercicio propuesto: colores complementarios, análogos y tríada.
Resultados finales Con la ayuda de una página web , se eligieron los diferentes colores que pedia el enunciado y se diseñó, a partir de la imagen de referencia, las nuevas ilustraciones. Más adelante , se jugó con la opacidad y los matices, para lograr diferentes alternativas.
Enunciado: - Con la teoría del color , y la teoría de los colores complementarios, elaborar una ilustración basada en una gama de colores complementarios , una de colores análogos y una tríada de colores , así como una variación en sus matices
Imagen original Colores complementarios
16
Colores análogos
Colores tríada
17
Colores complementarios :
Color base
Matiz 80% ocpacidad
Matiz 60% opacidad
Matiz 40% opacidad
#844D9E #F9ED3A
18
19
Color base
Colores anรกlogos :
Matiz 80% ocpacidad
Matiz 60% opacidad
Matiz 40% opacidad
#30499B #4CB2D4 #56B949
20
21
Color base
Colores trĂada :
Matiz 80% ocpacidad
Matiz 60% opacidad
Matiz 40% opacidad
#844D9E #56B949 #F3A530
22
23
Portada Infomag duotono
1.4.2 Ejercicio propuesto: Portada INFOMAG Enunciado: - Elaborar una portada para la revista INFOMAG. Temรกtica libre. La portada debe funcionar en una gama cromรกtica y en duotono. Medidas portada INFOMAG: 16x31cm
Portada Infomag definitiva
24
Portada Infomag grises
25
1.5 Psicología del color La psicología del color es un campo de estudio que está dirigido a analizar cómo percibimos y nos comportamos ante distintos colores, así como las emociones que suscitan en nosotros dichos tonos. Hay ciertos aspectos subjetivos en la psicología del color, por lo que no hay que olvidar que pueden existir ciertas variaciones en la interpretación y el significado entre culturas. Muchas empresas diseñan sus logos teniendo en cuenta los colores que emplean, pues de esta manera envían un mensaje u otro al consumidor. Cuando se decora una tienda también se valora qué colores se emplean, pues es casi una necesidad que la gente sienta el deseo de comprar cuando está en el local
Es común hablar de colores cálidos, como el rojo, el amarillo o el naranja, que pueden suscitar distintas reacciones, desde positivas (calidez) o negativas (hostilidad y enfado). O, por contra, también solemos hablar de colores fríos, como el verde o el azul, que suelen provocar una sensación de calma pero también tristeza
26
Algunos ejemplos y sus significados: Blanco En las culturas occidentales (y también en algunas orientales, como la hindú), el color blanco representa lo puro e inocente, así como la limpieza, la paz y la virtud. En culturas orientales y africanas es el color de la muerte: el alma pura que se va.
Naranja El naranja se asocia al entusiasmo y la acción. También puede relacionarse con la lujuria y la sensualidad, con lo divino y la exaltación
Rojo Amarillo El amarillo representa la luz y el oro. Suele relacionarse con la felicidad, la riqueza, el poder, la abundancia, la fuerza y la acción. No obstante, los investigadores lo consideran uno de los colores más ambiguos, pues también representa la envidia, la ira y la traición. La excesiva presencia de amarillo puede llegar a irritar a una persona.
Negro El negro tiene connotaciones negativas pues se asocia a la muerte, a lo malvado o a la destrucción. En cambio, en el antiguo Egipto representaba la fertilidad y el crecimiento. Debido a su relación con la oscuridad, el negro simboliza el misterio y lo desconocido. En el mundo de la moda, el negro es el color de la elegancia, la formalidad y la sobriedad.
El rojo se asocia a la estimulación, la pasión, la fuerza, la revolución, la virilidad y el peligro. Probablemente, esto tenga mucho que ver con que el rojo es el color de la sangre, que también asociamos a cierta noción de vitalidad, agresividad y sensaciones extremas
Morado El color morado representa la sofisticación y la elegancia. Además, se suele asociar este color al misterio, la nostalgia y la espiritualidad
Gris El gris tiene connotaciones un tanto distintas según la cultura. Mientras alguna gente percibe este color como la indeterminación o la mediocridad, los expertos en psicología del color le dan un significado distinto: la paz, la tenacidad y la tranquilidad
27
1.5.1 “2 colores, 5 sentidos”
Color NEGRO: El negro es un color fuerte,
asociado a la muerte, la violencia, el misterio, la elegancia y hasta cierto punto; a la sensualidad. Vista
Gusto
Enunciado: -Aplicando la teoría del color , relaizar una búsqueda de imágenes en las que se relacionen los colores con los diferentes sentidos del cuerpo humano.
28
29
Olfato
Color AZUL: El color azul simboliza todos los
Tacto
sentimientos que van más allá de la simple pasión y que permanecen en el tiempo. Es el color de la confianza y la simpatía. El azul también es símbolo de la fidelidad. También se le asocia con lo eterno Vista
Tacto
Oído
30
31
OĂdo
Enunciado: -Aplicando la teorĂa del color , realizar una bĂşsqueda de una fruta y un paisaje, e invertir sus colores para que exprese un sentimiento completamente contrario al que ya tiene.
Gusto
Olfato 32
1.5.2 Con. inversa 33
2. COMPOSICIÓN 34
35
¿Qué es? La composición es la disposición equilibrada de los elementos que se ordenan para expresar sensaciones favorables en un espacio determinado. La distribución de estos elementos debe realizarse en función de una estructura que tenga un significación clara o una intención con el mensaje que se quiera transmitir. En una composición tenemos que tener en cuenta tanto los espacios llenos que ocupan las formas como los vacios.
2.1 Tipos de encuadre El encuadre
Factores compositivos
El encuadre concreta los límites de la imagen. Determina la parte seleccionada de la realidad representada. En el encuadre se deben analizar los siguientes elementos:
Los planos
Gran plano general (G.P.G.)
La persona sólo ocupa tres cuartos o la mitad de la pantalla. No hay elementos que destaquen y el espacio es enorme.
Plano general (P.G.)
Recoge todo el cuerpo y queda un pequeño margen en la parte superior e inferior de la pantalla.
Plano tres cuartos o plano americano.
Desde la parte superior de la cabeza hasta las rodillas. Sirve para captar la interpretación o expresión del cuerpo.
La angulación Es el ángulo que forma el punto de vista del espectador ante el objeto. Puede ser: Picado (punto de vista de arriba abajo), ofrece la sensación de superioridad sobre el objeto. Contrapicado (de abajo hacia arriba), da sensación de inferioridad, realce, solemnidad. Normal (puntos de vista y objeto en el mismo plano) superior del torso.a.
Plano normal o plano medio (P.N.)
Desde la parte superior de la cabeza a la cintura. El p.m. corto recoge hasta la mitad del torso.
Primer plano (P.P.)
Desde la parte superior de la cabeza a la parte superior del torso. Un p.p. grande recoge la cara del personaje con aire a los lados. Representa una imagen elemental o la expresión de la cara.
Primerísimo primer plano o plano de detalle (P.P.P.) La cara del personaje cubre la pantalla entera.
36
37
2.1.1 Fotos con encuadre
Plano americano
Gran Plano General
Plano General
Primer plano
38
Plano normal
PrimerĂsimo primer plano
39
2.2Tipos de composición Tipos de composición El equilibrio Tenemos tendencia a buscar los ejes en los que descansa la composición y en ellos la estabilidad o equilibrio de la misma. Lo opuesto crea inestabilidad.
40
La referencia horizontal Necesitamos ver que los objetos o partes que componen una composición están de alguna forma apoyados. La parte inferior se verá mejor que la superior, ya que será donde se constituya la base.
Zonas de preferencia visual Preferencia por el ángulo inferior izquierdo: los hábitos de lectura occidentales han motivado que la atención se centre más en la parte izquierda y en concreto en la inferior izquierda. Efecto de relajación-tensión: una composición equilibrada, simétrica o predecible produce un efecto de relajación visual; por oposición, la ausencia de ese órden visual compositivo, genera tensión en la apreciación del receptor.
41
42
43
2.2.1 Composición en anuncios de revista
Composición estática
Composición dinámica
Enunciado: Aplicando la teoría de la composición, realizar dos anuncios de revista, siendo uno del tipo estático y el otro dinámico. Temática libre.
44
45
Proceso portada estática
Proceso portada dinámica
Logotipo Goblin (fondo eliminado en Photoshop)
Logotipo Nirvana original
Tipografía utilizada:
Withmywoes Dutch801 XBd BT
Logotipo Nirvana (fondo eliminado en Photoshop)
Imagen original (para la composición únicamente se recorta) Imagen original
Imagen editada en Photoshop, eliminada la marca de agua y retocado de elementos
Tipografía utilizada:
Logotipo Nirvana final (rotado en Photoshop)
46
DirtyJabDEMO 47
3. TEXTURAS 48
49
3.1 Texturas con connotación 3.1.1 “Pascuaroid” Enunciado: Elaborar 5 fotografías de las vacaciones , incluyendo en ellas un marco de un modelo real de cámara Polaroid realizado con cartón blanco. Añadir un pie de página a cada fotografía
50
51
3.2 Texturas en la portada de un libro 3.2.1 Portada “Guerra y Paz” Enunciado:
Para realizar esta práctica he utilizado únicamente cartón como elemento base. Para realizar la parte de “guerra” , a pesar de ser una idea bastante explotada, he recurrido a romper un poco la superfície del cartón . En el otro lado , para la “paz” , he recubierto la superfície del cartón con una tiza blanca , para darle una sensación etérea, como si fueran nubes. Para darle un toque extra a la portada, escribí las iniciales de Guerra y Paz , cada una acorde con el lado de la portada que ocupaban. Así pretendía no dejar tan vacía la portada , y
Elaborar con cartón como instrumento base una portada para el libro “Guerra y Paz” de Leon Tolstoi. Fuera de uso los elementos figurativos , jugar ocn la abstracción y el uso de texturas.
52
53
4.TIPOGRAFÍA CREATIVA 54
55
4.1 Emoticonos tipográficos Enunciado: Elaborar tres emoticonos haciendo uso únicamente de elementos tipográficos , tales como letras , números, signos, etc. Porbar su reducción máxima a 2cm para ver si funcionan
Felicidad
Tristeza
Reducción máxima
56
Reducción máxima
57
Tristeza
Felicidad
Reducciรณn mรกxima
Emoticonos finales
58
59
5.VOLUMEN 60
61
5.1 “Quilling paper” Enunciado: Para trabajar el volumen, elaboraremos un trabajo únicamente con cartulina blanca, en el que mediante una técnica libre , se jugará con las sombras para crear una sensación de volumen.
62
Este ejercicio de volumen me resultó bastante complicado debido a mi mala mano con las manualidades físicas. No obstante , decidí jugar con una forma de mujer muy esquemática y hacer dobleces en los bordes para crear así un juego de sombras que le da volumen. El tamaño es de 12x15cm , por lo que ya está hecho en tamaño postal.
63
BibliografĂa
Apuntes de clase
Issuu.com
64
ElaboraciĂłn propia ( Ejercicios de clase)