Diseo Grafico

SESION 1

DISEO GRAFICO
Ing. Edgard Vilcarino Zelada

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

Historia del Diseo Grafico

Durante el ltimo cuarto del siglo XX, la tecnologa electrnica e informtica ha avanzado
a un ritmo extraordinario y ha transformado muchos mbitos de la actividad humana. El
diseo grfico se ha visto afectado de forma irrevocable por el hardware y el software de
la informtica digital y el crecimiento explosivo de Internet. La revolucin industrial
haba fragmentado el proceso de crear e imprimir la comunicacin grfica en una serie de
pasos especializados. Cuando se impuso la fototipografa durante la dcada de 1960, los
especialistas cualificados incluan a los diseadores gr- ficos, que creaban la
composicin de la pgina; los cajistas, que se encargaban del texto y del equipo necesario
para componer la tipografa; los armadores, que pegaban todos los elementos en su sitio
en los tableros; los operadores de cmara, que hacan los negativos fotogr- ficos con los
originales montados, las ilustraciones y las fotografas; los que reunan estos negativos;
los que preparaban las planchas de impresin, y los operadores de imprenta que hacan
funcionar las prensas. En la dcada de 1990, gracias a la tecnologa digital, una sola
persona con un ordenador de sobremesa poda controlar la mayora de estas funciones,
por no decir todas. Las nuevas impresoras fotopticas usaban lseres controlados por
ordenador para fotosensibilizar los tambores de impresin, lo cual haca posible imprimir
pliegos a todo color en tiradas cortas y hasta individualizadas. A pesar de la fuerte
resistencia inicial de muchos diseadores, la nueva tecnologa mejor rpidamente, lo
cual favoreci su gran aceptacin. Los usuarios de ordenadores consiguieron un mayor
control del proceso de diseo y el de produccin. La tecnologa digital y el software
avanzado tambin ampliaron el potencial creativo del diseo grfico, al hacer posible una
manipulacin sin precedentes del color, la forma, el espacio y las imgenes. El desarrollo
de la televisin por cable y por satlite en el ltimo cuarto del siglo aument la cantidad
de canales de radiodifusin, inspir avances creativos y tcnicos en el diseo grfico de
la emisin y el movimiento y prepar el camino para que los consumidores aprovecharan
el poder y la flexibilidad que les brindaba Internet. La rpida evolucin de Internet y de
la red durante la dcada de 1990 transform la manera de comunicarnos y de acceder a la
informacin y gener una revolucin que super incluso a Gutenberg en magnitud. A
principios del siglo XXI, muchas personas haban pasado a depender de Internet para
tener acceso tanto a la informacin como al entretenimiento, un fenmeno que ha afectado
todos los aspectos de la sociedad y la cultura. La tecnologa ha transformado la era de la

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

comunicacin corporativa para pblicos masivos en un perodo de medios de

comunicacin descentralizados que ofrecen a cada individuo opciones casi ilimitadas. La
experimentacin en infografa agit las ideas de diseo moderno y posmodernas, las
recuperaciones retro, el trabajo excntrico y explor tcnicas electrnicas para producir
un perodo de pluralismo y diversidad en el diseo. Los orgenes del diseo grfico
asistido por ordenador La revolucin digital ha llegado al escritorio de todos los
diseadores grficos, porque, durante la dcada de 1980, tres compaas introdujeron
hardware y software muy poderosos y, sin embargo, a precios asequibles: Apple
Computer desarroll el ordenador Macintosh, Adobe Systems invent el lenguaje de
programacin PostScript, que es la base del software de maquetacin de pginas y de la
tipografa generada electrnicamente, y Aldus cre PageMaker, una de las primeras
aplicaciones de software que usaba PostScript para disear pginas en la pantalla del
ordenador. Cuando en 1984 Apple Computer present la primera generacin de
ordenadores Macintosh, basada en una tecnologa que se aplic por primera vez en su
ordenador Lisa, pronostic una revolucin grfica. El Macintosh presentaba grficos por
mapas de bits, es decir que la pantalla presentaba la informacin como puntos llamados
pxeles, con 72 puntos por pulgada (ppp o dpi,) en una pantalla en blanco y negro. Su
interfaz con el usuario se lograba mediante un dispositivo de sobremesa llamado ratn,
cuyo movimiento controlaba un puntero en la pantalla. Al situar el puntero sobre un icono
en la pantalla (figura 24-1) y pulsar un botn del ratn, el usuario poda controlar el
ordenador de forma intuitiva y concentrarse as en el trabajo creativo en lugar del
funcionamiento del aparato o la programacin. El primer ratn, una cajita de madera con
rueditas de acero, fue un invento del cientfico Douglas C. Engelbart (naci en 1925) en
la dcada de 1960 en el Augmentation Research Center del gobierno federal de Estados
Unidos. Segn la patente, era un indicador de la posicin x-y para un sistema de
visualizacin. Un colega apod ratn al pequeo indicador de Engelbart y el nombre
qued. El ratn hizo accesibles los ordenadores mediante procesos intuitivos, en lugar de
la tediosa codificacin matemtica, y puso el uso de los ordenadores al alcance de miles
de personas, desde contables y escritores hasta ilustradores y diseadores.

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

Fundamentos
Definimos el diseo como un proceso o labor destinado a proyectar, coordinar,
seleccionar y organizar un conjunto de elementos para producir y crear objetos
visuales destinados a comunicar mensajes especficos a grupos determinados.
El conjunto de elementos que implican la creacin de un diseo, se relacionan
como:
Traza, delinecin de un edificio o de una figura.
Descripcin de un objeto o cosa, hecho con las palabras.
Disposicin de manchas, colores o dibujos que caracterizan exteriormente a
diversos animales y plantas.
Proyecto y plan, diseo urbanstico.
Concepcin original de un objeto u obra destinados a la produccin en serie,
dentro del mundo de la moda, industrial.
La Forma de cada uno de estos objetos.

Un diseo es una pieza con un cierto atractivo visual, con personalidad propia y
un gran equilibrio esttico.

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

mbitos de aplicacin
El diseo se aplica, en todos los mbitos y se encuentra por todas partes. Dentro
del mundo digital, en toda la red, internet (la web). Diseos de todo el mundo
publicitario, revistas, peridicos, libros, manuales (diseo y maquetacin).
Encontramos diseo en nuestro mobiliario, una silla, un mueble... (diseo
industrial y ergonomia). Divisamos el diseo en el mundo multimedia, el cine,
televisin, videos, musicales, trailers, y dems efectos especiales.
Las posibilidades del diseo grfico son infinitas, ya que cada vez son ms los
campos en los que se emplean elementos creados a travs del ordenador.
El diseo se podra dividir en tres grupos principales:
La

edicin,

diseo

La

publicidad,

de

diseo

todo
de

tipo

de

carteles

libros,

peridicos,

publicitarios,

y revistas.

anuncios,

folletos.

La identidad, diseo de una imagen corporativa de una empresa.

Disear se puede considerar un arte, pero no es
del todo exacto. Un diseo puede reunir unas
ciertas pautas estticas como para considerarlas
obras de arte. En los museos de arte moderno,
pueden verse carteles enre pinturas o dibujos
artsticos, y otros objetos que se crearon para una
funcin especial y especfica, en los que puedan
incluir el arte en s.
La belleza de un diseo puede superar en muchas ocasiones, cualquier obra de
Arte, por muy preciada que sta sea, siempre que siga los tres elementos
bsicos de comunicacin:
Un mtodo para disear,
un objetivo que comunicar
y un campo visual.

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

Aspectos bsicos
Los elementos bsicos que se deben dominar y tener en cuenta en cualquier
diseo:
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: Estar informados, la manera en que las personas vemos y
percibimos lo que vemos. Aspectos tan importantes, como nuestro campo visual,
el recorrido de la vista, el contraste, la percepcin de las figuras, fondos,
trayectoria de la luz.
Administracin de recursos: Conocer todos los recursos de los que se
dispone, y aplicarlos lo mejor posible.

Corel Draw
CorelDRAW es un programa de dibujo vectorial que facilita la creacin de
ilustraciones profesionales: desde simples logotipos a complejas ilustraciones
tcnicas. Proporciona una variedad de herramientas y efectos que te permiten
trabajar de manera eficiente para producir grficos de alta calidad. Asimismo, te
permite enviar una ilustracin a un servicio de filmacin para su impresin o para
la publicacin de un documento en Internet.
Al arrancar CorelDRAW X6 aparece una pantalla inicial como sta, vamos a ver
sus componentes fundamentales. As conoceremos los nombres de los
diferentes elementos y ser ms fcil entender el resto del curso.

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

La pantalla que se muestra a continuacin (y en general todas las de este curso)

puede no coincidir exactamente con la que ves en tu ordenador, ya que cada
usuario puede decidir qu elementos quiere que se vean en cada momento,
como veremos ms adelante.
En la pantalla inicial observas una gran porcin blanca de la pantalla: esa es la
ventana de dibujo. El rectngulo del centro con la sombra proyectada, representa
la pgina de dibujo. Normalmente slo se imprime la parte del dibujo que queda
incluida en la pgina de dibujo. Puedes utilizar el resto del espacio de la ventana
de dibujo, denominado mesa de trabajo, para mantener a mano las herramientas
y los elementos que utilizars mientras dibujas

Al seleccionar la pestaa o la opcin Empezar, puedes:

Crear un documento nuevo vaco, Nuevo con plantilla.
Abrir un documento reciente, abrir otros, ver novedades, aprendizaje,
etc.

Ventana de la Aplicacin
Al iniciar CorelDRAW y hacer clic en la opcin Nuevo Documento Vaco,
se abre una ventana en la aplicacin que te permitir crear una nueva
Ventana o Lienzo de Dibujo. Puedes elegir entre los diferentes Tamaos,

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

Nmeros de Pginas, Modo de Color,

especificaciones que all se encuentran.

Resolucin,

entre

otras

Es posible abrir ms de una Ventana de dibujo , pero las herramientas solamente

se pueden usar en la ventana de dibujo activa.

Men
Barra de
Propiedades
Ventanas
Acoplables

Caja de
Herramientas

Ventana de Dibujo

Ing. Edgard Vilcarino Zelada

Paleta de
Colore

DISEO GRAFICO-ULADECH

Manejo Bsico de las Herramientas del Programa

1.

Abre el programa Corel Draw.

2.

Crea un Nuevo Documento Vaco de Tamao: Oficio (deja el resto de los

datos por defecto).

3.

Delimita los 4 mrgenes de la hoja, con las lneas gua. Para ello, haz clic
con el ratn sobre la regla horizontal o vertical y arrastra la lnea gua hasta
la posicin deseada en la pagina
4.

Regla

Lneas Gua
Regla

5.

Haz doble clic en la ventana superior y en la ventana que aparecer

modifica las unidades a centmetros.

6.

Crea un rectngulo con la herramienta correspondiente

7.

Modifica su tamao desde la Barra de Herramientas: Ancho : 7 cm y Alto:

4 cm. Rotalo a 45 grados, tambin desde esa barra. Debes tener algo
parecido a lo siguiente:

Ing. Edgard Vilcarino Zelada

DISEO GRAFICO-ULADECH

8.

Traza un cuadro. Para hacerlo,

debes seleccionar la herramienta.
Rectangulo y presionar la tecla
CTRL mientra trazas la figura de
esta manera sus lados quedaran
del mismo tamao.

9.

Modifica su Tamao desde los

puntos de control (herramientas:
Seleccin y clic sobre la figura).

10. Rotalo desde los puntos de

control (herramientas: Seleccin
y doble Clic sobre la figura).

11. Traza una Elipse y un Crculo con la Herramienta correspondiente

Para

trazar el crculo, debe mantener presionada la tecla CTRL).

12.

Hasta los momentos, debes tener algo parecido a lo siguiente:

Ing. Edgard Vilcarino Zelada

10

DISEO GRAFICO-ULADECH

13.

Traza un polgono regular de 6 lados, con la Herramienta Polgono Para

hacerlo, presiona la tecla CTRL mientras realizas la figura.

14.

Para modificar la cantidad de lados del Polgono, puedes ir a la Barra

Herramienta y cambiar la cantidad de Puntos o Lados.

15.

Traza un espiral de 9 revoluciones con la herramienta espiral que se

encuentra haciendo clic en la Herramienta Polgono .. Para modificar el n de

revoluciones, cambia el nmero desde la barra de herramientas, antes de
trazar el espiral

16.

Utilizando la herramienta Seleccin, ubica todos los elementos adecuadamente

dentro de la hoja de trabajo

17. Guarda tu trabajo. Tienes dos formas para guardar:

Si ya el trabajo est terminado y no lo vas a modificar en un futuro, haz
clic en Men>Archivo>Exportar, coloca el nombre que le dars a la

Ing. Edgard Vilcarino Zelada

11

DISEO GRAFICO-ULADECH

imagen y elige el tipo de formato con el cual la guardars (jpg, png, pdg,
entre otros).
Si el trabajo an no est terminado y lo vas a modificar en un futuro, haz clic en el
Men>Archivo>Guardar Como coloca el nombre que le vas a dar a la imagen y elige
la opcin por defecto Tipo: CDR-Corel Draw

Dar forma a Objetos

Soldar objetos
Puedes obtener cualquier forma que desees soldando dos o varios objetos. Para
ello debes seleccionar los objetos que quieres soldar. Luego haz clic en el men
Organizar, selecciona Dar Forma y all tienes la opcin Soldar
Recortar objetos
Puedes obtener cualquier forma que surja recortando dos objetos. Para ello
debes seleccionar los objetos que quieres recortar. Luego haz clic en el men
Organizar, selecciona Dar Forma y all tienes la opcin Recorta
PRIMERO DEBES DE ACTIVAR EL PANEL DE OPCIONES.
Para eso sigue la secuencia de la siguiente infografa

Ing. Edgard Vilcarino Zelada

12

DISEO GRAFICO-ULADECH

PANEL DE OPCIONES.

PASOS PARA SOLDAR O RECORTAR.

1. Seleccione solamente el objeto que desea soldar o recortar con otro.
2. Active del men la opcin soldar o recortar.
3. Presione clic en el botn Soldar a o Recortar a.
4. Clic con el mouse sobre el objeto destino el que no ha seleccionado

Al final debe quedar as:

Ing. Edgard Vilcarino Zelada

13

DISEO GRAFICO-ULADECH

Ejercicios de aplicacin:

Ing. Edgard Vilcarino Zelada

14