Este documento presenta una lección sobre el programa Illustrator. Explica que Illustrator se usa para crear ilustraciones y diseños gráficos utilizando vectores. Detalla la historia del diseño gráfico y describe las herramientas básicas de Illustrator como las capas, las figuras predeterminadas y las funciones de guardar y exportar. Finalmente, incluye ejemplos de trabajos creados en Illustrator.

1. Técnicas de representación
digital
Diseño Gráfico
Clase 15: Illustrator
TAMM-13octubre2017

2. Objetivos
El alumno aprenderá la importancia del diseño gráfico y la
composición para una buena comunicación visual.
También a realizar composiciones gráficas, vectorizado de
imágenes, Ilustraciones, etc. utilizando el programa
Illustrator.

3. Diseño Gráfico
El diseño gráfico es una
actividad cuyo objetivo es
proyectar mensajes
contemplando diversas
necesidades que varían
según el caso: estilísticas,
informativas,
identificatorias, vocativas,
de persuasión, de código,
tecnológicas, de
producción, de innovación,
etc.

4. Historia del diseño gráfico
• Siglo XV y XVI: nacimiento de la
tipografía, desarrollo de diseño
de tipos, normas de
composición, ilustración y
encuadernación.
• Siglo XVIII: aparición del
periódico y anuncios
publicitarios y comerciales. Se
crean las escuelas de artes
aplicadas. La Revolución
Francesa impulsa la libertad de
prensa, aparece la propaganda
política y la caricatura y la sátira.

6. • Siglo XIX: la Revolución Industrial impulsa el comercio y se toma la
publicidad como estrategia de ventas. Se desarrolla la imprenta
semiautomática. Aparecen las tipologías: Negritas, Itálica, Finas; y
establecen fuentes reconocidas: Egipcia, Góticas, Antiguas y escritura
Inglesa.

8. Siglo XX: la automatización provocó el aumento en la
demanda del material impreso y el desarrollo de la
publicidad: Cartel Publicitario.
• Aparición del Art Nouveau acelera la evolución del arte y el
diseño, y crea el diseño gráfico como un medio de
expresión, más que para comunicación.
• El dadaismo, el constructivismo ruso, el futurismo y el
cubismo rompieron con los layouts y tipografías tradicionales.
• El uso de retícula en la arquitectura, que se estaba
moldeando a los avances tecnológicos, sirvieron como
inspiración para el uso de retícula en la construcción de
páginas, y posteriormente en la herramienta básica del
diseño gráfico.
• La Bauhaus, el De Stijl y el estudio psicológico de la Gestalt
terminaron de definir el uso de la retícula como base y la
percepción como parte de la finalidad.

16. Illustrator
• Es un programa enfocado a la creación artística de dibujo
y pintura para ilustración (ilustración como rama del arte
digital aplicado a la ilustración técnica o el diseño gráfico).
• Es un programa de la familia Adobe, por lo que es
compatible con los programas de dicha familia.
• Su principal objetivo es la ilustración a través de
vectores.

17. Vectores
Una imagen vectorial es
una imagen digital formada por
objetos geométricos
independientes (segmentos,
polígonos, arcos, etc.), cada
uno de ellos definido por
distintos atributos
matemáticos de forma, de
posición, de color, etc.
Por ejemplo un círculo de color
rojo quedaría definido por la
posición de su centro, su radio,
el grosor de línea y su color.

18. La imagen vectorial, al
estar formada por
curvas
matemáticas, se
puede agrandar
infinitamente sin
perder su calidad
(¡¡no pixeles yeeiii!!).

22. Ejercicio 15: Personaje vectorizado
Escogerán una imagen de internet de alguno de los
personajes de:
– Los padrinos mágicos
– Las chicas superpoderosas
– El Laboratorio de Dexter
– Caricatura vectorial (podemos revisarla)
• Abrirán un archivo en Illustrator y lo vectorizarán
calcándolo, debe quedar idéntico al original.
• Después de calcarlo lo harán más grande y pegarán la
imagen original a un lado.
• Lo exportarán en jpg, RGB y subirán a deviantart.
• Tamaño: 1024x850, calidad media (150 dpis)
• Entrega: Martes 17 de octubre antes de las 3pm

23. Personaje original
Calca de mayor
tamaño
Buena presentación…
¡Fondo!

25. Workspace

32. http://jetsetcom.net/images/downloads/illustrator_cc_tools_modifier_keys.pdf

33. Illustrator trabaja en CMYK y 300 dpis de resolución por default porque sus archivos
tienen como destino final la impresión. Los vectores no tienen una resolución real
porque son ecuaciones matemáticas que el programa traduce a imágenes, no pixeles.
Archivo Nuevo

34. Pen
La pluma es la
herramienta más
importante de este
programa. Es
semejante a la de
Photoshop, sirve para
hacer trazos con
vectores utilizando
puntos de ancla.

35. http://jetsetcom.net/images/downloads/Pen_Tool_Technique_2014.pdf

36. Los trazos vectoriales en Illustrator tienen la
ventaja de que se puede cambiar el color
y tamaño de línea, el color interior, aplicar
degradados, etc. Su configuración se
encuentra en el panel de control.

37. Color interior y línea

38. Brushes y efectos de color
• La características del
vector pueden ser
modificadas cuantas
veces se desee.
• Se pueden crear
degradados, figuras,
texturas, etc., a lo largo o
en el interior del vector.
• Sólo se tiene que
seleccionar de una lista
predeterminada.

40. Figuras predeterminadas
• El programa presenta
algunas figuras
predeterminadas que
siguen siendo
vectores como son:
– Rectángulos
– Elipse
– Polígono
– Estrella
– Elipses

41. Capas
• Las capas funcionan casi de
la misma manera que en
Photoshop y Sketchbook
pro, son transparentes, se
pueden bloquear y la que
está hasta arriba tapa las de
abajo.
• La diferencia es que un
vector puede cambiarse de
capa.
• En Illustrator es muy
importante utilizarlas, pues
ayuda a trabajar con mayor
orden y también para
selecciones más rápidas y
precisas.

42. Cada capa tiene un
color asignado, para
saber en cuál estamos
trabajando el trazo del
vector es del mismo
color que la capa en la
que se encuentra.

43. 1. Creamos una capa nueva. 2. Seleccionamos con el cursor el vector
(click izquierdo). 3. Seleccionamos la capa a la cual queremos enviar el
vector. 4. Click derecho > Organizar > Enviar a capa Actual.
Cambiar un vector de una capa a otra:

44. Save y export
• Guardar como
– Se utiliza el comando para guardar los
archivos en formatos que utilizan vectores
como .ai, .eps, etc.
• Exportar
– Se utiliza este comando para guardar los
archivos en formatos de imagen como .jpg,
.bmp, .dwf, etc.

45. Ejemplo de export

46. Ejemplos

47. Silk screen print

49. Publicidad/Packaging

53. Posters
http://worldsoccertalk.com/2014/05/22/view-world-cup-posters-for-all-32-teams-at-
brazil-2014-from-espn/

54. Identidad coorporativa

57. Ilustración

61. Ilustradores Mexicanos
Choper Nawers
Blog:
http://ismenews.blogs
pot.com/

63. Anibal Pantoja
Blog:
http://anibalpantoja.blogs
pot.com/

64. César Nández
Blog:
http://cesarnandez.blo
gspot.com/

67. Revista Mitote
http://www.mitoteros.com/

68. Tutorial vectorizado de imagen
• http://www.taringa.net
/posts/imagenes/6317
889/Como-vectorizar-
una-imagen-_Tutorial-
propio_.html

69. Artistas interesantes
StepPuki (illustrator diseño de personajes)
• http://steppuki.deviantart.com/
Strongstuff (illustrator y diseño de posters)
• http://strongstuff.deviantart.com/
Sebastien Millon (illustrator, diseño gráfico y playeras)
• http://sebreg.deviantart.com/
Photoshop is my Kung-Fu (pintura digital en photoshop)
• http://photoshopismykung-fu.deviantart.com/
Genzoman (pintura digital en photoshop)
• http://genzoman.deviantart.com/
Dave Perillo o Montygog (Illustrator, diseño gráfico)
• http://montygog.deviantart.com/
Kuso design (Illustrator, diseño de personajes e ilustración)
• http://kusodesign.deviantart.com/
Ivan Bliznak (Illustrator, diseñador gráfico, ilustrador y artista)
• http://ivan-bliznak.deviantart.com/