Kursus Illustrator - Membuat Logo Dengan Live Paint Illustrator
Tecnicas Digitales Clase9 Intro Illustrator
-
Upload
tania-munoa -
Category
Design
-
view
765 -
download
3
description
Transcript of Tecnicas Digitales Clase9 Intro Illustrator
![Page 1: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/1.jpg)
Técnicas de representación digital
2o Parcial: Illustrator
TAMM-13marzo2013
![Page 2: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/2.jpg)
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.
![Page 3: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/3.jpg)
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.
![Page 4: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/4.jpg)
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.
![Page 5: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/5.jpg)
![Page 6: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/6.jpg)
• 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.
![Page 7: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/7.jpg)
![Page 8: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/8.jpg)
• 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.
![Page 9: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/9.jpg)
![Page 10: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/10.jpg)
![Page 11: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/11.jpg)
![Page 12: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/12.jpg)
![Page 13: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/13.jpg)
Importancia de la comunicación visual
![Page 14: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/14.jpg)
![Page 15: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/15.jpg)
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.
![Page 16: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/16.jpg)
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.
![Page 17: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/17.jpg)
![Page 18: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/18.jpg)
![Page 19: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/19.jpg)
Área de trabajo
![Page 20: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/20.jpg)
![Page 21: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/21.jpg)
![Page 22: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/22.jpg)
Pluma para vectorizado
La pluma es una herramienta semejante a la de Photoshop, sirve para hacer trazos con vectores utilizando puntos de ancla.
![Page 23: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/23.jpg)
Los trazos vectoriales en Illustrator tienen la ventaja de que se puede cambiar el color y tamaño de línea, el color interior.
![Page 24: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/24.jpg)
Figuras predeterminadas
• El programa presenta algunas figuras predeterminadas como son:– Rectángulos– Elipse– Polígono– Estrella– Elipses
![Page 25: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/25.jpg)
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.
![Page 26: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/26.jpg)
Ejemplo de Exportar
![Page 27: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/27.jpg)
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.
![Page 28: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/28.jpg)
Ejemplos de aplicaciones
![Page 29: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/29.jpg)
Serigrafía
![Page 30: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/30.jpg)
![Page 31: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/31.jpg)
Publicidad/Empaque
![Page 32: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/32.jpg)
![Page 33: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/33.jpg)
![Page 34: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/34.jpg)
![Page 35: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/35.jpg)
Imagen corporativa
![Page 36: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/36.jpg)
![Page 37: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/37.jpg)
![Page 38: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/38.jpg)
Ilustración
![Page 39: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/39.jpg)
![Page 40: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/40.jpg)
![Page 41: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/41.jpg)
Ilustradores mexicanos
Choper Nawers
Blog: http://ismenews.blogspot.com/
![Page 42: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/42.jpg)
![Page 43: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/43.jpg)
Anibal Pantoja
Blog: http://anibalpantoja.blogspot.com/
![Page 44: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/44.jpg)
César Nández
Blog: http://cesarnandez.blogspot.com/
![Page 45: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/45.jpg)
![Page 46: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/46.jpg)
![Page 47: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/47.jpg)
Revista Mitotehttp://www.mitoteros.com/
![Page 48: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/48.jpg)
Tutorial vectorizado de imagen
• http://www.taringa.net/posts/imagenes/6317889/Como-vectorizar-una-imagen-_Tutorial-propio_.html
![Page 49: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/49.jpg)
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.
![Page 50: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/50.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.
![Page 51: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/51.jpg)
Personaje originalCalca de mayor
tamaño
Buena presentación…¡Fondo!
![Page 52: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/52.jpg)
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.
![Page 53: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/53.jpg)
• Planifiquen, realicen bosquejos en sucio, antes de empezar a trabajar en el programa.
• Guarden constantemente el archivo mientras trabajan.
![Page 54: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/54.jpg)
![Page 55: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/55.jpg)
![Page 56: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/56.jpg)
![Page 57: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/57.jpg)
![Page 58: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/58.jpg)
![Page 59: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/59.jpg)
Ejemplo de Cubismo en el arte digital:http://tutorgrafico.com/impresionantes-ejemplos-del-cubismo-en-el-arte-digital.html
![Page 60: Tecnicas Digitales Clase9 Intro Illustrator](https://reader033.fdocuments.net/reader033/viewer/2022061208/548ae3d4b47959c5248b469c/html5/thumbnails/60.jpg)
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/