Click here to load reader

Técnicas Digitales: Clase15 illustrator em2017

  • View
    124

  • Download
    5

Embed Size (px)

Text of Técnicas Digitales: Clase15 illustrator em2017

  • Tcnicas de representacin digitalDiseo GrficoClase 15: IllustratorTAMM-11octubre2016

  • ObjetivosEl alumno aprender la importancia del diseo grfico y la composicin para una buena comunicacin visual.Tambin a realizar composiciones grficas, vectorizado de imgenes, Ilustraciones, etc. utilizando el programa Illustrator.

  • Diseo Grfico

    El diseo grfico es una actividad cuyo objetivo es proyectar mensajes contemplando diversas necesidades que varan segn el caso: estilsticas, informativas, identificatorias, vocativas, de persuasin, de cdigo, tecnolgicas, de produccin, de innovacin, etc.

  • Historia del diseo grfico

    Siglo XV y XVI: nacimiento de la tipografa, desarrollo de diseo de tipos, normas de composicin, ilustracin y encuadernacin.

    Siglo XVIII: aparicin del peridico y anuncios publicitarios y comerciales. Se crean las escuelas de artes aplicadas. La Revolucin Francesa impulsa la libertad de prensa, aparece la propaganda poltica y la caricatura y la stira.

  • Siglo XIX: la Revolucin Industrial impulsa el comercio y se toma la publicidad como estrategia de ventas. Se desarrolla la imprenta semiautomtica. Aparecen las tipologas: Negritas, Itlica, Finas; y establecen fuentes reconocidas: Egipcia, Gticas, Antiguas y escritura Inglesa.

  • Siglo XX: la automatizacin provoc el aumento en la demanda del material impreso y el desarrollo de la publicidad: Cartel Publicitario. Aparicin del Art Nouveau acelera la evolucin del arte y el diseo, y crea el diseo grfico como un medio de expresin, ms que para comunicacin. El dadaismo, el constructivismo ruso, el futurismo y el cubismo rompieron con los layouts y tipografas tradicionales. El uso de retcula en la arquitectura, que se estaba moldeando a los avances tecnolgicos, sirvieron como inspiracin para el uso de retcula en la construccin de pginas, y posteriormente en la herramienta bsica del diseo grfico. La Bauhaus, el De Stijl y el estudio psicolgico de la Gestalt terminaron de definir el uso de la retcula como base y la percepcin como parte de la finalidad.

  • IllustratorEs un programa enfocado a la creacin artstica de dibujo y pintura para ilustracin (ilustracin como rama del arte digital aplicado a la ilustracin tcnica o eldiseo grfico).Es un programa de la familia Adobe, por lo que es compatible con los programas de dicha familia.Su principal objetivo es la ilustracin a travs de vectores.

  • VectoresUnaimagen vectoriales unaimagendigital formada por objetos geomtricos independientes (segmentos, polgonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemticos de forma, de posicin, de color, etc. Por ejemplo un crculo de color rojo quedara definido por la posicin de su centro, su radio, el grosor de lnea y su color.

  • Laimagenvectorial, al estar formada por curvas matemticas,se puede agrandar infinitamentesin perder su calidad (no pixeles yeeiii!!).

  • Ejercicio 15: Personaje vectorizadoEscogern una imagen de internet de alguno de los personajes de:Los padrinos mgicosLas chicas superpoderosasEl Laboratorio de DexterCaricatura vectorial (podemos revisarla)Abrirn un archivo en Illustrator y lo vectorizarn calcndolo, debe quedar idntico al original. Despus de calcarlo lo harn ms grande y pegarn la imagen original a un lado.Lo exportarn en jpg, RGB y subirn a deviantart. Tamao: 1024x850, calidad media (150 dpis)Entrega: Martes 14 de marzo antes de las 3pm

  • Personaje originalCalca de mayor tamaoBuena presentacinFondo!

  • Ejercicio 16: Pster MinimalistaEscogern una pelcula, puede ser live action o de animacin.Disearn un pster publicitario con el concepto de la pelcula, realizarn una abstraccin y utilizarn plastas para disearlo (diseo minimalista).Realizarn el diseo basado en vectores. Pueden ambientar con imgenes vectorizadas dibujadas tambin, figuras, letreros, logos, etc. Se pueden mezclar programas: Sketchbook, Photoshop e Illustrator.Utilizarn retculas para medir y realizar toda la composicin. Subirn la imagen final y la impresin de pantalla con las retculas.Tamao de hoja: carta a 200dpis.No se pueden calcar imgenes de otros psters/escenas.Pueden utilizar fuentes gratuitas que vayan con el estilo del pster.Entrega: Viernes 17 de marzo antes de las 11:59pm.

  • Planifiquen, realicen bosquejos en sucio, antes de empezar a trabajar en el programa (thumbnails). Guarden constantemente el archivo mientras trabajan y recuerden dnde lo guardaron.

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

  • Cosas tiles Disney movie postershttp://iliketowastemytime.com/2012/04/18/different-take-disney-movie-posters-10-picsAlternative movies postershttp://www.shortlist.com/entertainment/films/the-30-coolest-alternative-movie-posters-ever#

  • Workspace

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

  • Illustrator trabaja en CMYK y 300 dpis de resolucin por default porque sus archivos tienen como destino final la impresin. Los vectores no tienen una resolucin real porque son ecuaciones matemticas que el programa traduce a imgenes, no pixeles. Archivo Nuevo

  • Pen

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

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

  • Los trazos vectoriales en Illustrator tienen la ventaja de que se puede cambiar el color y tamao de lnea, el color interior, aplicar degradados, etc. Su configuracin se encuentra en el panel de control.

  • Color interior y lnea

  • Brushes y efectos de colorLa caractersticas 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.Slo se tiene que seleccionar de una lista predeterminada.

  • Figuras predeterminadasEl programa presenta algunas figuras predeterminadas que siguen siendo vectores como son:RectngulosElipsePolgonoEstrellaElipses

  • CapasLas 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 tambin para selecciones ms rpidas y precisas.

  • Cada capa tiene un color asignado, para saber en cul estamos trabajando el trazo del vector es del mismo color que la capa en la que se encuentra.

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

  • Save y exportGuardar comoSe utiliza el comando para guardar los archivos en formatos que utilizan vectores como .ai, .eps, etc.ExportarSe utiliza este comando para guardar los archivos en formatos de imagen como .jpg, .bmp, .dwf, etc.

  • Ejemplo de export

  • Ejemplos

  • Silk screen print

  • Publicidad/Packaging

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

  • Identidad coorporativa

  • Ilustracin

  • Ilustradores MexicanosChoper NawersBlog: http://ismenews.blogspot.com/

  • Anibal PantojaBlog: http://anibalpantoja.blogspot.com/

  • Csar NndezBlog: http://cesarnandez.blogspot.com/

  • Revista Mitotehttp://www.mitoteros.com/

  • Tutorial vectorizado de imagenhttp://www.taringa.net/posts/imagenes/6317889/Como-vectorizar-una-imagen-_Tutorial-propio_.html

  • Artistas interesantesStepPuki (illustrator diseo de personajes)http://steppuki.deviantart.com/

    Strongstuff (illustrator y diseo de posters)http://strongstuff.deviantart.com/

    Sebastien Millon (illustrator, diseo grfico 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, diseo grfico)http://montygog.deviantart.com/

    Kuso design (Illustrator, diseo de personajes e ilustracin)http://kusodesign.deviantart.com/

    Ivan Bliznak (Illustrator, diseador grfico, ilustrador y artista)http://ivan-bliznak.deviantart.com/

Search related