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

Curso de Diseo Grfico

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