Post on 16-Oct-2015
7/13/2019 Curso de Diseo Grfico
1/928
Curso de Diseo Grfico
CLASE1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
5/928
Diseo Textil
2 Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
6/9283Curso de Diseo Grfico
Diseo de Modas
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
7/9284 Curso de Diseo Grfico
Diseo de Multimedios
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
8/928
Diseo Web
5Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
9/9286 Curso de Diseo Grfico
Diseo Industrial
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
10/9287Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
11/9288 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
12/9289Curso de Diseo Grfico
Papelera institucional
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
13/928
Diseo Editorial
10 Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
14/92811Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
15/92812 Curso de Diseo Grfico
Packaging
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
16/92813Curso de Diseo Grfico
Diseo Publicitario
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
17/928
Sealtica
14 Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
18/928
Merchandising
15Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
19/92816 Curso de Diseo Grfico
Grfica vehicular
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
20/928
Diseo de Vestimenta
17Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
21/92818 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
22/92819Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
23/92820 Curso de Diseo Grfico
Cuando se inicia la aplicacin, aparece una ventana con diferentes opciones:
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
24/928
Barra de herramientas
21Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
25/92822 Curso de Diseo Grfico
Abrir documento nuevo
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
26/92823Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
27/92824 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
28/92825Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
29/92826 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
30/92827Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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.
28 Curso de Diseo Grfico
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
32/92829Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
33/92830 Curso de Diseo Grfico
Exportar documento en Illustrator como jpg
Men ARCHIVO / EXPORTAR aparece una ventana y en TIPO seleccionamos jpg
CLASE 1
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
34/928
CLASE 1
31Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
35/92832 Curso de Diseo Grfico
CLASE 1
Ejemplos de composiciones
con puntos en blanco y negro
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
36/928
CLASE 1
33Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
37/92834 Curso de Diseo Grfico
CLASE 1
Ejemplos de composiciones
con puntos en color
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
38/928
Curso de Diseo Grfico
CLASE2
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
39/928
TemasElementos bsicos de composicin
. Lnea
. Plano (crculo, cuadrado, tringulo)
. Volumen
. Pintura en Illustrator
CLASE2
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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.
1Curso de Diseo Grfico
CLASE2
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
42/9282 Curso de Diseo Grfico
CLASE2
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
43/9283Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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.
4 Curso de Diseo Grfico
CLASE2
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
45/9285Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
46/9286 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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.
7Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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
9Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
10 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
11Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
12 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
53/928
CLASE2
Ejemplos de composicionescon lneas
13Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
54/928
CLASE2
Ejemplos de composicionescon tringulos
14 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
55/928
CLASE2
Ejemplo de composicin con volumen
15Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
56/928
Curso de Diseo Grfico
CLASE3
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
57/928
TemasPercepcin
Leyes de la Gestalt
CLASE 3
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
59/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
60/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
61/9283Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
62/9284 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
63/9285Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
64/9286 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
65/928
Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm utilizando continuidad de elementos. Exportar como jpg.
7Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
66/928
Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20
cm utilizando Ley de Cierre o clausura. Exportar como jpg.
8 Curso de Diseo Grfico
CLASE 3
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
67/9289Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
68/928
Ejercicio: realizar en Adobe Illustrator 1 composicin de 20 cm x 20cm utilizando Ley de Simplicidad. Exportar como jpg.
10 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
69/92811Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
70/928
Curso de Diseo Grfico
CLASE4
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
71/928
TemasEquilibrio
Espacio
Formas
Composiciones formales
CLASE4
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
73/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
74/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
75/9283Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
76/9284 Curso de Diseo Grfico
- 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
7/13/2019 Curso de Diseo Grfico
77/9285Curso de Diseo Grfico
CLASE4
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
78/9286 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
79/9287Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
80/9288 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
81/9289Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
82/92810 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
83/92811Curso de Diseo Grfico
CLASE4
Ejemplos de Flyers
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
84/92812 Curso de Diseo Grfico
CLASE4
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
85/92813Curso de Diseo Grfico
CLASE4
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
86/92814 Curso de Diseo Grfico
CLASE4
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
87/928
Curso de Diseo Grfico
CLASE5
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
88/928
TemasInterrelacin de formas
Composiciones formales
Retculas
CLASE5
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
89/928
CLASE5
IndiceInterrelacin de Formas..............................................................................1
Composiciones formales.............................................................................3
Traslacin....................................................................................................4
Rotacin......................................................................................................5Reflexin.....................................................................................................5
Retculas.....................................................................................................6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
90/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
91/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
92/9283Curso de Diseo Grfico
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.
Composiciones formales
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
7/13/2019 Curso de Diseo Grfico
93/9284 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
94/9285Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
95/9286 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
96/928
CLASE5
7Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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.
8 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
98/928
CLASE5
9Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
99/928
CLASE5
10 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
11Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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.
12 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
102/928
CLASE5
13Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
103/928
CLASE5
14 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
104/928
CLASE5
15Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
105/928
CLASE5
16 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
106/928
CLASE5
17Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
107/928
CLASE5
18 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
108/928
CLASE5
19Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
109/928
CLASE5
20 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
110/928
CLASE5
21Curso de Diseo Grfico www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
111/928
CLASE5
22 Curso de Diseo Grficowww.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
112/928
Curso de Diseo Grfico
CLASE6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
113/928
TemasComposiciones informales
CLASE6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
114/928
CLASE6
IndiceComposiciones informales..........................................................................1
Gravedad.....................................................................................................1
Contraste....................................................................................................2
Ritmo..........................................................................................................4Centro de inters........................................................................................7
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
115/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
116/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
117/9283Curso de Diseo Grfico
Ejercicio: realizar un afiche aplicando contraste.
CLASE6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
118/9284 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
119/9285Curso de Diseo Grfico
CLASE6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
120/9286 Curso de Diseo Grfico
Ejercicio: realizar un afiche aplicando ritmo
CLASE6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
121/9287Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
122/9288 Curso de Diseo Grfico
Ejercicio: Realizar un afiche aplicando punto de inters.
CLASE6
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
123/928
Curso de Diseo GrficoCLASE7
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
124/928
TemasSignos
Smbolos
Seales
Pictogramas
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
126/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
127/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
128/9283Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
129/9284 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
130/9285Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
131/9286 Curso de Diseo Grfico
CLASE7
Ejercicio: Realizar un cuadro comparativo con los distintos tipos designos con ejemplos
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
132/9287Curso de Diseo Grfico
CLASE7
Abstraccin
Proceso por el cual se reduce al mximo las formas sin perder su reconocimiento.
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
133/9288 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
134/9289Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
135/92810 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
136/92811Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
137/92812 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
138/92813Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
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
14 Curso de Diseo Grfico
Hacer click en Boton Opcionesde Calco para realizar ajustes
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
140/928
En la ventana marcaremoslos ajustes deseados.
15Curso de Diseo Grfico
Hacer click en Pintura Interactiva o Live Paint
Nos quedar la imagen vectorizada
CLASE7
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
141/928
CLASE7
16 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
142/928
Curso de Diseo Grfico
CLASE8
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
143/928
TemasTeora del color
CLASE8
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
145/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
146/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
147/9283Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
148/9284 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
149/9285Curso de Diseo Grfico
- 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
7/13/2019 Curso de Diseo Grfico
150/9286 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
151/9287Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
152/9288 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
153/9289Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
154/92810 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
155/92811Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
156/92812 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
157/92813Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
158/928
Curso de Diseo GrficoCLASE9
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
159/928
TemasTipografa
www.FreeLibros.me
7/13/2019 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
161/9281Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
162/9282 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
163/9283Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
164/9284 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
165/9285Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
166/9286 Curso de Diseo Grfico
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
7/13/2019 Curso de Diseo Grfico
167/9287Curso de Diseo Grfico
Forma:relativo a la estructura
Los caracteres delimitan con sus perfiles una superfic