Guia 5 Resuelta Diseño Grafico

131
DISEÑO GRÁFICO Y CREATIVIDAD CÉSAR LEANDRO ZAMORA PÉREZ

Transcript of Guia 5 Resuelta Diseño Grafico

Page 1: Guia 5 Resuelta Diseño Grafico

DISEÑO GRÁFICO Y CREATIVIDAD

CÉSAR LEANDRO ZAMORA PÉREZ

Page 2: Guia 5 Resuelta Diseño Grafico

JUAN DAVID RODRÍGUEZ ESCOBAR

CURSO:

TECNÓLOGO EN PRODUCCIÓN DE MULTIMEDIA

Page 3: Guia 5 Resuelta Diseño Grafico

INSTRUCTOR:

CRISTIAN ANDRÉS TAMAYO

SERVICIO NACIONAL DE APRENDIZAJE (SENA)

CENTRO DE LA INDUSTRIA, LA EMPRESA Y LOS SERVICIOS

Page 4: Guia 5 Resuelta Diseño Grafico

REGIONAL HUILA

NEIVA, 2009

1.DISEÑO GRÁFICO

Page 5: Guia 5 Resuelta Diseño Grafico
Page 6: Guia 5 Resuelta Diseño Grafico

El diseño gráfico es un saber, dentro de los múltiples con que

cuenta la cultura, para propiciar la efectividad en la

comunicación y en la difusión de la información. Se le conoce

como la actividad de concebir, programar, proyectar y realizar el

soporte que sirve de vehículo de comunicaciones visuales,

producidas, generalmente, por medios industriales y que tienen

Page 7: Guia 5 Resuelta Diseño Grafico

como objetivo  transmitir mensajes específicos a grupos o

destinatarios determinados.

La obra del diseño gráfico tiene que cumplir con propósitos

comunicativos establecidos previamente, con un interés

estético; satisfacer el criterio de quien la diseña y cumplir con

las expectativas del público a quien debe llegar.

Page 8: Guia 5 Resuelta Diseño Grafico

2. INTERFACES

Page 9: Guia 5 Resuelta Diseño Grafico
Page 10: Guia 5 Resuelta Diseño Grafico

En software, parte de un programa que permite el flujo de

información entre un usuario y la aplicación, o entre la

aplicación y otros programas o periféricos. Esa parte de un

programa está constituida por un conjunto de comandos y

métodos que permiten estas intercomunicaciones.

Page 11: Guia 5 Resuelta Diseño Grafico

Interfaz también hace referencia al conjunto de métodos para

lograr interactividad entre un usuario y una computadora. Una

interfaz puede ser del tipo GUI, o línea de comandos, etc.

También puede ser a partir de un hardware, por ejemplo, el

monitor, el teclado y el mouse, son interfaces entre el usuario y

el ordenador.

Page 12: Guia 5 Resuelta Diseño Grafico

3.TEORIA DEL COLOR

Page 13: Guia 5 Resuelta Diseño Grafico
Page 14: Guia 5 Resuelta Diseño Grafico

El color no es una característica de una imagen u objeto, sino

que es más bien una apreciación subjetiva nuestra. Se puede

definir como una sensación que se produce en respuesta a la

estimulación del ojo y de sus mecanismos nerviosos, por la

energía luminosa de ciertas longitudes de onda.

Page 15: Guia 5 Resuelta Diseño Grafico

3.1 EL CÍRCULO CROMÁTICO

Page 16: Guia 5 Resuelta Diseño Grafico

El círculo cromático nos sirve para observar la organización

básica y la interrelación de los colores.

Page 17: Guia 5 Resuelta Diseño Grafico
Page 18: Guia 5 Resuelta Diseño Grafico

Colores Primarios Amarillo, Azul y Rojo

Colores Secundarios Verde, Violeta y Naranja.

Colores Terciarios

Rojo Violáceo, Rojo anaranjado,Amarillo anaranjado, Amarillo verdoso,

Azul verdoso, Azul violáceo

Page 19: Guia 5 Resuelta Diseño Grafico

Los colores secundarios se obtienen al mezclar partes iguales de

dos primarios; los colores terciarios se consiguen al mezclar

partes iguales de un color primario y de un secundario

adyacente.

Page 20: Guia 5 Resuelta Diseño Grafico

Los primarios son colores que se consideran absolutos y que no

pueden crearse mediante la mezcla de otros colores. Sin

embargo, mezclar los primarios en diversas combinaciones crea

un número infinito de colores.

Page 21: Guia 5 Resuelta Diseño Grafico

3.2 PROPIEDADES DEL COLOR

EL TONO

Es el matiz del color, es decir el color en sí mismo, supone su

cualidad cromática, es simplemente un sinónimo de color. Es la

Page 22: Guia 5 Resuelta Diseño Grafico

cualidad que define la mezcla de un color con blanco y negro.

Está relacionado con la longitud de onda de su radiación. Según

su tonalidad se puede decir que un color es rojo, amarillo,

verde. Existen dos tipos de tonos:

1. Tonos cálidos: Aquellos que asociamos con la luz solar, el fuego (rojo, amarillo y anaranjado).

Page 23: Guia 5 Resuelta Diseño Grafico

2. Tonos fríos: Los colores fríos son aquellos que asociamos con el agua, la luz de la luna (azul y verde).

BRILLANTEZ

Page 24: Guia 5 Resuelta Diseño Grafico

Tiene que ver con la intensidad o el nivel de energía. Es la

luminosidad de un color (o la capacidad de reflejar el blanco), es

decir, el brillo.

Alude a la claridad u oscuridad de un tono. Es una condición

variable, que puede alterar fundamentalmente la apariencia de

Page 25: Guia 5 Resuelta Diseño Grafico

un color. La luminosidad puede variar añadiendo negro o blanco

a un tono.

Page 26: Guia 5 Resuelta Diseño Grafico
Page 27: Guia 5 Resuelta Diseño Grafico

SATURACIÓN

Page 28: Guia 5 Resuelta Diseño Grafico

Está relacionada con la pureza cromática o falta de dilución con

el blanco. Constituye la pureza del color respecto al gris, y

depende de la cantidad de blanco presente. Cuanto más

saturado está un color, más puro es y menos mezcla de gris

posee.

Page 29: Guia 5 Resuelta Diseño Grafico
Page 30: Guia 5 Resuelta Diseño Grafico

3.3 LA PSICOLOGÍA DEL COLOR

Page 31: Guia 5 Resuelta Diseño Grafico

Los colores despiertan respuestas emocionales específicas en

las personas. El factor psicológico está formado por las

diferentes impresiones que emanan del ambiente creado por el

color, que pueden ser de calma, de recogimiento, de plenitud,

de alegría, opresión, violencia.

Page 32: Guia 5 Resuelta Diseño Grafico
Page 33: Guia 5 Resuelta Diseño Grafico

COLORES CÁLIDOS

El ardiente remite al rojo de máxima saturación en el círculo

cromático; es el rojo en su estado más intenso. Los colores

ardientes se proyectan hacia fuera y atraen la atención. Por esta

razón, a menudo se usa el rojo en letreros y el diseño gráfico.

Page 34: Guia 5 Resuelta Diseño Grafico

Los colores ardientes son fuertes y agresivos, y parecen vibrar

dentro de su espacio propio. El poder de los colores ardientes

afecta a la gente de muchas maneras, tales como el aumento de

la presión sanguínea y la estimulación del sistema nervioso.

COLORES FRÍOS

Page 35: Guia 5 Resuelta Diseño Grafico

Los sentimientos generados por los colores fríos azul, verde y

verde azulado son opuestos a los generados por los colores

ardientes; el azul frío aminora el metabolismo y aumenta

nuestra sensación de calma.

COLORES CLAROS

Page 36: Guia 5 Resuelta Diseño Grafico

Los colores claros son los pasteles más pálidos. Toman su

claridad de una ausencia de color visible en su composición, son

casi transparentes. Cuando la claridad aumenta, las variaciones

entre los distintos tonos disminuyen.

Los colores claros descubren los alrededores y sugieren

liviandad, descanso, suavidad y fluidez. Se parecen a las

Page 37: Guia 5 Resuelta Diseño Grafico

cortinas transparentes de una ventana, y envían un mensaje de

distensión. Son el color marfil, rosa, celeste, beige.

COLORES OSCUROS

Page 38: Guia 5 Resuelta Diseño Grafico

Los colores oscuros son tonos que contienen negro en su

composición. Encierran el espacio y lo hacen parecer más

pequeño. Los colores oscuros son concentrados y serios en su

efecto.

En cuanto a las estaciones, sugieren el otoño y el invierno.

Combinar juntos los claros y los oscuros es una manera común y

Page 39: Guia 5 Resuelta Diseño Grafico

dramática de representar los opuestos de la naturaleza, tales

como el día y la noche.

COLORES BRILLANTES

Page 40: Guia 5 Resuelta Diseño Grafico

La claridad de los colores brillantes se logra por la omisión del

gris o el negro. Los colores azules, rojos, amarillos y naranjas

son colores de brillo pleno. Los colores brillantes son vívidos y

atraen la atención.

Un bus escolar amarillo, un racimo de globos de colores, el rojo

de la nariz de un payaso nunca pasan inadvertidos. Estimulantes

Page 41: Guia 5 Resuelta Diseño Grafico

y alegres, los colores brillantes son colores perfectos para ser

utilizados en envases, moda y publicidad.

Page 42: Guia 5 Resuelta Diseño Grafico

3.4 SIGNIFICADO DE LOS COLORES

Page 43: Guia 5 Resuelta Diseño Grafico
Page 44: Guia 5 Resuelta Diseño Grafico

BLANCO

Se halla en el extremo de la gama de los grises.. Es un color

latente por su capacidad de potenciar los otros colores vecinos.

El blanco puede expresar paz, soleado, feliz, activo, puro e

inocente.

Page 45: Guia 5 Resuelta Diseño Grafico

NEGRO

Page 46: Guia 5 Resuelta Diseño Grafico

Al igual que el blanco, también se encuentra en el extremo de la

gama de grises. Es el símbolo del silencio, del misterio y, en

ocasiones, puede significar impuro y maligno. Confiere nobleza y

elegancia, sobre todo cuando es brillante.

GRIS

Page 47: Guia 5 Resuelta Diseño Grafico

Simboliza la indecisión y la ausencia de energía, expresa duda y

melancolía. Los colores metálicos tienen una imagen lustrosa,

adoptando las cualidades de los metales que representan. Dan

impresión de frialdad metálica, pero también dan sensación de

brillantez, lujo, elegancia, por su asociación con los metales

preciosos.

Page 48: Guia 5 Resuelta Diseño Grafico

AMARILLO

Es el color más luminoso, más cálido, ardiente y expansivo. Es el

color del sol, de la luz y del oro, y como tal es violento, intenso y

agudo. Suelen interpretarse como animados, joviales,

excitantes, afectivos e impulsivos.

Page 49: Guia 5 Resuelta Diseño Grafico

NARANJA

Posee fuerza activa, radiante y expansiva. Tiene un carácter

acogedor, cálido, estimulante y una cualidad dinámica muy

Page 50: Guia 5 Resuelta Diseño Grafico

positiva y energética.

ROJO

Significa la vitalidad, es el color de la sangre, de la pasión, de la

fuerza bruta y del fuego. Está ligado al principio de la vida,

Page 51: Guia 5 Resuelta Diseño Grafico

expresa la sensualidad, la virilidad, la energía; es exultante y

agresivo. El rojo es el símbolo de la pasión ardiente y

desbordada, de la sexualidad y el erotismo.

AZUL

Page 52: Guia 5 Resuelta Diseño Grafico

Es el símbolo de la profundidad. Inmaterial y frío, suscita una

predisposición favorable. La sensación de placidez que provoca

el azul es distinta de la calma o reposo terrestres, propios del

verde. Expresa armonía, amistad, fidelidad, serenidad, sosiego.

Posee la virtud de crear la ilusión óptica de retroceder. Este

color se asocia con el cielo, el mar y el aire. El azul claro puede

sugerir optimismo.

Page 53: Guia 5 Resuelta Diseño Grafico

VIOLETA

Es el color de la templanza, de la lucidez y de la reflexión. Es

místico, melancólico y podría representar también la

introversión.

Page 54: Guia 5 Resuelta Diseño Grafico

VERDE

Es el color más tranquilo y sedante. Evoca la vegetación, el

frescor y la naturaleza. Es el color de la calma indiferente: no

transmite alegría, tristeza o pasión. Cuando algo reverdece

suscita la esperanza de una vida renovada.

Page 55: Guia 5 Resuelta Diseño Grafico

MARRÓN

Es un color masculino, severo, confortable. Es evocador del

ambiente local otoñal y da la impresión de gravedad y equilibrio.

Es el color realista, tal vez porque es el color de la tierra que

pisamos.

Page 56: Guia 5 Resuelta Diseño Grafico
Page 57: Guia 5 Resuelta Diseño Grafico

4. TIPOGRAFÍA

Definimos la tipografía como el arte o la técnica de reproducir la

comunicación mediante la palabra impresa, transmitir con cierta

habilidad, elegancia y eficacia, las palabras.

Page 58: Guia 5 Resuelta Diseño Grafico
Page 59: Guia 5 Resuelta Diseño Grafico

La tipografía es el reflejo de una época. Por ello la evolución del

diseño de las mismas responde a proyecciones tecnológicas y

artísticas. El signo tipográfico se ha considerado como uno de

los miembros más activos de los cambios culturales del hombre.

En los primeros signos de escritura, cada signo nos expresa una

idea, un concepto o una cosa; estos signos se combinan entre sí

Page 60: Guia 5 Resuelta Diseño Grafico

para comunicar ideas más complejas. Estos sistemas de

escritura son los pictogramáticos, jeroglíficos e ideogramáticos.

El campo tipográfico abarca la realización de libros, periódicos,

anuncios publicitarios, revistas y cualquier otro documento

impreso que se comunique con otros mediante palabras.

Page 61: Guia 5 Resuelta Diseño Grafico
Page 62: Guia 5 Resuelta Diseño Grafico
Page 63: Guia 5 Resuelta Diseño Grafico

5. COMPOSICIÓN DE LA IMAGEN

La composición consiste en la selección y colocación de objetos

en el área que queremos fotografiar o filmar.

Page 64: Guia 5 Resuelta Diseño Grafico
Page 65: Guia 5 Resuelta Diseño Grafico
Page 66: Guia 5 Resuelta Diseño Grafico

5.1 REGLAS DE COMPOSICIÓN

EL ENCUADRE

Page 67: Guia 5 Resuelta Diseño Grafico

Consiste en elegir lo que se quiere incluir y lo que vamos a

excluir desde nuestro marco fotográfico, y tomar la posición

respecto de los demás. Existen dos tipos de encuadre:

Page 68: Guia 5 Resuelta Diseño Grafico

ENCUADRE SIMPLE ENCUADRE COMPUESTO

Consiste en definir y ubicar en

primer plano el objeto principal de

la fotografía.

En la misma composición un

elemento se encuadra con otro

dentro de la misma fotografía,

haciéndolo destacar dentro de la

Page 69: Guia 5 Resuelta Diseño Grafico

misma.

Page 70: Guia 5 Resuelta Diseño Grafico

ANGULACIÓN

Un motivo puede encuadrarse desde diversos ángulos,

acercándose o alejándose de éstos, desde arriba o desde abajo.

Page 71: Guia 5 Resuelta Diseño Grafico

1. Toma a nivel: Es cuando la fotografía se realiza desde el

mismo nivel del objeto tomado; ni por encima ni por debajo

de él. Sirve para mostrar o describir algo de manera

"natural" u "objetiva".

Page 72: Guia 5 Resuelta Diseño Grafico
Page 73: Guia 5 Resuelta Diseño Grafico

2. Toma en picado: Es cuando la imagen se toma desde una

posición más alta que el objeto fotografiado, de arriba

hacia abajo.

Page 74: Guia 5 Resuelta Diseño Grafico
Page 75: Guia 5 Resuelta Diseño Grafico

3. Toma en contrapicado: La fotografía se realiza desde un

lugar más bajo que el motivo tomado. El objeto se aprecia

engrandecido visualmente, puede en algunos casos

connotar enaltecimiento, importancia o poder.

Page 76: Guia 5 Resuelta Diseño Grafico
Page 77: Guia 5 Resuelta Diseño Grafico

4. Toma en cenital: La imagen se toma en un ángulo

totalmente de arriba hacia abajo, en posición

perpendicular con respecto al suelo, es decir, lo más

extremo posible de una toma en picado.

Page 78: Guia 5 Resuelta Diseño Grafico
Page 79: Guia 5 Resuelta Diseño Grafico

REGLA DE LOS TERCIOS

En el recuadro fotográfico se trazan, imaginariamente, dos

líneas verticales y dos horizontales, siendo en torno a alguno de

los cuatro puntos donde se cruzan las cuatro líneas, en donde

Page 80: Guia 5 Resuelta Diseño Grafico

debe colocarse el motivo que deseamos resaltar dentro de la

composición.

RESOLUCIÓN DE IMAGEN

Page 81: Guia 5 Resuelta Diseño Grafico

Indica cuánto detalle puede observarse en una imagen. El

término se utiliza para describir cuán nítida es una imagen de

fotografía. Tener mayor resolución se traduce en obtener una

imagen con más detalle o calidad visual.

Page 82: Guia 5 Resuelta Diseño Grafico
Page 83: Guia 5 Resuelta Diseño Grafico
Page 84: Guia 5 Resuelta Diseño Grafico

6. SOFTWARE PARA DISEÑO GRÁFICO

Existen diferentes programas y aplicaciones que permiten la

creación, el tratamiento y la edición de imágenes; de tal manera

Page 85: Guia 5 Resuelta Diseño Grafico

que el diseño final cumpla con un objetivo esencial: comunicar

de manera acertada una idea o mensaje.

6.1 CORELDRAW

Page 86: Guia 5 Resuelta Diseño Grafico
Page 87: Guia 5 Resuelta Diseño Grafico

CorelDRAW Graphics Suite es un conjunto de aplicaciones de

diseño gráfico, orientadas a desarrolladores visuales que

integra todo lo necesario para realizar tareas de edición.

CorelDRAW Graphics Suite incluye:

Page 88: Guia 5 Resuelta Diseño Grafico

- CorelDRAW (para crear todo tipo de imágenes vectoriales).

- Corel Capture (para realizar capturas desde una amplia

gama de dispositivos).

- Corel Photo Paint (para retocar fotografías/imágenes y

agregar efectos).

- Corel PowerTRACE (convierte imágenes de mapa de bits a

vectoriales para editarlas posteriormente).

Page 89: Guia 5 Resuelta Diseño Grafico

6.2 PHOTOSHOP

Adobe Photoshop es una aplicación para la creación, edición y retoque de imágenes. Es desarrollado por la compañía Adobe

Page 90: Guia 5 Resuelta Diseño Grafico

Systems. Se lanzó originalmente para computadoras Apple, pero luego saltó a la plataforma Windows.

Page 91: Guia 5 Resuelta Diseño Grafico
Page 92: Guia 5 Resuelta Diseño Grafico

6.3 ADOBE ILLUSTRATOR

Page 93: Guia 5 Resuelta Diseño Grafico
Page 94: Guia 5 Resuelta Diseño Grafico
Page 95: Guia 5 Resuelta Diseño Grafico

Adobe Illustrator (Ai) es una aplicación en forma de taller de

arte que trabaja sobre un tablero de dibujo, conocido como

"mesa de trabajo”.

Está destinado a la creación artística de dibujo y pintura para

Ilustración (Ilustración como rama del Arte digital aplicado a la

Ilustración técnica o el Diseño gráfico, entre otros).

Page 96: Guia 5 Resuelta Diseño Grafico
Page 97: Guia 5 Resuelta Diseño Grafico

7. LA CREATIVIDAD

Page 98: Guia 5 Resuelta Diseño Grafico
Page 99: Guia 5 Resuelta Diseño Grafico

La creatividad es la facultad de crear o la capacidad de creación.

Consiste en encontrar métodos u objetos para realizar tareas de

maneras nuevas o distintas, con la intención de satisfacer un

propósito. La creatividad permite cumplir los deseos de forma

más rápida, fácil, eficiente o económica.

Page 100: Guia 5 Resuelta Diseño Grafico

La generación de nuevas ideas y conceptos también se conoce

como inventiva, pensamiento original o imaginación

constructiva.

Page 101: Guia 5 Resuelta Diseño Grafico

7.1 TÉCNICAS DE CREATIVIDAD

SCAMPER

Se utiliza para mejorar un producto, servicio o proceso

existente. El objetivo es formular preguntas teniendo en cuenta

Page 102: Guia 5 Resuelta Diseño Grafico

las siguientes acciones: sustituir, combinar, adaptar, eliminar.

Se pueden formular preguntas como las siguientes:

- ¿Qué se puede sustituir?

- ¿Qué se puede combinar internamente?

- ¿Qué se puede combinar con un factor exterior? etc.

Page 103: Guia 5 Resuelta Diseño Grafico

BLUE SLIP

Es una dinámica creativa, pensada para grupos de más de cinco

personas. Se solicita a un grupo de personas que escriba ideas

en tarjetas de 4 x 3 pulgadas en respuesta a una o varias

preguntas.

Page 104: Guia 5 Resuelta Diseño Grafico

Se otorga un tiempo determinado para que cada participante

llene una o varias tarjetas, estas se recogen y se colocan dentro

de un sobre.

Luego, las tarjetas se pueden utilizar en un análisis posterior

para determinar planes de acción, cultivar ideas innovadoras o

Page 105: Guia 5 Resuelta Diseño Grafico

generar puntos de partida de posteriores dinámicas.

BRAINWRITING

Provee una forma eficaz para recolectar ideas de un grupo de

personas sobre cómo resolver un problema, desarrollar un

Page 106: Guia 5 Resuelta Diseño Grafico

proyecto o mejorar una situación existente.

Se debe explicar y discutir los puntos del un asunto a tratar.

Luego un miembro del grupo coloca las tres primeras ideas que

se le ocurran en la parte superior de una hoja de papel. Se

repite el procedimiento.

Page 107: Guia 5 Resuelta Diseño Grafico

Al final, las ideas recogidas serán discutidas y analizadas en el

mismo grupo u otro diferente.

Page 108: Guia 5 Resuelta Diseño Grafico

7.2 CARACTERÍSTICAS DEL PENSAMIENTO CREATIVO

Page 109: Guia 5 Resuelta Diseño Grafico

• LA FLUIDEZ : Capacidad de generar varias ideas sobre un

asunto.

• LA FLEXIBILIDAD: Considerar diferentes alternativas de

respuesta o solución. Tener una visión más amplia.

• LA ORIGINALIDAD: Pensar en ideas que no se le han

ocurrido a nadie. Ver los problemas de otra forma.

Page 110: Guia 5 Resuelta Diseño Grafico

• LA ELABORACIÓN: Añadir elementos o detalles a las ideas

que ya existen y/o modificar sus atributos.

Page 111: Guia 5 Resuelta Diseño Grafico

7.3 CREATIVIDAD: EJEMPLO

Page 112: Guia 5 Resuelta Diseño Grafico
Page 113: Guia 5 Resuelta Diseño Grafico
Page 114: Guia 5 Resuelta Diseño Grafico

El hombre primitivo inventó la rueda para poder mover objetos

con más facilidad. Más tarde buscó la forma de que girara con

mayor libertad y la puso sobre un soporte.