Técnicas de representación digital

2o Parcial: Illustrator

TAMM-13marzo2013

Objetivo

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, vectorización de imágenes, Ilustraciones, etc. utilizando el programa Illustrator.

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.

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.

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

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

Importancia de la comunicación visual

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.

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

La imagen vectorial, al estar formada por curvas matemáticas, se puede agrandar infinitamente sin perder su calidad. 

Área de trabajo

Pluma para vectorizado

La pluma es una herramienta semejante a la de Photoshop, sirve para hacer trazos con vectores utilizando puntos de ancla.

Los trazos vectoriales en Illustrator tienen la ventaja de que se puede cambiar el color y tamaño de línea, el color interior.

Figuras predeterminadas

• El programa presenta algunas figuras predeterminadas como son:– Rectángulos– Elipse– Polígono– Estrella– Elipses

Guardar y exportar

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

Ejemplo de Exportar

Capas• Las capas funcionan

de la misma manera que en Photoshop y Sketchbook pro.

• En Illustrator es muy importante utilizarlas, pues ayuda a trabajar con mayor orden y también para selecciones más rápidas y precisas.

Ejemplos de aplicaciones

Serigrafía

Publicidad/Empaque

Imagen corporativa

Ilustración

Ilustradores mexicanos

Choper Nawers

Blog: http://ismenews.blogspot.com/

Anibal Pantoja

Blog: http://anibalpantoja.blogspot.com/

César Nández

Blog: http://cesarnandez.blogspot.com/

Revista Mitotehttp://www.mitoteros.com/

Tutorial vectorizado de imagen

• http://www.taringa.net/posts/imagenes/6317889/Como-vectorizar-una-imagen-_Tutorial-propio_.html

Lectura 3: Principales teorías éticas• Leer la lectura Principales teorías éticas de

Adela Cortina.• Realizar un mapa conceptual que muestre las

principales teorías y sus características.• Usar Photoshop o Illustrator.• Indispensable para realizar el ejercicio del día 3

de abril y requisito para entregar el proyecto del 2o parcial.

• Fecha de entrega: Miércoles 3 de abril en clase.

• Llevar el archivo en jpg.

Ejercicio 12: vectorizado

Escogerán una imagen de internet de alguno de los personajes de:– Los padrinos mágicos– Las chicas superpoderosas– El Laboratorio de Dexter

• 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. El tamaño de hoja es indistinto.

Personaje originalCalca de mayor

tamaño

Buena presentación…¡Fondo!

Ejercicio 13: Póster de caricatura• Escogerán una película, una caricatura o una película de

caricatura.• Diseñarán un póster publicitario donde harán una

abstracción del personaje.• Realizarán el vectorizado del personaje. Pueden

ambientar con imágenes vectorizadas dibujadas también, figuras, letreros, etc. Se pueden mezclar programas: Sketchbook, Photoshop e Illustrator.

• Tamaño de hoja: doble carta a 200dpis.• Guardar en RGB para subir a deviantart.• Avance para el Miércoles 20 de marzo (60%)• Entrega: Viernes 22 de marzo.

• Planifiquen, realicen bosquejos en sucio, antes de empezar a trabajar en el programa.

• Guarden constantemente el archivo mientras trabajan.

Ejemplo de Cubismo en el arte digital:http://tutorgrafico.com/impresionantes-ejemplos-del-cubismo-en-el-arte-digital.html

Artistas interesantesStepPuki (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/