Curso de Diseo Grfico

CLASE 1
Temas
El Diseo
Diseo Grfico
Concepto
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 textil
Diseo de Moda
Diseo Grfico
Diseo de Multimedios
Diseo Web
Diseo Industrial
Diseo de Informacin
1
Curso de Diseo Grfico
CLASE 1
Diseo Textil
2 Curso de Diseo Grfico
CLASE 1
3
Curso de Diseo Grfico
Diseo de Modas
CLASE 1
4 Curso de Diseo Grfico
Diseo de Multimedios
CLASE 1
Diseo Web
5
Curso de Diseo Grfico
CLASE 1
6 Curso de Diseo Grfico
Diseo Industrial
CLASE 1
7
Curso 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 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)
Estructuras
Retculas
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
8 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
9
Curso de Diseo Grfico
Papelera institucional
CLASE 1
Diseo Editorial
10 Curso de Diseo Grfico
CLASE 1
11 Curso de Diseo Grfico
CLASE 1
12 Curso de Diseo Grfico
Packaging
CLASE 1
13 Curso de Diseo Grfico
Diseo Publicitario
CLASE 1
Sealtica
14 Curso de Diseo Grfico
CLASE 1
Merchandising
15 Curso de Diseo Grfico
CLASE 1
16 Curso de Diseo Grfico
Grfica vehicular
CLASE 1
Diseo de Vestimenta
17 Curso 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 nos
rodea.
Administracin de recursos: Conocer todos los recursos de los que se dispone, y
aplicarlos lo mejor posible.
CLASE 1
18 Curso de Diseo Grfico
Proceso de diseo
Cuando se encara un proyecto de diseo, se deben realizar distintos pasos para lograr el
resultado final.
1- Problema
2- Definicin del problema
3- Definicin y reconocimiento de sub-problemas
4- Recopilacin de datos
5- Anlisis de datos
6- Creatividad
7- Materiales - Tecnologa
8- Experimentacin
9- Modelos
10- Verificacin
11- 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
19 Curso de Diseo Grfico
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
20 Curso de Diseo Grfico
Cuando se inicia la aplicacin, aparece una ventana con diferentes opciones:
CLASE 1
Barra de herramientas
21 Curso de Diseo Grfico
CLASE 1
22 Curso de Diseo Grfico
Abrir documento nuevo
CLASE 1
23 Curso de Diseo Grfico
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
24 Curso de Diseo Grfico
Guardar documento como .pdf

Para guardar el documento o archivo que hemos realizado en Illustrator como pdf,
hacemos click en:
Men ARCHIVO/ GUARDAR COMOy en TIPOhacer click en Adobe pdf.
CLASE 1
25 Curso de Diseo Grfico
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
26 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 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
27 Curso de Diseo Grfico
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.
28 Curso de Diseo Grfico
CLASE 1
29 Curso de Diseo Grfico
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
30 Curso de Diseo Grfico
Exportar documento en Illustrator como jpg
Men ARCHIVO/ EXPORTAR aparece una ventana y en TIPOseleccionamos jpg
CLASE 1
CLASE 1
31 Curso 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 en
blanco y negro y otra composicin con puntos en color. Exportarlas
como jpg en RGB.
Los puntos pueden realizarse con crculos o cuadrados.
32 Curso de Diseo Grfico
CLASE 1
Ejemplos de composiciones
con puntos en blanco y negro
CLASE 1
33 Curso de Diseo Grfico
34 Curso de Diseo Grfico
CLASE 1
Ejemplos de composiciones
con puntos en color