28
FUNDAMENTOS

Diseño grafico

Embed Size (px)

Citation preview

Page 1: Diseño grafico

FUNDAMENTOS

Page 2: Diseño grafico

IMAGENESUna imagen es la representación visual de un objeto, unapersona, un animal o cualquier otra cosa susceptible de sercaptada por el ojo humano a través de diferentes técnicascomo la pintura, el diseño, la fotografía y el video, entreotras.

Page 3: Diseño grafico

Clasificar las imágenes es una tarea que puederealizarse basándose en múltiples criterios, en elcaso que nos ocupa nos interesa exclusivamente laforma en que esta imagen se encuentra descrita enel ordenador.

Tipos de imágenes:

Page 4: Diseño grafico

- Vectoriales.- Se componen de líneas y curvasdefinidas matemáticamente.

Page 5: Diseño grafico

-De mapa de bits.- Formada por los píxeles

Page 6: Diseño grafico

Generan imágenes de tipo vectorial (programas dedibujo orientado a objetos) porque las imagenescomprenden objetos independientes, lineasdefinidas matematicamente y figuras.

Los programas de pintura generan imágenes detipo mapa de bits

LOS PROGRAMAS DE DIBUJO

Page 7: Diseño grafico

Formatos de ArchivosRepresentan formas distintas de guardar un archivo en disco.Los formatos de archivos gráficos se diferencian en la manera de representar la información gráfica ya sea como dibujos vectoriales o como mapa de bits.

Page 8: Diseño grafico

EXTENSION SIGNIFICADO

.IFF

.BMP

.TIFF

.PNG

.GIF

.PCX

.PDF

.PICT

.JPEG

Page 9: Diseño grafico

RESOLUCIONSe refiere al número de unidades de imágenes porpulgada. En el monitor y escáneres se llama pixelesen impresoras y fotocopiadoras se llaman puntos.La resolución necesaria para escanear una imagenes la información para que el archivo se vea bien.Al aumentar el tamaño de la imagen se reduce laresolución.

Modos de colorSon formas distintas para definir los colores, tanto en pantalla como en impresión.

Page 10: Diseño grafico

RGB: Rojo verde azul (Red, Green, Blue) Es unmodelo de color basado en la síntesis aditivaimplica que se emita luz directamente de unafuente de iluminación de algún tipo, con el quees posible representar un color mediante lamezcla por adición de los tres colores luzprimarios.Para indicar con qué proporción mezclamoscada color, se asigna un valor a cada uno de loscolores primarios, de manera, por ejemplo, queel valor 0 significa que no interviene en lamezcla y, a medida que ese valor aumenta, seentiende que aporta más intensidad a la mezcla.

Page 11: Diseño grafico

COLOR MEZCLA

rojo (255,0,0),

verde (0,255,0)

azul (0,0,255),

negro (0,0,0).

blanco (255,255,255).

amarillo (255,255,0),

cian (0,255,255)

magenta (255,0,255).

Page 12: Diseño grafico

CMYK : (Cyan, Magenta, Yellow y Key o negro)Orientado a la impresión.El modelo CMYK se basa en la absorción de la luz.El color que presenta un objeto corresponde a laparte de la luz que incide sobre éste y que no esabsorbida por el objeto.

Page 13: Diseño grafico

COLOR INDEXADO Este modo reduce la gama cromática de las imágenes a un máximo de 256 colores, con lo que el tamaño del archivo tambiendisminuye. Al cambiar una imagen de modo RGB a la modalidad de color indexado, el programa reduce los tonos presentes en la misma, con lo que la imagen pierde calidad si tiene mucha riqueza cromática. Se utiliza para producción multimedia en CDROM.

Page 14: Diseño grafico

ESCALA DE GRISES Las imágenes representadasde este tipo están compuestas de sombras degrises, que van desde el negro más profundovariando gradualmente en intensidad de griseshasta llegaral blanco.

Page 15: Diseño grafico

DUOTONO El duotono es un modo de color enel que conservaremos sólo 2 tintas (2 tonos, deahí el nombre). Para conseguirlo habremos depasar la imagen a modo escala de grises, y unavez así podremos convertirla en un duotono.

Page 16: Diseño grafico

MULTICANAL: Este modo descompone laimagen en canales de escala de grises. Sieliminamos un canal de una imagen RGB o CMYKobtendremos también una imagen de este tipo.La verdad es que sus usos son escasos. Utilizadopara impresoras especiales.

Page 17: Diseño grafico

MAPA DE BITS Son aquellas imágenes que seforman a partir de píxeles.

De acuerdo a la cantidad de píxeles incluida en elmapa de bits, queda determinada la resolución dela imagen.

Page 18: Diseño grafico

COLOR LAB Consiste en tres canales, cada uno delos cuales contiene hasta 256 tonalidadesdiferentes: un canal L de Luminosidad y doscanales cromáticos

Page 19: Diseño grafico

MODOS DE COLOR EJEMPLO

RGB

CMYK

Color indexado

Escala de grises

Duotono

Page 20: Diseño grafico

MODOS DE COLOR EJEMPLO

Multicanal

Mapa de bits

Color Lab

Page 21: Diseño grafico

"EL DISEÑO NO ES DECORACIÓN NI DISTRACCIÓN, SINO PARTE DE LA

TAREA DE LA COMUNICACIÓN".

LA COMUNICACIÓN Y EL DISEÑO GRÁFICO

¿Qué fundamentos de diseño gráfico debemos tener en cuenta para el proyecto de unanueva publicación?

1. El formato: las dimensiones de la publicación. Para elegirlo, la clave no es otra que la deconsiderar su manejabilidad.

Page 22: Diseño grafico

2. El soporte: papel es sus múltiples tipos y modelos, pues determinarán un tipo decomunicación estética , medios magnéticos.

Page 23: Diseño grafico

3. La estructura: de forma o retícula y la estructura de fondo o contenido. Lo importantees que se ajusten a una lógica interna, con sentido común, que sea comprensible por unlector normal.

4. La tipografía: eje fundamental del diseño gráfico. Es el elemento formal gráfico-técnico que acompaña durante toda la lectura de cualquier publicación. La tradición nosdice que lo apropiado consiste en no utilizar más de tres fuentes, con sus variantes oestilos.

Una tipografía puede hacer que tu artículose lea con mayor facilidad o marcar ladiferencia, personalizando tu publicación.

Uno de los principios básicos del diseño es el orden, que se consigue a partir de una buena distribución de los elementos.

Page 24: Diseño grafico

5. El color: no debe saturar la vista del lector, se aconseja no usar más de cuatro colores y tener en cuenta la temática y las intenciones comunicativas estéticas de la publicación, así como la psicología el color. En muchas redacciones se habla de dos colores, por contraste y por conexión, no saturar a la vista y transmitir algo.

Page 25: Diseño grafico

6. Las imágenes: el empleo de éstas y su ligazón con los textos. Se utilizan gráficos,ilustración y fotografía. Hay que tratarlas de manera respetuosa, no abusar de lamanipulación.

Page 26: Diseño grafico

7. La jerarquía: Se dice que es la principal condición para que un texto tenga significadográficamente y pueda reforzarse informativamente. Supone darle un sentido decompresión fácil a aquello que nos hemos encontrado, incluso, jerarquía se refiere a laforma en que organizas los elementos del diseño de tal forma que el mensaje permanezcay llegue de la forma correcta al consumidor.

Page 27: Diseño grafico

8. El logo: es el elemento unificador, el símbolo que identifica y siempre se mantiene ennuestra publicación.

Los logotipos suelen ser puramente gráficos incluyendo símbolos o iconos así comotambién pueden estar compuestos por el nombre de la corporación con una tipografíaespecialmente diseñada para representar a la misma.

Page 28: Diseño grafico

http://kompaso-viajes.blogspot.com/2012/10/fundamentos-del-diseno-grafico.html

http://www.cesarmauricio.com/2011/09/tipografia-el-elemento-grafico-con-mayor-presencia-en-una-pagina/

http://mmeny.blogspot.com/2011/08/logros-de-la-prueba-en-la-parte-de.html

http://www.comunicacion-multimedia.info/2010/05/escala-de-grises-mapa-de-bits-duotono-y.html