Técnicas digitales Clase 9 Diseño Gráfico
-
Upload
tania-munoa -
Category
Design
-
view
355 -
download
2
description
Transcript of Técnicas digitales Clase 9 Diseño Gráfico
![Page 1: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/1.jpg)
Técnicas de representación digital
Clase 9: Diseño gráfico
TAMM-11marzo2014
![Page 2: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/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: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/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: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/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: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/5.jpg)
![Page 6: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/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: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/7.jpg)
![Page 8: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/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: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/9.jpg)
![Page 10: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/10.jpg)
![Page 11: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/11.jpg)
![Page 12: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/12.jpg)
![Page 13: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/13.jpg)
Importancia de la comunicación visual
![Page 14: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/14.jpg)
![Page 15: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/15.jpg)
Clipping mask• Crear máscaras o recortes con vectores.
![Page 16: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/16.jpg)
Repetición de vectores y patrones• Trazar el vector que queremos repetir.• Seleccionar el vector y la herramienta de
rotación.• Hacer click donde deseamos que se coloque el
pivote de giro.• Apretar ALT mientras movemos la otra pieza
para que se repita.• Apretamos Ctrl+D para que se repita
automáticamente con la dimensión y posición que se guardó en el paso anterior.
• Patrones: Seleccionar>Objeto>Motivo>Crear
![Page 17: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/17.jpg)
Tutoriales
• Crear una máscara de recorte + repetición de vector
• https://www.youtube.com/watch?v=kbKuhw54O-o
• Crear patrones en Illustrator
• https://www.youtube.com/watch?v=5M93PYSz7fw
![Page 18: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/18.jpg)
Ejercicio 15: Póster de caricatura• Escogerán una película, una caricatura o una película de
caricatura.• Diseñarán un póster publicitario con el concepto de la
película y realizarán una abstracción.• Realizarán el diseño basado en vectores. 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.• Entrega: Miércoles 19 de marzo, antes de las 9am
![Page 19: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/19.jpg)
• Planifiquen, realicen bosquejos en sucio, antes de empezar a trabajar en el programa.
• Guarden constantemente el archivo mientras trabajan.
![Page 20: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/20.jpg)
![Page 21: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/21.jpg)
![Page 22: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/22.jpg)
![Page 23: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/23.jpg)
![Page 24: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/24.jpg)
![Page 25: Técnicas digitales Clase 9 Diseño Gráfico](https://reader033.fdocuments.es/reader033/viewer/2022061219/54b938ca4a7959005f8b458b/html5/thumbnails/25.jpg)
Ejemplo de Cubismo en el arte digital:http://tutorgrafico.com/impresionantes-ejemplos-del-cubismo-en-el-arte-digital.html