curso de diseño gráfico

7/13/2019 Curso de Diseo Grfico

1/928

Curso de Diseo Grfico

CLASE1

www.FreeLibros.me


2/928

TemasEl Diseo

Diseo GrficoConcepto

Funcinreas

Elementos bsicos del diseador

Proceso de Diseo

Elementos bsicos de composicin

Adobe Illustrator

CLASE 1

www.FreeLibros.me


3/928

IndiceConcepto de Diseo....................................................................................1

Concepto de Diseo Grfico.........................................................................7

Funcin.......................................................................................................7

reas...........................................................................................................8Elementos bsicos del diseador...............................................................17

Proceso de diseo.....................................................................................18

Adobe Illustrator........................................................................................19

Barra de herramientas...............................................................................21

Elementos bsicos de composicin............................................................25

Creacin de formas - El punto...................................................................28

Exportar documento en Illustrator como jpg..............................................30

CLASE 1

www.FreeLibros.me


4/928

Introduccin al Diseo Grfico

Para poder realizar cualquier pieza grfica, debemos comprender primero qu es eldiseo, el diseo grfico, sus reas y elementos bsicos.

Objetivos

. Introduccin al Diseo

. Aprender a manejar diferentes herramientas empleadas en Diseo Grfico como las

formas bsicas, que ayudan a crear piezas grficas ordenadas y creativas.

Concepto de Diseo

Proceso previo de configuracin mental "pre-figuracin" en la bsqueda de una solucinen cualquier campo.

Capacidad de organizar y jerarquizar elementos y darles un sentido prctico a fin

conseguir un todo que cumpla un objetivo de comunicacin.

Prctica social especializada, que consiste en el procesa-miento racional e intuitivo deuna serie de variables objetivas y subjetivas.

El Diseo se divide en diferentes disciplinas:

Diseo textilDiseo de ModaDiseo GrficoDiseo de MultimediosDiseo WebDiseo IndustrialDiseo de Informacin

1Curso de Diseo Grfico

CLASE 1

www.FreeLibros.me


5/928

Diseo Textil

2 Curso de Diseo Grfico

CLASE 1

www.FreeLibros.me


6/9283Curso de Diseo Grfico

Diseo de Modas

CLASE 1

www.FreeLibros.me


7/9284 Curso de Diseo Grfico

Diseo de Multimedios

CLASE 1

www.FreeLibros.me


8/928

Diseo Web


CLASE 1

www.FreeLibros.me



Diseo Industrial

CLASE 1

www.FreeLibros.me



Concepto de Diseo Grfico

Podemos definir el diseo grfico como el proceso de programar, proyectar, coordinar,seleccionar y organizar una serie de elementos para producir objetos visuales destinadosa comunicar mensajes especficos a grupos de-terminados.

Funcin

Transmitir una informacin determinada por medio de composiciones grficas, que sehacen llegar al pblico destinatario a travs de diferentes soportes, como folletos,

carteles, trpticos, etc.

Elementos

El diseo grfico busca transmitir las ideas esenciales del mensaje de forma clara ydirecta, usando para ello dife-rentes elementos grficos que den forma al mensaje y lohagan fcilmente entendible por los destinatarios del mismo. Estos elementos puedenser:

Elementos Conceptuales(Punto, lnea, plano, volumen)Elementos Visuales(Forma, medida, color, textura)Elementos de Relacin(Direccin, posicin, espacio, gra-vedad)Elementos Prcticos(Representacin, Significado, Funcin)EstructurasRetculas

El Diseo Grfico es algo ms que la suma de elementos.

El diseador debe conocer a fondo los diferentes recursos grficos que tiene a sudisposicin y tener la imaginacin, la experiencia, el buen gusto y el sentido comnnecesarios para combinarlos de forma adecuada.

El resultado final de un diseo grfico compone una obra final nica y definida que vams all de la suma de las partes que la forman.

CLASE 1

www.FreeLibros.me



reas

Existen diferentes reas dentro del Diseo grfico:

Imagen corporativa(marcas, logos)

Diseo editorial(folletos, revistas, libros)

Packaging(envases)

Sealtica(sistema de seales)

Diseo publicitario

Imagen Corporativa

CLASE 1

www.FreeLibros.me



Papelera institucional

CLASE 1

www.FreeLibros.me


13/928

Diseo Editorial


CLASE 1

www.FreeLibros.me



CLASE 1

www.FreeLibros.me



Packaging

CLASE 1

www.FreeLibros.me



Diseo Publicitario

CLASE 1

www.FreeLibros.me


17/928

Sealtica


CLASE 1

www.FreeLibros.me


18/928

Merchandising


CLASE 1

www.FreeLibros.me



Grfica vehicular

CLASE 1

www.FreeLibros.me


20/928

Diseo de Vestimenta


Elementos bsicos del diseador

Lenguaje Visual: Saber comunicar el mensaje adecuado, con los recursos oportunos,dependiendo del grupo de personas o pblico al que vaya dirigido el mensaje.

Comunicacin:Conocer los procesos de comunicacin, para poder captar los mensajes

que el diseo ha de comunicar.

Percepcin Visual: es la manera en que las personas vemos y percibimos lo que nosrodea.

Administracin de recursos: Conocer todos los recursos de los que se dispone, yaplicarlos lo mejor posible.

CLASE 1

www.FreeLibros.me



Proceso de diseo

Cuando se encara un proyecto de diseo, se deben realizar distintos pasos para lograr elresultado final.

1- Problema2- Definicin del problema3- Definicin y reconocimiento de sub-problemas4- Recopilacin de datos5- Anlisis de datos6- Creatividad7- Materiales - Tecnologa8- Experimentacin9- Modelos10- Verificacin11- Solucin

Otros aspectos a tener en cuenta son:

Los objetivosLa audienciaLas estrategiasLos requisitos o especificacionesElementos grficosEstructura y organizacinInventario de contenidos

Presupuesto

CLASE 1

www.FreeLibros.me



Adobe Illustrator

En este curso aprenderemos a manejar estesoftware, desde sus principales funcionespara realizar varias piezas grficas.

Es la principal herramienta para los disea-dores grficos.

Trabaja sobre un tablero de dibujo, conocido

como "mesa de trabajo" y est destinado a lacreacin artstica de dibujo y pintura paraIlustracin.

Su uso en el diseo grfico es fundamentalpara crear isologotipos, adems de piezasgrficas tales como papelera corporativa,folletos, packaging, etc.

Informacin general sobre el espacio de trabajo

Dentro de la aplicacin, aparecen distintos elementos como paneles, barras, mens yventanas, conformando el espacio de trabajo.

. El panel Herramientas incluye utilidades para crear y editar imgenes, elementos depgina, etc. Las herramientas relacionadas estn agrupadas.

. La barra Aplicacinde la parte superior contiene un conmutador de espacio de trabajo,mens y otros controles de la aplicacin.

. El panel Control muestra opciones especficas de la herramienta seleccionada en elmomento.

. La ventana Documentoexhibe el archivo en el que se trabaja. Las ventanas Documentose pueden organizar como fichas y, en ciertos casos, tambin se pueden agrupar y

acoplar.

. Los paneles ayudan a controlar y modificar el trabajo. Se pueden agrupar, apilar oacoplar.

CLASE 1

www.FreeLibros.me



Cuando se inicia la aplicacin, aparece una ventana con diferentes opciones:

CLASE 1

www.FreeLibros.me


24/928

Barra de herramientas


CLASE 1

www.FreeLibros.me



Abrir documento nuevo

CLASE 1

www.FreeLibros.me



Guardar documento en Illustrator

Para guardar el documento o archivo que hemos realizado en Illustrator, se debeguardarlo como:

. archivo .ai (archivo de Illustrator)

CONTROL +S (teclado)

Men ARCHIVO / GUARDAR.

CLASE 1

www.FreeLibros.me



Guardar documento como .pdfPara guardar el documento o archivo que hemos realizado en Illustrator como pdf,hacemos click en:

Men ARCHIVO / GUARDAR COMO y en TIPO hacer click en Adobe pdf.

CLASE 1

www.FreeLibros.me



Elementos bsicos de composicin

Las imgenes contienen unidades de significacin: el punto, la lnea, el plano, elcontorno, la textura y el color, etc.

Cada uno tiene caractersticas diferentes, lo que les permite desempear funcionesdeterminadas dentro de la composicin.

El punto

Es la unidad mnima de comunicacin visual, el elemento grfico fundamental y por tantoel ms importante y puede intensificar su valor por medio del color, el tamao y laposicin en el plano.

En sentido grfico, el punto es la unidad grfica ms pequea, ms simple, es elelemento plstico bsico.

El punto est definido por su color, dimensin y sobre todo por el dinamismo que puede

reflejar dependiendo de donde lo situemos dentro del plano.

Cuando vemos varios puntos dentro de una determinada composicin, por el principiode agrupacin, podemos construir formas, contornos, tono o color.

CLASE 1

www.FreeLibros.me



Caractersticas del punto:

Tiene un gran poder de atraccin cuando se encuentra solo.

Puede producir sensacin de tensin cuando se aade otro punto y construyen unvector direccional.

Da lugar a la creacin de otros conceptos como el color cuando aparecen varios puntosen el mismo campo visual.

CLASE 1

www.FreeLibros.me



CLASE 1

www.FreeLibros.me


31/928

Creacin de formas

En Illustrator existen diferentes herramientas para realizar objetos: Rectngulos,cuadrados, crculos, etc.

Las formas las creamos desde laHerramienta de rectngulo.

Aestas formas podemos darle colores determinados.

Los colores se ubican en la paleta de colores.

En la imagen el modo de color es CMYK (cian, magenta, amarillo y negro), que son loscolores utilizados para imprenta.


CLASE 1

www.FreeLibros.me



En la barra de Herramientas se encuentra el color de relleno y el color de borde quepueden tener las figuras dibujadas.

Para realizar figuras de una medida determinada , se debe seleccionar la herramienta detal figura y hacer click sobre la hoja.

All aparecer una ventana donde se pondrn las medidas concretas.

Tambin apareceen el Panel color

CLASE 1

www.FreeLibros.me



Exportar documento en Illustrator como jpg

Men ARCHIVO / EXPORTAR aparece una ventana y en TIPO seleccionamos jpg

CLASE 1

www.FreeLibros.me


34/928

CLASE 1


Importante: colocar en Modo de COLOR: RGB y a 150 dpi para una buena visualizacin.

Ejercicios

Realizar 1 composicin de 20 cm x 20 cm en Illustrator con puntos enblanco y negro y otra composicin con puntos en color. Exportarlascomo jpg en RGB.

Los puntos pueden realizarse con crculos o cuadrados.

www.FreeLibros.me



CLASE 1

Ejemplos de composiciones

con puntos en blanco y negro

www.FreeLibros.me


36/928

CLASE 1

33Curso de Diseo Grfico www.FreeLibros.me



CLASE 1

Ejemplos de composiciones

con puntos en color

www.FreeLibros.me


38/928


CLASE2

www.FreeLibros.me


39/928

TemasElementos bsicos de composicin

. Lnea

. Plano (crculo, cuadrado, tringulo)

. Volumen

. Pintura en Illustrator

CLASE2

www.FreeLibros.me


40/928

IndiceLa lnea.......................................................................................................1

El Plano.......................................................................................................3

El cuadrado.................................................................................................3

El Crculo.....................................................................................................4El tringulo..................................................................................................5

Volumen......................................................................................................7

Acerca de los rellenos y los trazos..............................................................7

Dibujo con Illustrator...................................................................................9

CLASE2

www.FreeLibros.me


41/928

La lnea

Sirve para conectar dos puntos en el espacio.

Podemos definirla como la unin o aproximacin de varios puntos.

Definen direccionalmente la composicin en la q ue la insertemos.

Su presencia crea tensin en el espacio donde la ubiquemos y afecta a los diferenteselementos que conviven con ella.

Puede definirse tambin como un punto en movimiento o como la historia delmovimiento de un punto, por lo cual tiene una enorme energa, nunca es est tica.

Adems la lnea separa planos, permitiendo crear diferentes niveles y volmenes.

Es uno de los elementos grficos ms utilizados, ya que definen y delimitan lasdiferentes reas de nuestra composicin, adems dirige la direccin de lectura dentro de

una composicin, haciendo que el espectador observe el lugar adecuado.


CLASE2

www.FreeLibros.me



CLASE2

www.FreeLibros.me



Ejercicios

1. Realizar 1 composicin de 20 cm x 20 cm en Illustrator con lneas enblanco y negro. Exportarla como jpg en RGB

2. Realizar 1 composicin de 20 cm x 20 cm en Illustrator con lneas encolor.

El plano

El recorrido de una lnea en movimiento se convierte en un plano. Tiene posicin yDireccin. Esta limitado por lneas.

Define los lmites extremos de un volumen.

El cuadrado

Es una figura de cuatro lados con ngulos rectos exactamente iguales en sus esquinas ylados que tienen exactamente la misma longitud.

Es una figura estable y de carcter permanente. Se asocia a ideas de estabilidad,permanencia, torpeza, honestidad, rectitud, esmero y equilibrio.

CLASE2

www.FreeLibros.me


44/928

El crculo

Es una figura continuamente curvada cuyo permetro equidista en todos sus puntos delcentro. Representa tanto el rea que abarca, como el movimiento de rotacin que loproduce.

Puede tener diferentes significaciones: proteccin, inestabilidad, totalidad, infinitud,calidez, cerrado. Su direccionalidad es la curva y su proyeccin tridimensional la esfera.


CLASE2

www.FreeLibros.me



El tringulo

Equiltero es una figura de tres lados cuyos ngulos y lados son todos iguales.

Es tambin una figura estable, con tres puntos de apoyo, uno en cada vrtice, aunque notan esttico como el cuadrado. Se le asocian significados de accin, conflicto y tensin.

CLASE2

Dibujar tringulos en Illustrator

Para dibujar tringulos, existen dos maneras:

Dibujar con la herramienta Pluma1. Se selecciona la herramienta Pluma

2. Se hace un click en la hoja, se posiciona elpuntero en otra parte para formar una lnearecta y se hace click.

3. Se vuelve a posicionar el punteropara formar otra lnea recta.

www.FreeLibros.me



CLASE2

Se posiciona el puntero en el primer nodo y se hace click formando as el tringulo.

Se dibuja el tringulo a partir de la figura polgono

Se selecciona la herramienta polgono,se hace click en cualquier parte de lahoja, aparece una ventana donde le es-pecificamos medida y cantidad de lados(3). Le damos OK.

Ejercicios

1. Realizar 1 composicin de 20 cm x 20 cm en Illustrator con tringulosblanco y negro. Exportarla como jpg en RGB

2. Realizar 1 composicin de 20 cm x 20 cm en Illustrator con tringulosen color.

www.FreeLibros.me


47/928

Acerca de los rellenos y los trazos

Un relleno es un color, motivo o degradado situado en el interior de un objeto. Puedeaplicar rellenos a objetos abiertos y cerrados y a las caras de los grupos de pinturainteractiva.

Un trazo puede ser el contorno visible de un objeto, un trazado o el borde de un grupo depintura interactiva. Es posible controlar la anchura y el color de un trazo. Tambin puedecrear trazos discontinuos mediante las opciones de Trazado y pintar trazos estilizadoscon la ayuda de los pinceles.

Los colores de relleno y trazo aplicados actualmentese muestran en el panel Herramientas.

Controles de relleno y trazo

Los controles para ajustar el relleno y el trazo estn disponibles en los panelesHerramientas, Control y Color.

Se pueden utilizar cualquiera de los controles del panel Herramientas para especificar elcolor:

Botn RellenoHacer doble clic para seleccionar un color de relleno a travs del Selector decolor.

CLASE2

Volumen

El recorrido de un plano en movimiento se convierte en volumen, tiene posicin en elespacio, est limitado por planos y obviamente en un diseo bidimensional el volumenes ilusorio.



48/928

Botn TrazoHacer doble clic para seleccionar un color de trazo a travs del Selector decolor.

Botn Intercambiar relleno y trazoHacer clic para intercambiar los colores entre el rellenoy el trazo.

Botn Relleno y trazo por defectoHacer clic para recuperar los ajustes de colores pordefecto (relleno blanco y trazo negro).

Botn ColorHacer clic para aplicar el color uniforme seleccionado en ltimo lugar a un

objeto con relleno de degradado o sin trazo ni relleno.

Botn Degradado Hacer clic para cambiar el relleno seleccionado actualmente por eldegradado seleccionado en ltimo lugar.

Botn NingunoHacer clic para eliminar el relleno o el trazo del objeto seleccionado.Tambin se puede especificar el color y el trazo de un objeto seleccionado mediante lossiguientes controles del panel de control:

Color de rellenoHacer clic para abrir el panel Muestras o pulsar la tecla Mays y hacerclic para abrir un panel de modo de color alternativo y escoger un color.

Color de trazoHacer clic para abrir el panel Muestras o pulsar la tecla Mays y hacerclic para abrir un panel de modo de color alternativo y escoja un color.

Panel Trazo Hacer clic en la palabra Trazo para abrir el panel Trazo y especificar lasopciones.

Grosor de trazoEscoger un grosor de trazo del men emergente.

Cmo aplicar un color de relleno a un objeto

Se puede aplicar un color, motivo o degradado a todo un objeto o utilizar los grupos depintura interactiva y aplicar distintos colores a las diferentes caras del objeto.

1Seleccionar el objeto.2Hacer clic en el cuadro Relleno de los paneles Herramientas o de control. Esta accinindica que desea aplicar un relleno en lugar de un trazo.

CLASE2

8 Curso de Diseo Grficowww.FreeLibros.me


49/928

3Seleccionar un color de relleno mediante una de las acciones siguientes: Haga clic en un color de los paneles de control, Color, Muestras o Degradado o en unabiblioteca de muestras.

Haga clic en el botn Ninguno para eliminar el relleno actual del objeto

Cmo aplicar un color, grosor o alineacin de trazo

1Seleccionar el objeto. (Para seleccionar un borde de un grupo de pintura interactiva,utilice la herramienta Seleccin de pintura interactiva).2Hacer clic en el cuadro Trazo de los paneles Herramientas, Color o de control. Estaaccin indica que desea aplicar un trazo en lugar de un relleno.

3Elegir un color del panel Color o una muestra del panel Muestras o del panel de control.Como alternativa, haga doble clic en el cuadro Trazo y seleccione un color con el Selector

de color.4Seleccionar un grosor en el panel Trazo o en el panel de control.

Dibujo con Illustrator

Illustrator incorpora varias herramientas de dibujo:

. Lpiz

. Pincel

. Pluma

. Segmentos de lneas

. Arcos

CLASE2



50/928

Pinceles

Acerca de los pinceles

Los pinceles permiten estilizar la apariencia de los trazados. Se pueden aplicar trazos depincel a trazados existentes, o usar la herramienta Pincel para dibujar un trazado yaplicarle un trazo de pincel simultneamente.

En Illustrator existen cuatro tipos de pinceles: caligrfico, de dispersin, de arte y demotivo. Con estos pinceles se pueden conseguir los efectos siguientes:

Pinceles caligrficos Crean trazos similares a los de la punta afilada de una plumacaligrfica, dibujados a lo largo del centro del trazado. Con la herramienta pincel demanchas, se puede pintar con un pincel caligrfico y ampliar automticamente el trazodel pincel a una forma de relleno que se combine con otros objetos rellenos del mismocolor que estn en la interseccin o juntos en orden de apilamiento.

Pinceles de dispersinDispersan copias de un objeto (como un insecto o una hoja) a lolargo del trazado.

Pinceles de arteModifican la forma de un pincel (como Trazos carboncillo) o la forma deun objeto uniformemente por todo el trazado.

CLASE2



51/928

Pinceles de motivoDibujan un motivo, formado por azulejos individuales, q ue se repite alo largo del trazado. Los pinceles de motivo pueden incluir como mximo cinco azulejos,destinados a los lados, la esquina interior, la esquina exterior, el comienzo y el final delmotivo.

Para cambiar el tipo de pincel, se debe ir al panel Pinceles. All podremos cambiar eltamao del dimetro y los diferentes tipos de pinceles.

Para cambiar el tipo de pincel, se debe hacer clic en las carpetitas del extremo inferiorizquierdo.

Dibujo con la herramienta Lpiz

La herramienta Lpiz trabaja principalmente de la misma manera en Adobe Illustrator eInDesign.

Permite dibujar trazados abiertos y cerrados como si lo hiciera con un lpiz sobre unpapel. Su principal utilidad consiste en crear bocetos rpidos o dar un aspecto de dibujo a

mano.Una vez dibujado un trazado, se puede modificarlo inmediatamente si es necesario.

CLASE2



52/928

Segn se dibuja con la herramienta Lpiz, se crean puntos de ancla y no puede deter-minar dnde se colocan, aunque una vez completado el trazado, stos se pueden ajustar.

El nmero de puntos de ancla creados viene determinado por la longitud y lacomplejidad del trazado y por los ajustes de tolerancia del cuadro de dilogo Preferenciasde la herramienta Lpiz.

Estos a justes controlan la sensibilidad de la herramienta Lpiz a l movimiento del ratn.

Dibujo de lneas rectas con la herramienta Segmento de lnea

Utilizar la herramienta Segmento de lnea cuando se desee dibujar segmentos de lnearecta de uno en uno.

CLASE2



53/928

CLASE2

Ejemplos de composicionescon lneas



54/928

CLASE2

Ejemplos de composicionescon tringulos



55/928

CLASE2

Ejemplo de composicin con volumen



56/928


CLASE3

www.FreeLibros.me


57/928

TemasPercepcin

Leyes de la Gestalt

CLASE 3

www.FreeLibros.me


58/928

CLASE 3

IndicePercepcin...................................................................................................1

Agrupar y bloquear objetos en Illustrator.....................................................1

Panel Transformar........................................................................................4

Leyes de percepcin....................................................................................4Organizar objetos.........................................................................................8

www.FreeLibros.me



Percepcin

Es la unidad bsica de conocimiento y consiste en un proceso de integracin delindividuo con lo que ve.

La percepcin es una interpretacin de las sensaciones.

La percepcin consiste en recibir, a travs de los sentidos, las imgenes, sonidos,impresiones o sensaciones externas.

Se trata de una funcin psquica que permite al organismo captar, elaborar e interpretarla informacin que llega desde el entorno.

Si sabemos como es el proceso de percepcin fsica y psicolgica de losobjetos, podremos ser capaces de tener ms elementos para poder influir en elreceptor de nuestro trabajo de diseo.

Cmo percibimos los objetos:

- Brillantez- Color- Tamao- Forma

CLASE 3

www.FreeLibros.me



Agrupar y bloquear objetos en Illustrator

En Illustrator, cuando en un documento se tienen 2 o ms objetos, para podertrasladarlos o seleccionarlos sin moverlos accidentalmente, se deben agrupar.

Para realizar algunas tareas, hay veces que es necesario bloquear objetos para que nomolesten en la transformacin de otros objetos ni para moverlos accidentalmente.

Agrupar: control +GDesagrupar: control +shift +G

Bloquear: control +2Desbloquear: Men Objeto / Desbloquear todo

Transformacin de objetosen Illustrator

La transformacin abarca mover, rotar, reflejar, cambiar escala y distorsionar objetos.

Se puede transformar objetos mediante el panel Transformar, los comandos Objeto >

Transformar y algunas herramientas especializadas.

CLASE 3

www.FreeLibros.me



Tambin se pueden realizar muchos tipos de transformaciones arrastrando el cuadrodelimitador de una seleccin.

Es posible reflejar elementos.

Tambin se puede cambiar la perspectiva.

CLASE 3

www.FreeLibros.me



Panel Transformar

El panel Transformar (Ventana > Transformar) muestra in-formacin acerca de laubicacin, el tamao y la orientacin de uno o varios objetos seleccionados.

Se puede modificar los objetos seleccionados o sus rellenos de motivos introduciendovalores nuevos. Tambin se puede cambiar el punto de referencia de la transformacin yblo-quear las proporciones del objeto.

Leyes de percepcin (Gestalt)

La percepcin est condicionada por el aprendizaje o conocimiento previo que tengamosde los objetos.Nuestro cerebro tiene tendencia a ubicar los elementos dentro de los parmetros

referenciales que nos hemos construidos a travs de la experiencia previa oconocimiento.

Hay varios factores que influyen en la percepcin, como son:

La agrupacin: tendemos a organizar los elementos que percibimos en torno a conjuntossignificativos organizados.

CLASE 3

www.FreeLibros.me



Proximidad

Los elementos tienen a agruparse con los que se encuentran a menor distancia. Influyentambin la semejanza de la forma, el tamao, el color y otros aspectos visuales de loselementos.

En el primer grupo, percibimos ms prontamente caminos estrechos, y no anchos; en elsegundo caso, percibimos antes el pequeo grupo de tres, antes que la forma de cinco dela derecha.

La cercana de los distintos elementos nos hace tender a agruparlos.

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm con proximidad de elementos. Exportar como jpg.

CLASE 3

www.FreeLibros.me



Similitud o semejanza

Tendemos a percibir agrupados los objetos iguales, miramos las filas de crculos ycuadrados, pero no apreciamos las columnas.

Continuidad

Los elementos orientados en la misma direccin tienden a organizarse en una formadeterminada.

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm con similitud de elementos. Exportar como jpg.

CLASE 3

www.FreeLibros.me


65/928

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm utilizando continuidad de elementos. Exportar como jpg.


Ley de cierre o clausura

La percepcin tiende a complementar la formade los elementos que puedan dar definicin ycontinuidad a lo observado; tambin se conocecomo reintegracin y de "buena forma" .

Efecto por el cual el observador tienden acerrar, reintegrar y completar la informacin

necesaria para conformar un objeto percibido.

CLASE 3

www.FreeLibros.me


66/928

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20

cm utilizando Ley de Cierre o clausura. Exportar como jpg.


CLASE 3

www.FreeLibros.me



Ley de simplicidad

Cuando miramos una figura la percibimos de la manera ms simple posible.

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm utilizando Ley de Simplicidad. Exportar como jpg.

Figura y fondo

Cualquier campo perceptual puede dividirse en figura contra un fondo. Lafigura se distingue del fondo por caractersticas como: tamao, forma, color,posicin, etc.

CLASE 3

www.FreeLibros.me


68/928

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm utilizando Ley de Simplicidad. Exportar como jpg.


Ley del contraste

La posicin relativa de los diferentes elementos incide sobre la atribucin decualidades (como ser el tamao) de los mismos. Amayor contraste de la forma

contra el fondo, mejor percepcin.

Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm utilizando Ley de Contraste. Exportar como jpg.

Ley de Simetra

Los elementos semejantes separados por un eje de simetra se agrupanconformando una unidad o totalidad reconocible.

CLASE 3

www.FreeLibros.me



Ejercicio: realizar en Adobe Illustrator 1 composiciones de 20 cm x 20cm utilizando Ley de Simetra. Exportar como jpg.

Organizar objetos

Illustrator nos permite organizar diferentes objetos, con respecto a suubicacin en el plano.

. Traer al frente

. Hacia delante

. Hacia atrs

. Enviar atrs

Se selecciona la imagen, click con botn derecho, Organizar.

CLASE 3

www.FreeLibros.me


70/928


CLASE4

www.FreeLibros.me


71/928

TemasEquilibrio

Espacio

Formas

Composiciones formales

CLASE4

www.FreeLibros.me


72/928

CLASE4

IndiceTipos de Percepcin.....................................................................................1

Equilibrio.....................................................................................................1

Espacio........................................................................................................3

Ilusin de volumen en el espacio................................................................7Elementos Visuales - Forma.........................................................................7

Medida........................................................................................................8

Color............................................................................................................9

Textura.......................................................................................................10

www.FreeLibros.me



Tipos de percepcin

a) Percepcin del espacio (tridimensional).

b) Percepcin de tamao.

c) Percepcin de tiempo

Elementos importantes dentro de la percepcin

Equilibrio Forma Espacio Luz Color Tensin Peso Direccin

Simplicidad Dibujo

Equilibrio

El receptor tiene necesidad de buscar el equilibrio de la composicin y los ejes en los

cuales descansa. El desequilibrio crea provocacin e inestabilidad.

Podemos conseguir en nuestra composicin un equilibrio de formas y lneas, es decir, lospesos de los elementos deben estar compensados.

La manera de medir el peso de las formas y lneas del diseo es, analizando laimportancia visual de stos dentro de nuestra composicin.

CLASE4

www.FreeLibros.me



Existen dos tipos de equilibrio:

El equilibrio simtrico.

Si dividimos la composicin en dos extremos, el equilibrio simtrico se produce cuandoencontramos igualdad de peso y tono en ambos lados de nuestra composicin.

El equilibrio asimtrico.

Se produce cuando no existe las mismas dimensiones (ya sea de tamao, color...) enambos lados, pero an as existe equilibrio entre los elementos.

CLASE4

www.FreeLibros.me



Espacio

Es la distancia o el rea entre o alrededor de las cosas.

Efectos que nos produce el espacio, dentro de nuestro campo visual:

- Al utilizar espacio en blanco en una composicin, el ojo descansa.

- Lograremos una mayor profundidad en nuestro diseo si superponemos un elementocon otro.

CLASE4

www.FreeLibros.me



- Si utilizamos mucho espacio en blanco,alrededor de un objeto, imagen o texto,conseguiremos que sobresalga y destaque delresto de la composicin.

- Si utilizamos un espaciamiento desigual entre los elemen-tos, crearemos una pginadinmica.

CLASE4

www.FreeLibros.me



CLASE4

www.FreeLibros.me



El espacio empieza con reas vacas que luego son activadas, llenadas o transformadaspor elementos diversos.

El espacio ocupado suele denominarse positivo, el espacio no ocupado se denominaespacio negativo.

Ilusin de profundidad en el espacio

Un espacio parece poseer profundidad cuando una forma se superpone a otra sin unirse

a ella.

Cuando las dos formas tienen igualtamao, la sensacin de profundidades menor.

La ilusin de profundidad es mayormediante tamaos diferentes.

Tambin puede darse sensacin de profundidad girando figuras y cambindolesproporciones.

Ejercicio: Realizar en Adobe Illustrator 1 composicin creandosensacin de profundidad.

CLASE4

www.FreeLibros.me



Ilusin de volumen en el espacio

Los volmenes aparecen cuando los planos se curvan para formar cilindros, o cuando losplanos se unen partiendo de direcciones diferentes y parecen encerrar un espacio.

Los planos pueden ser slidos, estar formados por una secuencia de lneas y puntos,estar contorneados o ser una combinacin de esos mtodos.

Elementos Visuales

Forma

Todo lo que pueda ser visto poseeuna forma que aporta la identificacinprincipal en nuestra percepcin.

Es la caracterstica esencial que captala vista .

La forma se refiere a las caractersticasestructurales de los objetos.

La forma alude a los lmites de los objetos, los cuales pueden ser lineales, de contornos ode superficies y a la correspondencia entre interior y exterior.

CLASE4

www.FreeLibros.me



Medida

El tamao de las formas.

Es relativo si lo describimos en trminos de magnitud y pequeez, pero as es fsi-camente mesurable.

CLASE4

www.FreeLibros.me



Color

Una forma se distingue de sus cercanas por medio del color.

El color se utiliza en su sentido amplio, comprendiendo no solo los del espectro solarsino tambin los neutros (blanco, negro, los grises intermedios) y as mismo sus varia-ciones tonales y cromticas.

CLASE4

www.FreeLibros.me



Textura

Se refiere a las cercanas de la superficie de una forma. Puede ser plana o decorada,suave o rugosa y puede atraer tanto el tacto como la vista .

EjercicioRealizar en Adobe Illustrator 1 flyer (volante, folleto de una sola cara)

tamao A4 aplicando los conceptos de formas, medidas, color ytextura. Cliente o producto a eleccin. Debe contener nombre delcliente y direccin.

CLASE4

www.FreeLibros.me



CLASE4

Ejemplos de Flyers

www.FreeLibros.me



CLASE4

www.FreeLibros.me


87/928


CLASE5

www.FreeLibros.me


88/928

TemasInterrelacin de formas


Retculas

CLASE5

www.FreeLibros.me


89/928

CLASE5

IndiceInterrelacin de Formas..............................................................................1

Composiciones formales.............................................................................3

Traslacin....................................................................................................4

Rotacin......................................................................................................5Reflexin.....................................................................................................5

Retculas.....................................................................................................6

www.FreeLibros.me



Interrelacin de Formas

Las Formas pueden encontrarse entre si de diferentes maneras.

A. Distanciamiento:Ambas formas quedan separadas entre si, aunque puedan estar muy cercanas.

B. Toque:Si acercamos ambas formas, comienzan a tocarse. El espacio que las mantena

separadas queda anulado.

C. SuperposicinSi acercamos an ms las formas, una se cruza sobre la otra y parece estar por encima,cubriendo una porcin de la cual queda debajo.

CLASE5

www.FreeLibros.me



D. PenetracinNo hay una relacin obvia de arriba y debajo de ellas, y los contornos de ambas formassiguen siendo enteramente visibles.

E. UninAmbas formas quedan reunidas y se convierten en una sola mayor. Ambas pierden unaparte de su contorno.

F. Sustraccin

Cuando una forma invisible se cruza sobre otra visible, el resultado es una sustraccin.La porcin de la forma visible que queda cubierta por la invisible se convierte asimismo

en invisible.

La sustraccin puede ser considerada como la superposicin de una forma negativasobre una positiva.

CLASE5

www.FreeLibros.me



G. Interseccin

Como resultado de la interseccin, surge una forma nueva y ms pequea.

H. Coincidencia

Si acercamos aun ms ambas formas, habrn de coincidir. Ambas formas se convierten enuna.


Los cuatro modos de producir composiciones formales se ba-san en conceptos

matemticos de simetra. Su utilizacin combinada conduce a numerosas variaciones,que incluyen:

. Translacin (o cambio de posicin)

. Rotacin (o cambio de direccin)

. Reflexin (o creacin de una imagenreflejada de la forma)

. Dilatacin (o cambio de tamao)

CLASE5

www.FreeLibros.me



Traslacin

La traslacin es la repeticin de una forma en un diseo.

La traslacin de una forma hace cambiar su posicin.

Sin embargo, la direccin de la forma permanece invariable.

En las composiciones formales, las formas sometidas a la traslacin estn espaciadasregularmente.

Las traslaciones pueden ser verticales, horizontales, diagonales, o una combinacin deellas.

La distancia entre las formas puede medirse, despus de obtener una posicinsatisfactoria, usando como gua un ngulo de la forma.

Esto produce una ordenacin estructural que regula el diseo definitivo.

CLASE5

www.FreeLibros.me



Rotacin

La rotacin de una forma tiene por resultado un cambio en su direccin, produce tambinun cambio en su posicin.

Las formas radian cuando rotan regularmente alrededor de un centro de referencia.

Reflexin

La reflexin de unas forma o un grupo de formas puede tener por resultado una simetrabilateral (una imagen de espejo de la forma).

Esta es solo posible cuando la forma es simtrica. La rotacin de una forma en cualquierdireccin no puede nunca producir su forma reflejada.

CLASE5

www.FreeLibros.me



Ejercicio 1: realizar en Adobe Illustrator 1 carpeta institucionaltamao 42 cm x 29,7 cm abierta aplicando alguna o varias de lascomposiciones formales.

CLASE5

TAPACONTRATAPA

Carpeta institucional abierta

www.FreeLibros.me


96/928

CLASE5



97/928

La retcula bsica

Se entiende como una voluntad de orden y

claridad, en busca de una unidad en lapresentacin de las informaciones visuales.

La retcula para algunos diseadores grficosproporciona precisin, orden y claridad.

CLASE5

Retculas

La retcula es la base de las estructuras, es la suma de lneas que generan sistemas decoordenadas, con el propsito de organizar formas, elementos, cuerpos, objetos,mdulos en un espacio determinado.

Se puede definir como una plantilla, impone orden, uniformidad y coherencia, transmiteestructura y una cierta mecnica, frente a algo desordenado, desestructurado o catico.



98/928

CLASE5



99/928

CLASE5



100/928

La retcula es un sistema que parcela la informacin en fragmentos manejables.

Los objetos semejantes se disponen de una manera parecida, a fin de que sussemejantes resulten ms evidentes y, as, ms reconocibles, por lo tanto se puedeconcluir que la retcula es un organizador visual.

La retcula es la ms frecuentemente usada en las estructuras de repeticin.

Se compone de lneas verticales y horizontales, perfectamente bien espaciadas, que secruzan entre s lo que resulta en una cantidad de subdivisiones cuadradas de igual

medida.

Aporta a cada mdulo una misma cantidad de espacio, arriba, abajo, a la izquierda y a laderecha.

Excepto por la direccin generada por los mismos mdulos, las direcciones verticales yhorizontales quedan equilibradas, sin un dominio obvio de una direccin sobre la otra.

CLASE5



101/928

Para incorporar imgenes en Illustrator, nos vamos a Archivo / Colocaro en ingls:File / Place. Buscamos la imagen y le damos Aceptar.

CLASE5

Ejercicio 1 Parte 1

Elegir una de las siguientes composiciones e insertarla en Illustrator y

realizar las retculas correspondientes con lneas verticales y horizon-tales segn corresponda.

Ejercicio 1 Parte 2

Elegir una de las retculas realizadas en el ejercicio anterior y aplicarlasen una publicidad grfica.

Ejercicio 2Realizar una nota de revista con su correspondiente retcula en unahoja A4.



102/928

CLASE5



103/928

CLASE5



104/928

CLASE5



105/928

CLASE5



106/928

CLASE5



107/928

CLASE5



108/928

CLASE5



109/928

CLASE5



110/928

CLASE5



111/928

CLASE5



112/928


CLASE6

www.FreeLibros.me


113/928

TemasComposiciones informales

CLASE6

www.FreeLibros.me


114/928

CLASE6

IndiceComposiciones informales..........................................................................1

Gravedad.....................................................................................................1

Contraste....................................................................................................2

Ritmo..........................................................................................................4Centro de inters........................................................................................7

www.FreeLibros.me



Composiciones informales

Las composiciones informales no dependen de clculos matemticos, sino de un ojosensible a la creacin de un equilibrio asimtrico y una unidad general medianteelementos y formas libremente dispuestos.

No existen procedimientos fijos, pero pueden utilizarse los siguientes como criteriospara valorar las composiciones informales.

Gravedad

Peso y equilibrio de las formas. El diseador manipula el modo en q ue los pesos de lasformas sern percibidos.

La gravedad afecta el equilibrio de los elementos en unacomposicin.

CLASE6

www.FreeLibros.me



Ejercicio: realizar un afiche aplicando gravedad.

ContrasteDiferencias visuales (caractersticas de forma y color), dimensionales o cuantita tivas quedistinguen una forma, parte de una forma o un grupo de formas de otra forma, otra partede la misma forma u otro grupo de formas

CLASE6

www.FreeLibros.me



Ejercicio: realizar un afiche aplicando contraste.

CLASE6

www.FreeLibros.me



Ritmo

Movimiento y velocidad sugeridos, similares a desarrollos meldicos en la msica.

El ritmo se genera mediante la manipulacin de las direcciones de los elementos y de los

espacios entre ellos.

Los elementos pueden ser paralelos, similares, contrastados o radiados

CLASE6

www.FreeLibros.me



CLASE6

www.FreeLibros.me



Ejercicio: realizar un afiche aplicando ritmo

CLASE6

www.FreeLibros.me



Centro de inters

Punto focal que atrae la mirada o define la zona de convergencia, divergencia o demxima concentracin de fuerzas rtmicas.

Una composicin informal debe coordinar sus elementos alrededor de un centro deinters: un rea donde todos los elementos se originan, cesan o interaccionan,proporcionando el drama visual sin el cual el diseo se convierte en una simple

agregacin de partes

CLASE6

www.FreeLibros.me



Ejercicio: Realizar un afiche aplicando punto de inters.

CLASE6

www.FreeLibros.me


123/928

Curso de Diseo GrficoCLASE7

www.FreeLibros.me


124/928

TemasSignos

Smbolos

Seales

Pictogramas

www.FreeLibros.me


125/928

CLASE7

IndiceSignos.........................................................................................................1

Pictogramas................................................................................................5

Abstraccin.................................................................................................7

Iconicidad...................................................................................................8Grficos vectoriales.....................................................................................9

Dibujo con la herramienta Pluma..............................................................11

Vectorizacin de imagen...........................................................................14

www.FreeLibros.me



Signos

Los signos son todas aq uellas cosas que, por su naturaleza, apariencia o por unaconvencin prefijada y compartida, nos evocan en el entendimiento la idea de otra cosa.

Los signos son representaciones visuales, auditivas o gestuales que dependen deaspectos culturales, sociales y religiosos.

CLASE7

www.FreeLibros.me



Cada signo se caracteriza por la presencia de un elemento perceptible, que est en lugardel objeto y lo evoca.

El signo se puede dividir en dos partes :

Significante, que es la forma, el aspecto sintctico, el elemento perceptible.

Significado, que hace referencia al nivel semntico, o sea, al concepto, el mensaje quequiere transmitir.

Es una unidad capaz de trasmitir contenidos represen-tativos, es decir, es un objetomaterial, llamado significante, que se percibe gracias a los sentidos y que en el procesocomunicativo es portador de una informacin llamada significado.

La funcin del signo es re-presentar sustituir, ocupar el puesto de otra evocndola a

ttulo de sustituto. Seala la ausencia del objeto de sustituido, una ausencia en smisma.

Representa algo que ya fue presentado.

CLASE7

www.FreeLibros.me



Segn la forma en que el signo representa designa a su referente, puede ser clasificado

de la siguiente manera:

ndice. Mantiene relacin directa con el objeto al que se refiere. No surgeintencionalmente (cicatriz-herida; huella-animal; humo-fuego; relmpago-tormenta).

CLASE7

www.FreeLibros.me



cono.Signo que sustituye algo tomando de ste sus rasgos pertinentes. Posee algunasemejanza o analoga con su referente pero no tiene propiedades en comn con elobjeto, sino con el modelo perceptivo del mismo.

Smbolo. Hecho sensible que en un grupo social determinado se toma porrepresentacin de otro hecho, en virtud de una convencin o por alguna analoga que el

entendimiento percibe entre ellos.

Seal. Signo que aporta una informacin tendiente a promover una conducta, adeterminar una reaccin en el receptor. Es intencional, premeditada.

CLASE7

www.FreeLibros.me



CLASE7

Pictogramas

El lenguaje pictogramtico se basa en la abstraccin (proceso mental que se centra noen caracteres particulares, sino en los que son genricos y esenciales de un campovisual o de pensamiento.

El pictograma suele responder a 2 grandes universos: el de su significado y el de su

repre-sentacin

Estos dos universos deben estar siempre en completa armona, ya que cualquierdesajuste entre ellos puede provocar la no interpretacin del usuario.

www.FreeLibros.me



CLASE7

Ejercicio: Realizar un cuadro comparativo con los distintos tipos designos con ejemplos

www.FreeLibros.me



CLASE7

Abstraccin

Proceso por el cual se reduce al mximo las formas sin perder su reconocimiento.

www.FreeLibros.me



CLASE7

Iconicidad

Grado de referencialidad de una imagen, es decir la relacin de apariencias entre lapropia imagen (objeto real) y su referente.

Propiedad de los signos que tienen una relacin de semejanza con aquello querepresentan.

www.FreeLibros.me



CLASE7

Grficos vectoriales

Los grficos vectoriales (formas vectoriales u objetos vectoriales) estn compuestos delneas y curvas definidas por objetos matemticos denominados vectores, que describenuna imagen de acuerdo con sus caractersticas geomtricas.

Se pueden mover o modificar grficos vectoriales con libertad sin perder detalle niclaridad porque son independientes de la resolucin; mantienen los bordes ntidoscuando se les cambia el tamao y se guardan en un archivo PDF.

Como resultado, los grficos vectoriales son la mejor opcin para ilustraciones dediferente tipo y uso.

www.FreeLibros.me



CLASE7

Los grficos vectoriales son utilizados para la creacin de isologotipos, ya que se puedenutilizar en varios tamaos y distintos medios de salida.

Acerca de los trazados

Cuando se dibuja, se crea una lnea denominada trazado.

Un trazado consta de uno o ms segmentos rectos o curvos. El inicio y el fin de cadasegmento queda marcado por puntos de ancla.

Un trazado puede estar cerrado (por ejemplo, un crculo) o abierto, con marcados puntosfinales (por ejemplo, una lnea ondulante).

Se puede cambiar la forma de un trazado arrastrando sus puntos de ancla, los puntos dedireccin al final de las lneas de direccin que aparecen en puntos de ancla, o el propiosegmento de trazado.

Los trazados pueden tener dos tipos de puntos de ancla: puntos de vrtice y puntos desuavizado. En un punto de vrtice, un trazado cambia de direccin repentinamente. Enun punto de suavizado, los segmentos del trazado se conectan como una curva continua.

www.FreeLibros.me



CLASE7

Dibujo con la herramienta Pluma

Dibujo de segmentos de lnea rectos con la herramienta Pluma

Para dibujar trazados precisos como lneas rectas o suaves curvas, se utiliza laherramienta Pluma.

Add anchor Point Tool:Agrega nodos o puntos a un trazado.

Delete anchor Point Tool:Quita nodos o puntos a un trazado.Convert anchor Point Tool:Convierte curvas en ngulos y ngulos en curvas.

Dibujo de lneas rectas con la herramienta Pluma

El tipo de trazado ms sencillo que se puede dibujar con la herramienta Pluma es unalnea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla ynuevamente otro click.

Si se sigue haciendo clic, se crea un trazado compuesto de segmentos rectilneosconectados por puntos de vrtice.

Es decir: haciendo solamente dos clicks en lugares diferentes, esto genera dos puntos, ycon esto un segmento, un trazo dibujado.

www.FreeLibros.me



CLASE7

Los grficos vectoriales son utilizados para la creacin de isologotipos, ya que se puedenutilizar en varios tamaos y distintos medios de salida.

Dibujo de curvas con la herramienta Pluma

Para crear una curva, se aade un punto de ancla en el que la curva cambia de direccin yse arrastran las lneas de direccin que crean la curva.

La longitud y la pendiente de la lnea de direccin determinan la forma de la curva.

Las curvas son fciles de modificar y se pueden visualizar e imprimir ms rpido si sedibujan utilizando el mnimo posible de puntos de ancla. Usar demasiados puntos puedetambin introducir protuberancias no deseadas en una curva.

Como dijimos antes, para comenzar un trazado slo se deben hacer dos puntos enlugares diferentes. Pero si quiero realizar un trazado completamente curvo, debo, a cada

punto, arrastrar el puntero para que se genere la curva en cada extremo, por cada nodo.Veamos los pasos a seguir en el grfico, las flechas rojas indican la direccin de arrastreque debemos darle al puntero. Cuanto ms lo alejemos del nodo, ms pronunciada serla curva.

www.FreeLibros.me



CLASE7

Cmo mover nodos o puntos de un trazado.

Para mover nodos de lugar, se utiliza la herramienta de seleccin directa desde la barrade herramientas o mediante la tecla ( A).

Una vez seleccionada, hacemos un clic sobre el trazado. Notaremos que los tres puntosse vuelven blancos.

Seleccionamos el punto del medio con un clic, y notamos que el punto esta seleccionadoporque ha cambiado su color mientras los dems siguen estando blancos, como lomuestra la imagen.

Ahora solo nos queda arrastrar el punto hasta otro lugar.

www.FreeLibros.me


139/928

Vectorizacin de imagen

Calco de ilustraciones

La forma ms rpida de calcar ilustraciones consiste en abrir o colocar un archivo enIllustrator y calcar automticamente la ilustracin con el comando Calco interactivo.

Se puede controlar el nivel de detalle y el modo en que se rellena el calco.

Cuando se haya obtenido el resultado que se desea, se puede convertir el calco entrazados vectoriales o en un objeto de calco interactivo.

CLASE7


Hacer click en Boton Opcionesde Calco para realizar ajustes

www.FreeLibros.me


140/928

En la ventana marcaremoslos ajustes deseados.


Hacer click en Pintura Interactiva o Live Paint

Nos quedar la imagen vectorizada

CLASE7

www.FreeLibros.me


141/928

CLASE7


Ejercicio: Realizar abstraccin con distintos grados de iconicidadde 3 objetos.

Ejercicio: Realizar abstraccin con mximo grado de iconicidad de

objetos a eleccin para elaborar un men de cafe/bar tamao A4.

www.FreeLibros.me


142/928


CLASE8

www.FreeLibros.me


143/928

TemasTeora del color

CLASE8

www.FreeLibros.me


144/928

CLASE8

IndiceEl lenguaje visual del color.........................................................................1

MEZCLA DE COLORES Sntesis aditiva...........................................................2

Sntesis sustractiva.....................................................................................3

ASPECTOS NORMATIVOS DEL COLOR - Variables Fsicas..................................4Variables Grficas........................................................................................5

Valor............................................................................................................5

Tinte............................................................................................................6

Saturacin...................................................................................................6

Color Luz y pigmento..................................................................................6

Interacciones del color: Armona y contraste...............................................8

Colores complementarios............................................................................9

Contraste....................................................................................................9

www.FreeLibros.me



El lenguaje visual del color

Cada objeto posee un poder individual de absorcin de determinadas partes de lailuminacin general.

La luz restante no absorbida es remitida como residuo lumnico. Estos rayos no son colorsino slo transmisores de informacin.

El color nace cuando este estmulo lumnico motiva al rgano de la vista a producir unasensacin de color.

Por ejemplo: una flor roja absorbe parte de la luz que recibe y refracta la longitud de ondapercibida en el ojo como color rojo.

Se podra decir entonces que el mundo externo es incoloro, el color est ausente de loselementos

El color entonces es una propiedad perceptible al ojo, reconocida por la mente y diferen-ciable no solamente de otras propiedades sino de color a color.

Los colores ofrecen la oportunidad de proyectar un estado de nimo o una sensacin.

La publicidad recurre mucho a la naturaleza subconsciente de los efectos de color.

La luz es una forma de energa que consiste en vibraciones electromagnticas que sepropagan en lnea recta con movimientos ondulantes en todas las direcciones a unavelocidad de 300.000 km/seg.

El conjunto de los colores que forman dicha luz es el espectro solar visible: rojo,anaranjado, amarillo, verde, azul y violeta .

CLASE8

www.FreeLibros.me



El campo de la ptica abarca adems las radiaciones infrarrojas (longitud de ondasuperiores) y las ultravioletas (longitud de onda inferiores) que no son percibidas por elojo humano.

MEZCLA DE COLORES

Sntesis aditiva

La sntesis aditiva trabaja con la sumatoria de energas lumnicas (colores luz) dando

como resultado mayor luminosidad, es decir, el resultado es ms luminoso que cada unode sus componentes y en condiciones ptimas, esa suma da el color blanco (mximaluminosidad). Su punto de partida es la oscuridad absoluta (no existe en un principiofuente lumnica).

Se proyectan tres haces de luz (rojo, verde y azul, denominados colores primariosgenerativos) sobre una superficie blanca, que aparece negra por la ausencia de luz.

Amedida que se va agregando un haz de luz, el color cambia en el rea de superposicinpor un color ms cercano al blanco como consecuencia del aumento de luminosidad.

El crculo cromtico:

Nos sirve para observar la organizacinbsica y la interrelacin de los colores .

Tambin lo podemos emplear comoforma para hacer la seleccin de c olorque nos parezca adecuada a nuestrodiseo.

Podemos encontrar diversos crculos decolor, pero el que aqu vemos estcompuesto de 12 colores bsicos.

CLASE8

www.FreeLibros.me



En la zona de superposicin del verde y el azul se obtiene el cyan. En la zona desuperposicin del azul con el rojo se obtiene el magenta. En la zona de superposicin delverde y el rojo se obtiene el amarillo.

Los colores obtenidos se denominan secundarios porque cada uno est formado por lafusin de dos colores luz primarios.

En la zona de superposicin de los tres haces juntos se obtiene el blanco (mximaluminosidad).

Mediante el estmulo simultneo de las tres clases de receptores de color colocados unoal lado de otro en la zona central de la superficie retiniana causar la sensacin de

blanco.

Sntesis sustractiva

La sntesis sustractiva trabaja con colores pigmento correspondientes a l cyan, magenta yamarillo.

Cuando estos tintes se mezclan sobre una superficie blanca pierden luz, se oscurecen.Esto tiene que ver con la caracterstica material del color. Como habamos visto antes, al

ser el color un pigmento absorbe parte de la luz para reflejar slo lo que le corresponde asu longitud de onda, por ende, pierde luz en el proceso y al mezclar dos o ms matices sesustrae ms luz.

CLASE8

www.FreeLibros.me



La zona de mezcla del cyan con el magenta forma el azul.

La zona de mezcla del amarillo con el magenta forma el rojo.

La zona de mezcla del cyan con el amarillo forma el verde.

La mezcla de los tres colores primarios pigmento da como resultado el negro (ausenciatotal de luz).

Esta trada se utiliza en todos los sistemas cromticos de impresin, fotografa y todo loque se refiera a la grfica, a los que se le agrega el negro como una cuarta tinta. Estesistema de cuatricroma (CMYK) permite lograr todos los colores.

ASPECTOS NORMATIVOS DEL COLOR

Variables Fsicas

Desde el punto de vista de la Fsica, el color se compone de aquellas caractersticas de laluz diferentes a las de espacio y tiempo, siendo la luz aquel aspecto de la energaradiante que el hombre percibe a travs de las sensaciones visuales que se producen porel estmulo en la retina. Estas caractersticas son tres:

- Longitud de onda dominante:corresponde a cada tinte.- Flujo luminoso:es una medida de la efectividad de la luz para provocar sensacin debrillo o luminosidad.

CLASE8

www.FreeLibros.me



- Pureza cromtica:indica la cantidad de color en porcentaje de acuerdo a un valor 0(acromtico, sin color) y 100 (croma espectral, colores del espectro).

Variables Grficas

Estas variables tienen su correspondencia con las variables fsicas. De sto sedesprende:

- Flujo luminoso =valor

- Longitud de onda =tinte

- Pureza cromtica =saturacin

Valor

Es el grado de luminosidad que tiene un color (claro u oscuro). Cuanto ms luminoso, suvalor o matiz es ms alto y por el contrario, cuanto ms oscuro, su valor o matiz es msbajo.

El color amarillo tiene el valor ms alto de luminosidad mientras que el violeta tiene elvalor ms bajo de luminosidad.

La escala de valores es bipolar y por tanto lineal (no se cierra en s misma) lo que implicaque blanco y negro nunca se unen.

Diferencia de Tono o matiz con igual valor o saturacin

Diferencia de brillo, luminosidad, con tono y saturacin constante

Diferencia de saturacin con igual valor y color

CLASE8

www.FreeLibros.me



Tinte

Es el valor diferencial de un color, la magnitud pregnante. Se especifica mediante unnombre: amarillo, rojo, azul, etc., y define al color en relacin con otro o en relacin con

su situacin frente a los dems.

El tono se mantiene en un color cuando ste deriva hacia otro.

Es un sistema cclico porque se cierra en s mismo: se observaque partiendo del amarillo, por ejemplo, y progresando por elnaranja, el rojo, el violeta, el azul y el verde, se vuelve forzosa-mente al amarillo.

Saturacin

Es el grado de pureza o brillantez que posee un color cuando carece de blanco o de negro.

Cuando un color se mezcla con otros colores, blanco, negro o gris, pierde pureza y se diceque est "quebrado" o "desaturado".

La saturacin se mide en %.

Color Luz y pigmento

Los colores menos saturados transmiten sensaciones tranquilas y suaves, por elcontrario los colores ms saturados transmiten tensin.

El matiz es la mezcla de un color con otro; en este sentido se puede hablar de rojogranate, de rojo anaranjado.

verdesaturado

verde+negro

verde+blanco

CLASE8

www.FreeLibros.me



Por otro lado hay que tener en cuenta que el color est ntima-mente relacionado con laluz y el modo en que esta se refleja.

Podemos diferenciar por esto, dos tipos de color: el color luz y el color pigmento.

El color luz:

Cuando vemos rojo es porque se ha excitado el elemento sensible a esta longitud deonda.

Cuando vemos amarillo es porque se excitan a un tiempo verde y el rojo, y cuando vemosazul celeste (cyan), es que estn funcionando simultneamente el verde y el azul (azulvioleta).

Del mismo modo pueden obtenerse colores terciarios en los que las tres luces primariasactan a la vez en distintas proporciones y que hacen posible que, por ejemplo, en untelevisor en color se perciba una enorme cantidad de valores cromticos distintos.

Este proceso de formacin de colores a partir del tro bsico (azul, verde y rojo), es lo quese conoce como sntesis aditiva.

En ella cada nuevo color secundario o terciario se obtiene por l a adicin de las partescorrespondientes de los tres fundamentales, siendo cada una de las sumas de colorsiempre ms luminosas que sus partes, con lo que se explica el que la mezcla de los trespermita la obtencin del blanco, que es por definicin, el color ms luminoso.

En este caso de lo que estamos hablando es del color luz.

El color pigmento:

Cuando manejamos colores de forma habitual no utilizamos luces, sino tintas, lpices,rotuladores; en este caso lo que estamos hablando es del color pigmento, es decirsntesis sustractiva.

CLASE8

www.FreeLibros.me



Interacciones del color: Armona y contraste

Armonizar:

Significa coordinar los diferentes valores que el color adquiere en una composicin, esdecir, cuando en una composicin todos los colores poseen una parte comn al resto delos colores componentes.

Armnicas son las combinaciones en las que se utilizan modulaciones de un mismotono, o tambin de diferentes tonos, pero que en su mezcla mantienen los unos parte de

los mismos pigmentos de los restantes.

En todas las armonas cromticas, se pueden observar tres colores: uno dominante, otrotnico y otro de mediacin.

El tono dominante, que es el ms neutro y de mayor extensin (su funcin es destacarlos otros colores que conforman nuestra composicin).

La armona ms sencilla es aquella en la que se conjugan tonos de la misma gama o deuna misma parte del crculo.

Segn diversas teoras la sensacin de armona o concordancia suscitada por unacomposicin grfica tiene su origen exclusivamente en las relaciones y en las propor-ciones de sus componentes cromticos.

CLASE8

www.FreeLibros.me



Colores complementarios

Mximo contraste, se forma con la mezcla de dos opuestos:complementario de rojo = verde (azul + amarillos)

Contraste:

Se produce cuando en una composicin los colores no tienen nada en comn. Existendiferentes tipos de contraste:

1- Contraste simultneo

Se produce por la influencia que cada tono ejerce sobre los dems al yuxtaponerse aellos en una composicin grfica.

Cada color produce simultneamente su complementario.

Si ubicamos pequeos cuadrados grises sobre fondos de colo-res puros, cuidando queigualen ambos el valor de iluminacin, a partir de una observacin persistente del fondo,aparecer el complementario tiendo al gris.

Aveces esto induce a rectificaciones correctoras.

CLASE8

www.FreeLibros.me



Por ejemplo una tela roja con bandas negras ejerce un fuerte contraste de simultaneidad:el fondo rojo hace aparecer verdosas las bandas negras.

2- Contraste de tintes

Es el ms simple de los siete. Es el de dos colores puros en su mxima saturacin.

3- Contraste cualitativo:

La nocin cualita tiva del color se fundamenta en el grado de pureza o de saturacin. Porcontraste cualita tivo designamos la oposicin entre un color saturado y luminoso y otrocolor apagado y sin resplandor.

CLASE8

www.FreeLibros.me



4- Contraste claro-oscuro:

El punto extremo est representado por blanco y negro.

5- Contraste clidos-fros:

Generalmente los colores amarillo anaranjado, naranja, rojo anaranjado, rojo y rojoviolceo son considerados clidos y el amarillo verdoso, verde, azul verdoso, azul, azulviolceo y violeta como fros.

CLASE8

www.FreeLibros.me



6- Contraste de los complementarios:

Designamos con el nombre de complementarios dos colores de pigmento cuya mezcla daun gris-negro de tono neutro.

Desde un punto de vista fsico, dos luces coloreadas cuya mezcla da una luz blanca sonigualmente complementarias.

Dos colores complementarios originan una curiosa mezcla. Se oponen entre s y exigensu presencia recproca.

Su acercamiento aviva su luminosidad pero al mezclarse se destruyen y producen ungris, como el agua y el fuego.

nicamente hay un color complementario de otro.

- amarillo : violado- amarillo-anaranjado : azul-violado

- anaranjado : azul- rojo-anaranjado : azul-verde- rojo : verde- rojo-violado : amarillo-verde

Si descomponemos estos pares de colores comple-mentarios, constatamos una vez ms que los trescolores fundamentales, amarillo, rojo y azul sevuelven a encontrar de la manera siguiente:

- amarillo : violado =amarillo : rojo y azul- azul : anaranjado =azul : rojo y amarillo- rojo : verde =rojo : amarillo y azul

7- Contraste cuantitativo:

El contraste cuantitativo concierne las relaciones de tamao de dos o de tres colores. Setrata, pues, del contraste mucho-pocoo del contraste grande-pequeo.

Podemos realizar composiciones de colores con todo tipo de tamao de manchas.

CLASE8

www.FreeLibros.me



Pero tambin nos podemos preguntar: Cul es la relacin cuan-titativa entre dos ovarios colores, que sea equilibrada y donde ninguno de los colores empleados ofrezcams importancia que los dems? Dos factores determinan la fuerza de expresin de uncolor. En primer lugar, su luminosidad y, en segundo lugar, el tamao de la mancha decolor.

Ejercicio:Buscar grficas publicitarias donde se vea cada uno de los contrastesde color.

CLASE8

www.FreeLibros.me


158/928

Curso de Diseo GrficoCLASE9

www.FreeLibros.me


159/928

TemasTipografa

www.FreeLibros.me


160/928

CLASE9

IndiceASPECTO HISTRICO.....................................................................................1

Conceptos..................................................................................................2

Desarrollo histrico de la escritura.............................................................2

Estructura de la letra..................................................................................2Partes de una letra.....................................................................................3

Clasificacin tipogrfica..............................................................................4

Variables visuales.......................................................................................6

Fuentes y familias tipogrficas...................................................................9

Medidas tipogrficas.................................................................................10

Tipografa en Illustrator..............................................................................19

www.FreeLibros.me



ASPECTO HISTRICO

Trataremos de comprender a la t ipografa no slo como uno de los elementos ms signifi-cativos de la grfica, sino como una de las primitivas necesidades del hombre: entender,hacerse entender y perdurar ms a ll de los tiempos.

La tipografa es el fiel reflejo de una po-ca. Por ello la evolucin del diseo de lasmismas responde a proyecciones tecno-

lgicas y artsticas. El signo tipogrficoha sido miembro activo de los cambiosculturales del hombre.

La temprana asociacin entre las letras yla forma humana y sus movimientos haejercido cierta influencia en el pensa-miento creativo.

Estas similitudes estructurales, quetienen su origen en las leyes de la natu-raleza, liberan a las letras de su bidimen-sionalidad y las pone en movimientohacindolas participar activamente den-tro de la composicin.

Desde sus orgenes los caracteres han

sufrido una constante transformacin,de lo antiguo a lo moderno, de lo sobrio alo exagerado, de lo orgnico a lo sint-tico. Durante este proceso han recibidoinfinidad de aportaciones, muchas vecesdependiendo del contexto histrico, pol-tico, econmico y social del que forma-ban parte.

Es gracias a estas caractersticas quepodemos clasificar las diferentes tipo-grafas.

CLASE9

www.FreeLibros.me



Conceptos

Letra:signo; representacin grfica del lenguaje hablado. Evolucin de la escritura.

Tipografa:es el arte de disear letras y componer texto de ta l modo que puedan leersede un modo fcil, eficaz y agradable.

Es el estudio de la letra, a partir de la definicin del tipo mvil de impresin.

Es el an lisis de la letra (forma y tipo de impresin).

La tipografa es el conjunto de caractersticas visuales de las letras y nmeros de untexto, tales como su diseo, su forma y su tamao.

Desarrollo histrico de la escritura

Medio por el que se ha valido el hombre para comunicar sus ideas y retenerlas en formaun tanto permanente.

Esquema de sntesis:DESARROLLO DE LA ESCRITURA

PICTOGRAMAS

MUTACIN A UNA FORMA ALFABTICA

VARIACIONES DEL ALFABETOEstructura de la letra

Es esa seal o marca que se imprime, transfiere, pinta o esculpe y viene a ser la unidadfundamental del lenguaje escrito, que en tipografa es una unidad portadora de unaforma y estilo singular.

Los caracteres pueden presentarse en: Capita les, minsculas, nmeros, Versalitas,Ligaduras, Smbolos.

Cada uno de ellos con sus formas bien definidas, permiten asociarlos a una fuente o auna familia y stas a su vez clasificarlas dentro de esa gran magnitud de formas.

CLASE9

www.FreeLibros.me



Partes de una letra

No existe una nomenclatura especfica para designar las partes de una letra. Estosson los trminos ms actuales y ms comunes, pero existen tambin otros que de-penden del tipo o que bien pueden definirse a s mismos.

Asta:Rasgo principal de la letra que la define como su forma o parte ms esencial.

Astas montantes:Son las astas principales u oblicuas de una letra, ta les como la L,B,V

Anillo:Es el asta curva cerrada que forman las letras b, p y o

Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba y que no seencuentra incluida dentro del carcter, tal como ocurre en las letras E, K o L

Cola:Asta oblcua colgante en direccin descendente que forman algunas letras como la R o K .

Ascendente: Asta que contiene la letra de caja baja y que sobresale por encima de laaltura de caja baja, las letras tales como: b, d y k .

Descendente:Asta de la letra de caja baja que se encuentra por debajo de la lnea base,como ocurre con la letra p o gLnea base:lnea sobre la q ue se apoya la altura.

Oreja:Es la terminacin o terminal que se aade a algunas letras como g o r

Ojo:El espacio en blanco que queda en el interior de las letras.

Rebaba:El espacio entre el carcter y el borde del mismo.

Serif, trazo terminal, remate o gracia: trazo de remate de un asta , brazo o cola.

CLASE9

www.FreeLibros.me



Las letras tienen una pauta, la cual se desarrolla entre 4 lineas:

1. Lnea superior de letras de rasgo ascendentes. 2. Lnea superior de altura X. 3. Lnea inferior de altura X. 4. Lnea inferior de letras de rasgo descendentes.

Lla distancia que existe entre la primera lnea y la ltima lnea se llama cuerpo del tipo.

Clasificacin tipogrfica

Hay cinco elementos que nos sirven para clasificar a las familias tipogrficas:

La presencia o ausencia del serif o remateLa forma del serifLa relacin curva o recta entre bastones y serifsLa uniformidad o variabilidad del grosor del trazoLa direccin del eje de engrosamiento

De acuerdo con esto podemos hacer un anlisis y reconocer a los dos grandes gruposfundamentales:

Tipografas con serifTipografas sans serif o de palo seco

CLASE9

www.FreeLibros.me



Las tipografas serif se clasifican en:

Romanas AntiguasRomanas de TransicinRomanas ModernasEgipcias

El patin serif, gracia o remate, es un trazo muy importante en la definicin de losdiferentes estilos, ha evolucionado formalmente de una poca a otra y constituye unelemento muy importante en la legibilidad y grado de lectura de la letra.

Tipos de patines:

1. Mixtiforme2. Filiforme3. Rectiforme4. Cuadrangular

Colas, pices o puntas

Gota Botn Bandera

Pico o gancho (pice)

1 2

3 4

CLASE9

www.FreeLibros.me



Variables visuales

Amplitud. (hace referencia a laextensin de la letra).

Los caracteres pueden modificar suforma normal estrechndose o alar-gndose, obtenindose letras ex-tracondensadas, condensadas,normales, extendidas y extraexten-

didas.

CLASE9

www.FreeLibros.me



Forma:relativo a la estructura

Los caracteres delimitan con sus perfiles una superfic

curso de diseño gráfico

Documents