Aprendizajes esperados 3 horas de clase

Correcto flujo de trabajo, organización de archivos

Reconocer el seteo para configurar documentos para formato Web Desde IllustratorReconocer las caracteristicas de un Documento para la WebUtilizar la Herramienta de capa para mantener un correcto flujo de trabajo.Manejar distintas Areas de Trabajo o (Artboards).Integrar tipografía con Adobe TypeKit.Utilizar la Grilla de Illustrator.Manejar Herramienta s de Formas , relleno de Color y tipos de Trazos.Manejar la herramienta de gradiente

Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

1

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Carpeta / Nombre del proyecto /

Carpeta / Editables / Contiene carpetas con archivos de producción de mi proyecto

Carpeta / color / Contiene archivo “.ase”, generado por kuler.

Carpeta / font / Contiene diseño de elementos de interfaz (iconos)

Carpeta / img / Contiene imagenes de insumo para producción del proyecto

Carpeta / UI / Contiene diseño de elementos de interfaz (iconos)

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/3ucgh9qcec0p8ir/01_orden_en_mi_entorno_de_trabajo.mov.zip

Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

2Seteo de documento para web con Adobe Illustrator.

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/hzj7hty3uzztxmk/02_new_document.mov.zip

Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Insertar imágen y manejo de capas con Adobe Illustrator.

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/li5n4h0twg40b20/03_file_place_image_layers.mov.zip

3

Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Crear un nuevo Artboard y Seteo de Guias y Grillascon Adobe illustrator.

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/c47swlanknspcw6/04_artboard_guides_and_grid.mov.zip

4

Clase 02 / Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Herramientas de forma y Pluma

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/78guepu26964cxh/05_herramientas_de_forma_y_pluma.mov.zip

5

Clase 02 / Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Manejo de la paleta de Color, Relleno y Trazo.

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/zf45du8jx0lng9i/06_color_stroke_fill.mov.zip

6

Clase 02 / Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Herramienta de Gradiente

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/8rp8hm0c8hpxijt/07_gradient.mov.zip

7

Clase 02 / Diplomado Diseño Web & Mobile / 2014Modulo Diseño Web /clase 02 / Diseño de elementos de interfaz

Diplomado Diseño Web & Mobile /Alejandro Becerra / abecerra@academiamac.cl / Academia mac

Manejo de cajas de Texto e incorporación de TypeKit

USTED PUEDE BAJAR EL tutorial desde la siguiente dirección:

https://www.dropbox.com/s/pfwms8cmboyncnw/08_type_tool_typekit.mov.zip

8