Curso de Diseo Grfico

CLASE

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

Curso de Diseo Grfico

CLASE 1

Diseo Textil

Curso de Diseo Grfico

CLASE 1

Diseo de Modas

Curso de Diseo Grfico

CLASE 1

Diseo de Multimedios

Curso de Diseo Grfico

CLASE 1

Diseo Web

Curso de Diseo Grfico

CLASE 1

Diseo Industrial

Curso de Diseo Grfico

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)
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.

Curso de Diseo Grfico

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

Curso de Diseo Grfico

CLASE 1

Papelera institucional

Curso de Diseo Grfico

CLASE 1

Diseo Editorial

10

Curso de Diseo Grfico

CLASE 1

Curso de Diseo Grfico

11

CLASE 1

Packaging

12

Curso de Diseo Grfico

CLASE 1

Diseo Publicitario

Curso de Diseo Grfico

13

CLASE 1

Sealtica

14

Curso de Diseo Grfico

CLASE 1

Merchandising

Curso de Diseo Grfico

15

CLASE 1

Grfica vehicular

16

Curso de Diseo Grfico

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.

Curso de Diseo Grfico

17

CLASE 1

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

18

Curso de Diseo Grfico

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 diseadores 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.
Curso de Diseo Grfico

19

CLASE 1

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

20

Curso de Diseo Grfico

CLASE 1

Barra de herramientas

Curso de Diseo Grfico

21

CLASE 1

Abrir documento nuevo

22

Curso de Diseo Grfico

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.

Curso de Diseo Grfico

23

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.

24

Curso de Diseo Grfico

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.

Curso de Diseo Grfico

25

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.

26

Curso de Diseo Grfico

CLASE 1

Curso de Diseo Grfico

27

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

En la barra de Herramientas se encuentra el color de relleno y el color de borde que

pueden tener las figuras dibujadas.

Tambin aparece
en el Panel color

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.

Curso de Diseo Grfico

29

CLASE 1

Exportar documento en Illustrator como jpg

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

30

Curso de Diseo Grfico

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.

Curso de Diseo Grfico

31

CLASE 1

Ejemplos de composiciones
con puntos en blanco y negro

32

Curso de Diseo Grfico

CLASE 1

Curso de Diseo Grfico

33

CLASE 1

Ejemplos de composiciones
con puntos en color

34

Curso de Diseo Grfico