Diseo Grfico Bsico

Introduccin al Diseo Grafico

Conceptos Bsicos del Diseo Grafico
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

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 determinados.
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 diferentes 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, gravedad)
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.
reas De Aplicacin
Existen diferentes reas dentro del Diseo grfico:

Imagen corporativa (marcas, logos)

Diseo editorial (folletos, revistas, libros)
Packaging (envases)
Sealtica (sistema de seales)
Diseo publicitario

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

Herramientas Informticas De Diseo Grafico

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 logotipos, adems de piezas
grficas tales como papelera corporativa, folletos, packaging, etc.

Adobe Photoshop
Adobe Photoshop una aplicacin en forma de taller de pintura y fotografa que trabaja
sobre un "lienzo" y que est destinado para la edicin, retoque fotogrfico y pintura a
base de imgenes de mapa de bits o conocidos en Photoshop como grficos rasterizados,
elaborado por la compaa de software Adobe Systems inicialmente para computadores
Apple pero posteriormente tambin para plataformas PC con sistema operativo Windows.
Photoshop CS4 se utiliza para la edicin de fotografas y pintura, con una interfaz muy
completa en cuanto a funciones.

Manejo de Presentaciones Graficas

Para las presentaciones graficas en este curso utilizaremos el software llamado Illustrator
CC, Illustrator CC es una herramienta desarrollada por Adobe, con la que podremos crear
y trabajar con dibujos basados en grficos vectoriales.
Para entender cmo funciona este programa, lo primero es entender qu
es un grfico vectorial, y que diferencia existe con los grficos
basados en mapa de bits.
Puedes descargarte de forma gratuita una versin de 30 das de prueba
del programa desde la web de Adobe.

Qu Es Un Mapa De Bits?
Las imgenes de mapa de bits, tambin conocidas como imgenes rster, estn
compuestas por puntos individuales denominados pxeles, dispuestos y coloreados de
formas diversas para formar un patrn. Pero si aumenta el tamao del mapa de bits,
tambin aumentar el nmero de pxeles individuales, haciendo que las lneas y las
formas tengan un aspecto dentado, dando la sensacin de que ver los pxeles.
La reduccin del tamao de un mapa de bits distorsiona la imagen original, ya que se
eliminan algunos pxeles para reducir el tamao de la imagen, lo que hace que se pierda
informacin.

En el ejemplo vemos que al reducir la imagen, se han perdido pxeles, y ya no se muestra

el dibujo de la malla. Si esto lo hacemos desde un editor, y guardamos la imagen, estos
pxeles no se recuperan ni volviendo a aumentar la imagen, por lo que hemos perdido
calidad.

El color y la forma de una imagen de mapa de bits aparece regular si se observa a

distancia, puesto que cada pxel tiene un color propio, puede crearse efectos de realismo
fotogrfico tales como el sombreado y el aumento de la intensidad de color.
Debido a que las imgenes de mapa de bits forman conjuntos de pxeles ordenados, sus
distintos elementos no se pueden manipular (por ejemplo mover) de forma individual.
Se basan en mapa de bits los formatos ms habituales, como el jpg, bmp o gif.

Qu Es Un Grfico Vectorial?
Las imgenes vectoriales, tambin llamadas imgenes orientadas al objeto o imgenes
de dibujo, se definen matemticamente como una serie de puntos unidos por lneas.
Los elementos grficos presentes en un archivo vectorial se denominan objetos. Cada
objeto es una entidad completa con propiedades tales como color, forma, contorno,
tamao y posicin en la pantalla, que estn incluidas en su definicin.
Considerando que cada objeto es una entidad completa, se puede mover, cambiar sus
propiedades una y otra vez manteniendo su claridad y nitidez originales, sin afectar a los
restantes objetos de la ilustracin.

Los dibujos vectoriales no dependen de la resolucin. Esto significa que se muestran con
la mxima resolucin permitida por el dispositivo de salida: impresora, monitor, etc. Por
lo tanto, la calidad de imagen de tu dibujo ser mejor si lo imprimes en una impresora de
600 puntos por pulgada (ppp) que en una impresora de 300 ppp.
En esta imagen podemos ver que un grfico del mismo tamao, pierde resolucin al
aumentarlo si se trata de un mapa de bits, pero no si se trata de un grfico vectorial.

Existen programas distintos para tratar estos dos tipos de grficos. Programas como
Photoshop, Paint Shop Pro o GIMP trabajan sobre mapas de bits. Estos programas estn
ms enfocados al tratamiento y retoque fotogrfico. Otros programas, como Illustrator,
Corel Draw o InkScape trabajan con grficos vectoriales. Estos programas son ms
utilizados para crear imgenes desde cero, aunque lo que creemos lo convirtamos
despus a un mapa de bits, guardndolo como un gif o un jpg.
Illustrator nos permite tambin generar un grfico vectorial a partir de un mapa de bits.

El Entorno de Trabajo
Adobe Illustrator se abre como cualquier programa de Windows. Si durante la instalacin
se cre un icono de acceso directo en el escritorio, podemos hacer doble clic sobre l
para abrirlo. Si no, desde el men Inicio, podemos buscarlo en Todos los programas, si
no est en la lista de programas recientes. Otra opcin gil para encontrarlo es utilizar
la caja de bsqueda de Windows.
Al ejecutar el programa, lo primero que este har ser cargar sus archivos, plug-ins,
herramientas y mens. Esto tardar algunos segundo, dependiendo de la potencia de
nuestro ordenador.

Cuando arranca la aplicacin, lo primero que encontramos es la pantalla de

bienvenida, con las novedades de la nueva versin, (las pantallas de bienvenida van
cambiando de acuerdo a las versiones de Illustrator)

Al cerrar esta ventada danto clic en HECHO ahora podemos empezar a trabajar con
nuestro programa, lo primero es crear un nuevo documento, para ello damos clic en el
men Archivo y en la opcin Nuevo
Inmediatamente se abrir la ventana nuevo documento.
Lo primero que podemos elegir, es el nombre del documento escribindolo
en Nombre:. En este caso hemos elegido un perfil para Web, como podemos ver
en Nuevo perfil de documento. Desde aqu tambin podemos cambiar el perfil, y si lo
hacemos veremos realmente en qu se diferencian, porque cambiarn los valores
del rea de recorte (la parte del documento que contiene el grfico) y su tamao en
cuanto a Altura y Anchura y las Unidades en que se miden, adems de otras opciones
avanzadas que ya veremos, como el Modo de color o la resolucin. Todos estos valores
son personalizables, y cuando lo ajustemos a nuestras necesidades bastar con
pulsar Ok. Si cuando vayamos a elegir el perfil, prevemos que no necesitamos cambiar
ningn parmetro, podemos saltarnos esta ventana manteniendo pulsada la tecla Alt al
elegir el perfil.
Una vez elegido y configurado el perfil, se abrir el documento nuevo en el rea de
trabajo de Illustrator.

El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que
podemos mover y desplazar. Y cualquier disposicin de estos elementos se conoce como
rea de trabajo.
Vamos a ver ms detalladamente cules son estos elementos. Para que se muestren los
paneles, prueba a abrir una imagen o un documento ya creado.
Barra de mens.
Es la barra superior desde la que se despliegan los mens como Archivo o Edicin. Esta
barra es comn a la mayora de las aplicaciones Windows, por lo que ya conocers su
funcionamiento.

Panel de herramientas.
En el lateral izquierdo encontramos este panel, que agrupa las herramientas de dibujo,
edicin, etc. Algunas herramientas aparecen agrupadas en un mismo icono, las cuales se
diferencia por tener un triangulito en su esquina inferior derecha. Para desplegarlas hay
que mantener pulsado el ratn unos segundos. Tambin podemos acceder a sus
propiedades haciendo doble clic.

Panel de control.
En esta barra, situada debajo de la Barra de mens, aparecen opciones propias del
objeto que tengamos seleccionado. Por lo que estas opciones variarn segn el tipo de
objeto. Tambin podemos referirnos a ella como Barra de opciones.

Paneles.
Los paneles o paletas, normalmente situados a la derecha, muestran un grupo de
opciones y propiedades relacionadas, como puede ser el Navegador, Color o Pinceles.
Pueden estar agrupados en el Men o Grupo de paneles o podemos encontrarlos
flotantes, y aparecer apilados o acoplados. Todos los paneles se pueden agregar desde el
men Ventana.

Ventana del documento.

Cada uno de los documentos aparece en una ventana, que podemos minimizar,
maximizar o cerrar. En la esquina inferior izquierda de esta ventana encontramos
el Zoom para aumentar o disminuir el documento. Tambin es denominada Ventana de
ilustracin.
Dentro de esta ventana podemos encontrar mesas de trabajo. Estas mesas, dividen el
documento en zonas. Luego podremos, por ejemplo, exportar slo esas zonas. Las mesas,
aparecen como un recuadro blanco, quedando el fondo de la ventana del documento un
poco ms oscuro.
A veces, pueden parecernos muchos elementos, y darnos la sensacin de que nos
quedamos sin espacio para ver el documento sobre el que trabajamos. Una solucin a
esto es pulsar la tecla Tab (tabulador). Al hacerlo, se ocultan o visualizan todos los
elementos salvo la Ventana del documento. Si en vez de eso
pulsamos Maysculas + Tab se ocultarn slo los paneles.
Es importante conocer estos trminos, ya que nos referiremos constantemente a ellos a
lo largo del curso.

Herramientas de Dibujo
Trabajar con Objetos

Manejo de Presentaciones Fotogrficas

Herramientas de Pintura y Edicin
Trabajando con Capas
Formato y Texto