Curso.grafico.de Descargaon ByeLMuer12

Curso de Diseo Grfico

CLASE 1

TemasEl Diseo

Diseo GrficoConcepto

Funcin

reas

Elementos bsicos del diseador

Proceso de Diseo

Elementos bsicos de composicin

Adobe Illustrator

CLASE 1

Indice

Concepto de Diseo....................................................................................1

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

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

reas...........................................................................................................8

Elementos 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

Introduccin al Diseo Grfico

Para poder realizar cualquier pieza grfica, debemos comprender primero qu es el diseo, 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 solucin en 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 de una 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

Diseo Textil

2 Curso de Diseo Grfico

CLASE 1


Diseo de Modas

CLASE 1


Diseo de Multimedios

CLASE 1

Diseo Web


CLASE 1


Diseo Industrial

CLASE 1


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 destinados a comunicar mensajes especficos a grupos de-terminados.

Funcin

Transmitir una informacin determinada por medio de composiciones grficas, que se hacen 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 y directa, usando para ello dife-rentes elementos grficos que den forma al mensaje y lo hagan fcilmente entendible por los destinatarios del mismo. Estos elementos pueden ser:

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 su disposicin y tener la imaginacin, la experiencia, el buen gusto y el sentido comn necesarios para combinarlos de forma adecuada.

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

CLASE 1


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


Papelera institucional

CLASE 1

Diseo Editorial


CLASE 1


CLASE 1


Packaging

CLASE 1


Diseo Publicitario

CLASE 1

Sealtica


CLASE 1

Merchandising


CLASE 1


Grfica vehicular

CLASE 1

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 nos rodea.

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

CLASE 1


Proceso de diseo

Cuando se encara un proyecto de diseo, se deben realizar distintos pasos para lograr el resultado 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 objetivos La audiencia Las estrategias Los requisitos o especificaciones Elementos grficos Estructura y organizacin Inventario de contenidos Presupuesto

CLASE 1


Adobe Illustrator

En este curso aprenderemos a manejar este software, desde sus principales funciones para 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 la creacin artstica de dibujo y pintura para Ilustracin.

Su uso en el diseo grfico es fundamental para crear isologotipos, adems de piezas grficas 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 y ventanas, conformando el espacio de trabajo.

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

. La barra Aplicacin de 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 el momento.

. La ventana Documento exhibe el archivo en el que se trabaja. Las ventanas Documento se 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 o acoplar.

CLASE 1


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

CLASE 1

Barra de herramientas


CLASE 1


Abrir documento nuevo

CLASE 1


Guardar documento en Illustrator Para guardar el documento o archivo que hemos realizado en Illustrator, se debe guardarlo como:

. archivo .ai (archivo de Illustrator)

CONTROL + S (teclado)

Men ARCHIVO / GUARDAR.

CLASE 1


Guardar documento como .pdf Para 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


Elementos bsicos de composicin Las imgenes contienen unidades de significacin: el punto, la lnea, el plano, el contorno, la textura y el color, etc.

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

El punto

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

En sentido grfico, el punto es la unidad grfica ms pequea, ms simple, es el elemento 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 principio de agrupacin, podemos construir formas, contornos, tono o color.

CLASE 1


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 un vector direccional.

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

CLASE 1


CLASE 1

Creacin de formas

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

Las formas las creamos desde la Herramienta de rectngulo.

A estas 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 los colores utilizados para imprenta.


CLASE 1


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

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

All aparecer una ventana donde se pondrn las medidas concretas.

Tambin aparece en el Panel color

CLASE 1


Exportar documento en Illustrator como jpg

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

CLASE 1

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 en blanco y negro y otra composicin con puntos en color. Exportarlas como jpg en RGB.

Los puntos pueden realizarse con crculos o cuadrados.


CLASE 1

Ejemplos de composiciones con puntos en blanco y negro

CLASE 1



CLASE 1

Ejemplos de composiciones con puntos en color


CLASE 2

TemasElementos bsicos de composicin

. Lnea

. Plano (crculo, cuadrado, tringulo)

. Volumen

. Pintura en Illustrator

CLASE 2

Indice

La lnea.......................................................................................................1

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

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

El Crculo.....................................................................................................4

El tringulo..................................................................................................5

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

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

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

CLASE 2

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 que la insertemos.

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

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

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

Es uno de los elementos grficos ms utilizados, ya que definen y delimitan las diferentes reas de nuestra composicin, adems dirige la direccin de lectura dentro de una composicin, haciendo que el espectador observe el lugar adecuado.


CLASE 2


CLASE 2


Ejercicios

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

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

El plano

El recorrido de una lnea en movimiento se convierte en un plano. Tiene posicin y Direccin. 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 y lados 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.

CLASE 2

El crculo

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

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


CLASE 2


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 no tan esttico como el cuadrado. Se le asocian significados de accin, conflicto y tensin.

CLASE 2

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 el puntero en otra parte para formar una lnea recta y se hace click.

3. Se vuelve a posicionar el puntero para formar otra lnea recta.


CLASE 2

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 la hoja, 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 tringulos blanco y negro. Exportarla como jpg en RGB

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

Acerca de los rellenos y los trazos

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

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

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

Controles de relleno y trazo

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

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

Botn Relleno Hacer doble clic para seleccionar un color de relleno a travs del Selector de color.

CLASE 2

Volumen

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


Botn Trazo Hacer doble clic para seleccionar un color de trazo a travs del Selector de color.

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

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

Botn Color Hacer 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 el degradado seleccionado en ltimo lugar.

Botn Ninguno Hacer 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 los siguientes controles del panel de control:

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

Color de trazo Hacer clic para abrir el panel Muestras o pulsar la tecla Mays y hacer clic 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 las opciones.

Grosor de trazo Escoger 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 de pintura interactiva y aplicar distintos colores a las diferentes caras del objeto.

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

CLASE 2


3 Seleccionar 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 una biblioteca de muestras. Haga clic en el botn Ninguno para eliminar el relleno actual del objeto

Cmo aplicar un color, grosor o alineacin de trazo

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

3 Elegir 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.4 Seleccionar 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

CLASE 2


Pinceles

Acerca de los pinceles

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

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

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

Pinceles de dispersin Dispersan copias de un objeto (como un insecto o una hoja) a lo largo del trazado.

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

CLASE 2


Pinceles de motivo Dibujan un motivo, formado por azulejos individuales, que se repite a lo 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 del motivo.

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

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

Dibujo con la herramienta Lpiz

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

Permite dibujar trazados abiertos y cerrados como si lo hiciera con un lpiz sobre un papel. 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.

CLASE 2


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 la complejidad del trazado y por los ajustes de tolerancia del cuadro de dilogo Preferencias de la herramienta Lpiz.

Estos ajustes controlan la sensibilidad de la herramienta Lpiz al 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 lnea recta de uno en uno.

CLASE 2


CLASE 2

Ejemplos de composiciones con lneas


CLASE 2

Ejemplos de composiciones con tringulos


CLASE 2

Ejemplo de composicin con volumen



CLASE 3

TemasPercepcin

Leyes de la Gestalt

CLASE 3

CLASE 3

Indice

Percepcin...................................................................................................1

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

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

Leyes de percepcin....................................................................................4

Organizar objetos.........................................................................................8


Percepcin

Es la unidad bsica de conocimiento y consiste en un proceso de integracin del individuo 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 interpretar la informacin que llega desde el entorno.

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

Cmo percibimos los objetos:

- Brillantez - Color - Tamao - Forma

CLASE 3


Agrupar y bloquear objetos en Illustrator

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

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

Agrupar: control + GDesagrupar: control + shift + GBloquear: control + 2Desbloquear: Men Objeto / Desbloquear todo

Transformacin de objetos en 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


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

Es posible reflejar elementos.

Tambin se puede cambiar la perspectiva.

CLASE 3


Panel Transformar

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

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

Leyes de percepcin (Gestalt)

La percepcin est condicionada por el aprendizaje o conocimiento previo que tengamos de 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 o conocimiento.

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

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

CLASE 3


Proximidad

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

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

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

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

CLASE 3


Similitud o semejanza

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

Continuidad

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

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

CLASE 3

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


Ley de cierre o clausura

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

Efecto por el cual el observador tienden a cerrar, reintegrar y completar la informacin necesaria para conformar un objeto percibido.

CLASE 3

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


CLASE 3


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 20 cm utilizando Ley de Simplicidad. Exportar como jpg.

Figura y fondo

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

CLASE 3

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


Ley del contraste

La posicin relativa de los diferentes elementos incide sobre la atribucin de cualidades (como ser el tamao) de los mismos. A mayor contraste de la forma contra el fondo, mejor percepcin.

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

Ley de Simetra

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

CLASE 3


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

Organizar objetos

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

. Traer al frente

. Hacia delante

. Hacia atrs

. Enviar atrs

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

CLASE 3

Curso de Diseo GrficoCLASE 4

TemasEquilibrio

Espacio

Formas

Composiciones formales

CLASE 4

CLASE 4

Indice

Tipos de Percepcin.....................................................................................1

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

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

Ilusin de volumen en el espacio................................................................7

Elementos Visuales - Forma.........................................................................7

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

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

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


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, los pesos de los elementos deben estar compensados.

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

CLASE 4


Existen dos tipos de equilibrio:

El equilibrio simtrico.

Si dividimos la composicin en dos extremos, el equilibrio simtrico se produce cuando encontramos 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...) en ambos lados, pero an as existe equilibrio entre los elementos.

CLASE 4


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 elemento con otro.

CLASE 4


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

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

CLASE 4


CLASE 4


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

El espacio ocupado suele denominarse positivo, el espacio no ocupado se denomina espacio 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 igual tamao, la sensacin de profundidad es menor.

La ilusin de profundidad es mayor mediante tamaos diferentes.

Tambin puede darse sensacin de profundidad girando figuras y cambindoles proporciones.

Ejercicio: Realizar en Adobe Illustrator 1 composicin creando sensacin de profundidad.

CLASE 4


Ilusin de volumen en el espacio

Los volmenes aparecen cuando los planos se curvan para formar cilindros, o cuando los planos 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 posee una forma que aporta la identificacin principal en nuestra percepcin.

Es la caracterstica esencial que capta la vista.

La forma se refiere a las caractersticas estructurales de los objetos.

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

CLASE 4


Medida

El tamao de las formas.

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

CLASE 4


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 solar sino tambin los neutros (blanco, negro, los grises intermedios) y as mismo sus varia-ciones tonales y cromticas.

CLASE 4


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 y textura. Cliente o producto a eleccin. Debe contener nombre del cliente y direccin.

CLASE 4


CLASE 4

Ejemplos de Flyers


CLASE 4

TemasInterrelacin de formas


Retculas

CLASE 5

CLASE 5

Indice

Interrelacin de Formas..............................................................................1

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

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

Rotacin......................................................................................................5

Reflexin.....................................................................................................5

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


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.

CLASE 5


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

E. UninAmbas formas quedan reunidas y se convierten en una sola mayor. Ambas pierden una parte 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 negativa sobre una positiva.

CLASE 5


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 en una.


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 imagen reflejada de la forma)

. Dilatacin (o cambio de tamao)

CLASE 5


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 espaciadas regularmente.

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

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

Esto produce una ordenacin estructural que regula el diseo definitivo.

CLASE 5


Rotacin

La rotacin de una forma tiene por resultado un cambio en su direccin, produce tambin un 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 simetra bilateral (una imagen de espejo de la forma).

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

CLASE 5


Ejercicio 1: realizar en Adobe Illustrator 1 carpeta institucional tamao 42 cm x 29,7 cm abierta aplicando alguna o varias de las composiciones formales.

CLASE 5

TAPACONTRATAPA

Carpeta institucional abierta

CLASE 5


La retcula bsica

Se entiende como una voluntad de orden y claridad, en busca de una unidad en la presentacin de las informaciones visuales.

La retcula para algunos diseadores grficos proporciona precisin, orden y claridad.

CLASE 5

Retculas

La retcula es la base de las estructuras, es la suma de lneas que generan sistemas de coordenadas, 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, transmite estructura y una cierta mecnica, frente a algo desordenado, desestructurado o catico.


CLASE 5


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 sus semejantes resulten ms evidentes y, as, ms reconocibles, por lo tanto se puede concluir 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 se cruzan 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 la derecha.

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

CLASE 5


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

CLASE 5

Ejercicio 1 Parte 1Elegir 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 2Elegir una de las retculas realizadas en el ejercicio anterior y aplicarlas en una publicidad grfica.

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


CLASE 5


TemasComposiciones informales

CLASE 6

CLASE 6

Indice

Composiciones informales..........................................................................1

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

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

Ritmo..........................................................................................................4

Centro de inters........................................................................................7


Composiciones informales

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

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

Gravedad

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

La gravedad afecta el equilibrio de los elementos en una composicin.

CLASE 6


Ejercicio: realizar un afiche aplicando gravedad.

Contraste

Diferencias visuales (caractersticas de forma y color), dimensionales o cuantitativas que distinguen una forma, parte de una forma o un grupo de formas de otra forma, otra parte de la misma forma u otro grupo de formas

CLASE 6


Ejercicio: realizar un afiche aplicando contraste.

CLASE 6


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

CLASE 6


CLASE 6


Ejercicio: realizar un afiche aplicando ritmo

CLASE 6


Centro de inters

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

Una composicin informal debe coordinar sus elementos alrededor de un centro de inters: 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

CLASE 6


Ejercicio: Realizar un afiche aplicando punto de inters.

CLASE 6

TemasSignos

Smbolos

Seales

Pictogramas

CLASE 7

Indice

Signos.........................................................................................................1

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

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

Iconicidad...................................................................................................8

Grficos vectoriales.....................................................................................9

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

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


Signos

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

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

CLASE 7


Cada signo se caracteriza por la presencia de un elemento perceptible, que est en lugar del 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 que quiere transmitir.

Es una unidad capaz de trasmitir contenidos represen-tativos, es decir, es un objeto material, llamado significante, que se percibe gracias a los sentidos y que en el proceso comunicativo 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 s misma.

Representa algo que ya fue presentado.

CLASE 7


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 surge intencionalmente (cicatriz-herida; huella-animal; humo-fuego; relmpago-tormenta).

CLASE 7


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

Smbolo. Hecho sensible que en un grupo social determinado se toma por representacin 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, a determinar una reaccin en el receptor. Es intencional, premeditada.

CLASE 7


CLASE 7

Pictogramas

El lenguaje pictogramtico se basa en la abstraccin (proceso mental que se centra no en caracteres particulares, sino en los que son genricos y esenciales de un campo visual 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 cualquier desajuste entre ellos puede provocar la no interpretacin del usuario.


CLASE 7

Ejercicio: Realizar un cuadro comparativo con los distintos tipos de signos con ejemplos


CLASE 7

Abstraccin

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


CLASE 7

Iconicidad

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

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


CLASE 7

Grficos vectoriales

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

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

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


CLASE 7

Los grficos vectoriales son utilizados para la creacin de isologotipos, ya que se pueden utilizar 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 cada segmento queda marcado por puntos de ancla.

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

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

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


CLASE 7

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 la herramienta 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 una lnea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla y nuevamente otro click.

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

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


CLASE 7

Los grficos vectoriales son utilizados para la creacin de isologotipos, ya que se pueden utilizar 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 y se 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 se dibujan utilizando el mnimo posible de puntos de ancla. Usar demasiados puntos puede tambin introducir protuberancias no deseadas en una curva.

Como dijimos antes, para comenzar un trazado slo se deben hacer dos puntos en lugares 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 arrastre que debemos darle al puntero. Cuanto ms lo alejemos del nodo, ms pronunciada ser la curva.


CLASE 7

Cmo mover nodos o puntos de un trazado.

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

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

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

Ahora solo nos queda arrastrar el punto hasta otro lugar.

Vectorizacin de imagen

Calco de ilustraciones

La forma ms rpida de calcar ilustraciones consiste en abrir o colocar un archivo en Illustrator 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 en trazados vectoriales o en un objeto de calco interactivo.

CLASE 7


Hacer click en Boton Opciones de Calco para realizar ajustes

En la ventana marcaremoslos ajustes deseados.


Hacer click en Pintura Interactiva o Live Paint

Nos quedar la imagen vectorizada

CLASE 7

CLASE 7


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

Ejercicio: Realizar abstraccin con mximo grado de iconicidad de objetos a eleccin para elaborar un men de cafe/bar tamao A4.

TemasTeora del color

CLASE 8

CLASE 8

Indice

El lenguaje visual del color.........................................................................1

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

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

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

Variables 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


El lenguaje visual del color

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

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

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

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

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

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 se propagan en lnea recta con movimientos ondulantes en todas las direcciones a una velocidad 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.

CLASE 8


El campo de la ptica abarca adems las radiaciones infrarrojas (longitud de onda superiores) y las ultravioletas (longitud de onda inferiores) que no son percibidas por el ojo 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 uno de sus componentes y en condiciones ptimas, esa suma da el color blanco (mxima luminosidad). Su punto de partida es la oscuridad absoluta (no existe en un principio fuente lumnica).

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

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

El crculo cromtico:

Nos sirve para observar la organizacin bsica y la interrelacin de los colores .

Tambin lo podemos emplear como forma para hacer la seleccin de c olor que nos parezca adecuada a nuestro diseo.

Podemos encontrar diversos crculos de color, pero el que aqu vemos est compuesto de 12 colores bsicos.

CLASE 8


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

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

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

Mediante el estmulo simultneo de las tres clases de receptores de color colocados uno al 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 al cyan, magenta y amarillo.

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 a su longitud de onda, por ende, pierde luz en el proceso y al mezclar dos o ms matices se sustrae ms luz.

CLASE 8


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 (ausencia total de luz).

Esta trada se utiliza en todos los sistemas cromticos de impresin, fotografa y todo lo que se refiera a la grfica, a los que se le agrega el negro como una cuarta tinta. Este sistema 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 la luz diferentes a las de espacio y tiempo, siendo la luz aquel aspecto de la energa radiante que el hombre percibe a travs de las sensaciones visuales que se producen por el 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 de brillo o luminosidad.

CLASE 8


- 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 se desprende:

- 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, su valor o matiz es ms alto y por el contrario, cuanto ms oscuro, su valor o matiz es ms bajo.

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

La escala de valores es bipolar y por tanto lineal (no se cierra en s misma) lo que implica que 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

CLASE 8


Tinte

Es el valor diferencial de un color, la magnitud pregnante. Se especifica mediante un nombre: 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 observa que partiendo del amarillo, por ejemplo, y progresando por el naranja, 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 dice que est "quebrado" o "desaturado".

La saturacin se mide en %.

Color Luz y pigmento

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

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

verde saturado

verde + negro

verde + blanco

CLASE 8


Por otro lado hay que tener en cuenta que el color est ntima-mente relacionado con la luz 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 de onda.

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

Del mismo modo pueden obtenerse colores terciarios en los que las tres luces primarias actan a la vez en distintas proporciones y que hacen posible que, por ejemplo, en un televisor 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 que se conoce como sntesis aditiva.

En ella cada nuevo color secundario o terciario se obtiene por l a adicin de las partes correspondientes de los tres fundamentales, siendo cada una de las sumas de color siempre ms luminosas que sus partes, con lo que se explica el que la mezcla de los tres permita 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 decir sntesis sustractiva.

CLASE 8


Interacciones del color: Armona y contraste

Armonizar:

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

Armnicas son las combinaciones en las que se utilizan modulaciones de un mismo tono, 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, otro tnico y otro de mediacin.

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

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

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

CLASE 8


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. Existen diferentes tipos de contraste:

1- Contraste simultneo

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

Cada color produce simultneamente su complementario.

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

A veces esto induce a rectificaciones correctoras.

CLASE 8


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 cualitativa del color se fundamenta en el grado de pureza o de saturacin. Por contraste cualitativo designamos la oposicin entre un color saturado y luminoso y otro color apagado y sin resplandor.

CLASE 8


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 rojo violceo son considerados clidos y el amarillo verdoso, verde, azul verdoso, azul, azul violceo y violeta como fros.

CLASE 8


6- Contraste de los complementarios:

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

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

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

Su acercamiento aviva su luminosidad pero al mezclarse se destruyen y producen un gris, 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 tres colores fundamentales, amarillo, rojo y azul se vuelven 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. Se trata, pues, del contraste mucho-poco o del contraste grande-pequeo.

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

CLASE 8


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

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

CLASE 8

TemasTipografa

CLASE 9

Indice

ASPECTO HISTRICO.....................................................................................1

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

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

Estructura de la letra..................................................................................2

Partes de una letra.....................................................................................3

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

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

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

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

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


ASPECTO HISTRICO

Trataremos de comprender a la tipografa 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 all de los tiempos.

La tipografa es el fiel reflejo de una po-ca. Por ello la evolucin del diseo de las mismas responde a proyecciones tecno-lgicas y artsticas. El signo tipogrfico ha sido miembro activo de los cambios culturales del hombre.

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

Estas similitudes estructurales, que tienen su origen en las leyes de la natu-raleza, liberan a las letras de su bidimen-sionalidad y las pone en movimiento hacindolas 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 a lo exagerado, de lo orgnico a lo sint-tico. Durante este proceso han recibido infinidad de aportaciones, muchas veces dependiendo del contexto histrico, pol-tico, econmico y social del que forma-ban parte.

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

CLASE 9


Conceptos

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

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

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

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

La tipografa es el conjunto de caractersticas visuales de las letras y nmeros de un texto, 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 forma un 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 unidad fundamental del lenguaje escrito, que en tipografa es una unidad portadora de una forma y estilo singular.

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

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

CLASE 9


Partes de una letra

No existe una nomenclatura especfica para designar las partes de una letra. Estos son 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, tales 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 se encuentra 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 la altura 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 que 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.

CLASE 9


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 grupos fundamentales:

Tipografas con serifTipografas sans serif o de palo seco

CLASE 9


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 los diferentes estilos, ha evolucionado formalmente de una poca a otra y constituye un elemento 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

CLASE 9


Variables visuales

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

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

CLASE 9


Forma: relativo a la estructura

Los caracteres delimitan con sus perfiles una superficie bien precisa; la imagen de las letras nace en efecto de la equilibrada relacin entre "blancos" y "negros", esto es, de la exacta definicin tanto de la forma cuanto de la contraforma o superficie de fondo.

En cada alfabeto, la letra O, la L y la V son las letras determinantes: su contorno encierra por cierto los tres espacios fundamentales sobre los cuales se estructuran todos los otros signos. Las tres superficies simples son, respectivamente, las del crculo, del cuadrado y del tringulo.

Tamao: definido por altura / cuerpo

El cuerpo es una medida que define la proporcin del caracter. Cuando decimos cuerpo 10 nos referimos a 10 puntos.

El cuerpo se mide en puntos tipogrficos si est referido a los caracteres movibles tradicionales, en este caso la dimensin relevada es aquella vertical del entero bloquecito tipogrfico (caracter + espalda superior e inferior).

CLASE 9


El uso de la fotocomposicin y de la computadora, brindando la posibilidad de variar las dimensiones de las letras, ha sustituido las medidas en puntos tipogrficos por aquellas en milmetros; en este caso la dimensin considerada es la de la altura de la mayscula.

Tono: modifica grosor de bastn Una letra normal tiene el grosor de los rasgos principales igual al 15% de la medida de su altura.

Las letras pueden cambiar su valor de intensidad afinando el espesor, volvindose con ello ms claras, o espesndolo para aumentar el negro pleno y "hacer ms mancha" Se reconocen varias variables de intensidad (depende si la familia tipogrfica soporta las mismas), estas van desde light, medium, bold y black.

Las letras pueden cambiar su valor de intensidad afinando el espesor, volvindose con ello ms claras (delgadas) o ms espesas (gruesas), obtenindose letras ultra light, light, normal, semi bold, bold, extrabold.

CLASE 9


Inclinacin: (hace referencia a la inclinacin de los ejes de la letra).

Las letras pueden ser derechas (redondas) o inclinadas11 (cursivas).

Fuentes y familias tipogrficas

Los trminos tipografa y fuentes a menudo se confunden como sinnimos; sin embargo, la tipografa es el diseo de caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el juego completo de caracteres en cualquier diseo, cuerpo y estilo; estos caracteres incluyen letras en caja alta y baja, numerales, versalitas, fraccio-nes, ligaduras, smbolos y grafismos, entre otros.

En iguales circunstancias familia y fuente tipogrfica son mencionados como un mismo trmino, sin embargo una familia tipogrfica es un grupo de tipografas unidas por caractersticas similares. Los caracteres de una familia se parecen entre s, pero tambin tienen rasgos propios. Las tipografas de cada familia tienen distintos grosores y anchos.

Fuente tipogrfica es la que se define como estilo o apariencia de un grupo completo de caracteres, nmeros y signos, regidos por unas caractersticas comunes.

Familia tipogrfica significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, como por ej. en el grosor y anchura, pero manteniendo caracters-ticas comunes. Los miembros que integran una familia se parecen entre s pero tienen rasgos propios.

CLASE 9


Medidas tipogrficas

Letra: Signo; representacin grfica del lenguaje hablado. Se mide en puntos.

Tamao de la letra: Se le denomina cuerpo, se mide en puntos y va desde la alineacin superior a la alineacin inferior. Esto es tomando la ascendente y la descendente.

Lnea: Conjunto de palabras acomodadas una despus de la otra en forma horizontal.

Interlnea: Espacio entre una lnea y otra, y se mide en puntos a partir de la descendente de una lnea a la ascendente de la siguiente lnea.

Profundidad: (longitud de lnea), es el nmero de lneas de una columna. Se puede medir en picas o puntos, segn el nmero de lneas y la fuerza del tipo (por ej. si se tienen 30 lnea de 10/12, son 360 pt. O 30 picas).

Justificacin: Ancho de una columna tipogrfica que delimita el largo de una lnea, y se mide en picas.

CLASE 9


Referente a la disposicin horizontal del texto, sin importar el tamao de las lneas, la forma de alinear ste puede ser: alineado o justificado, a la derecha, a la izquierda, centrado.

Referente a la disposicin horizontal del texto, sin importar el tamao de las lneas, la forma de alinear ste puede ser: alineado o justificado, a la derecha, a la izquierda, en bloque, centrado o en pia e irregular.

Referente a la disposicin horizontal del texto, sin importar el tamao de las

lneas, la forma de alinear ste puede ser: alineado o justificado, a la

derecha, a la izquierda, en bloque, centrado o en pia e irregular.

Referente a la disposicin horizontal del texto, sin importar el tamao de las lneas, la forma de alinear ste puede ser: alineado o justificado, a la derecha, a la izquierda, en bloque, centrado o en pia e irregular.

Referente a la disposicin horizontal del texto, sin importar el tamao de las lneas, la forma de alinear ste puede

ser: alineado o justificado, a la derecha, a la izquierda, en bloque,

centrado o en pia e irregular.

Derecha

JustificadoCentro

Izquierda

CLASE 9


El tracking afecta al espaciado entre letras o palabras y se utiliza para alterar la densidad visual del texto, actuando globalmente sobre toda la tipografa. Como regla general, cuanto ms grande sea el cuerpo ms apretado deber ser el track. Un set uniforme nos proporcionar un color homogneo del texto y una mayor legibilidad.

El kerning es similar al tracking slo que se aplica a determinados pares de caracteres para mejorar su legibilidad. Tanto el track como el kern se miden en unidades relativas al tamao en puntos de los caracteres.

La separacin se produce principalmente por la forma de las letras provocando que se quede demasiado espacio entre una letra y otra. Generalmente la separacin debe ser ptica y no mecnica.

Pginas web relativas a la Tipografa

http://www.searchfreefonts.com/articles/amazing-typography-blogs-and-resources.htmhttp://www.1001freefonts.com/http://betterfonts.com/a.php?p=1&l=ahttp://www.fontspace.com/popular/fontshttp://speckyboy.com/2009/05/05/42-amazing-resources-for-inspirational-typography/

palabrapalabra

TA TA

Este es un ejemplo de poco tracking en un prrafo.

Este es un ejemplo de MUCHO tracking en un prrafo.

CLASE 9


EJEMPLOS DE DISEO CON TIPOGRAFASLa tipografa como forma

CLASE 9


CLASE 9


EJERCICIO: realizar 3 figuras distintas con letras.

CLASE 9


EJEMPLOS DE POSTERS SOLO CON TIPOGRAFIA

CLASE 9


CLASE 9


EJERCICIO: realizar 1 poster con tipografa como protagonista sobre un grupo de msica a eleccin y otro poster sobre una pelcula a eleccin.

BIBLIOGRAFA

Ruary McLean, Manual de tipografa.Adrian Frutiger, Type and Sign Symbol. David Brier, Great Type and Lettering Designs. Revista TipoGrfica.Revista MacInArea.Revista Upper & Lower Case.R. Carter, D. Ben, Ph. Meggs, Typographic Design: Form and Comunication.Jorge Frascara, Diseo Grfico y Comunicacin.

CLASE 9


Tipografa en Illustrator

Las funciones de texto son uno de los aspectos ms importantes de Adobe Illustrator. Se pueden aadir una sola lnea de texto a la ilustracin, crear columnas y filas de texto, hacer que el texto adopte una forma o siga un trazado, y trabajar con formas de letras como si fuesen objetos grficos.

Las fuentes y los ajustes disponibles en Illustrator para interlineado, kerning y espaciado antes y despus de los prrafos son algunas de las opciones con las que cuenta para modificar el aspecto del texto de la ilustracin.

Con la primera opcin, si se hace click en la hoja, se puede escribir texto de corrido.

Si se hace click, se mantiene apretado y se arrastra, se hace una caja de texto.

CLASE 9


Para hacer cajas de texto con formas, realizar primero el objeto, luego seleccionar la segunda herramienta de texto, acercarse al borde de la figura y hacer click.

CLASE 9

Para realizar texto en una forma especfica, dibujar primero la lnea (con cualquier opcin de Illustrator) y seleccionar la tercera herramienta de texto y hacer click sobre el dibujo.

Para texto vertical seleccionar la cuarta herramienta:

Para un rea de texto vertical:

Para rodear una figura en forma vertical:


CLASE 9


Informacin general del panel Carcter

Ventana > Texto > Carcter

Panel CarcterA. Fuente B. Estilo de fuente C. Tamao de fuente D. Kerning E. Escala horizontal F. Desplazamiento vertical G. Interlineado H. TrackingI. Escala vertical J. Rotacin de caracteres K. Idioma

A. Fuente B. Estilo de fuente C. Tamao de fuente D. Alineacin a la izquierda E. Alineacin al centro F. Alineacin a la derecha

Panel Prrafo (para cambiar alineacin)

A. Alineacin y justificacin B. Sangra izquierda C. Sangra izquierda en primera lnea D. Espacio antes del prrafo E. Separacin de slabasF. Sangra derecha G. Espacio despus del prrafo

CLASE 9


Convertir texto en contornos

Se puede convertir texto en un conjunto de trazados compuestos, o contornos, que se pueden editar y manipular al igual que cualquier otro objeto grfico.

El texto como contorno resulta de utilidad a la hora de cambiar la apariencia de un texto grande en pantalla, pero raramente lo son para el cuerpo u otro texto de tamao pequeo.

La informacin sobre el contorno de las fuentes procede de los archivos de fuentes instalados en el sistema. Al crear contornos a partir del texto, los caracteres se convierten a sus posiciones actuales; conservan todo el formato grfico como su trazo y relleno.

Cuando se lleva el original de la pieza grfica diseada a la imprenta, se debe convertir el texto en contornos o curvas, ya que la imprenta podra no tener la fuente.

Para pasar texto a curvas, se selecciona el texto, botn derecho del mouse y click en CREAR CONTORNOS.

texto normal

texto convertido

CLASE 9


CLASE 10

Temas

Imagen corporativa

CLASE

10

CLASE

10

Indice

Imagen corporativa.....................................................................................1

Signos identificadores.................................................................................8

Curso.grafico.de Descargaon ByeLMuer12

Documents

Transcript of Curso.grafico.de Descargaon ByeLMuer12