PRIMEROS PASOS EN DAO 1º

Hola chic@s este primer post es para daros la bienvenida a la Escuela de Artes Nº1. Estoy segura de que este será un año lleno de emociones y aprendizajes compartidos. Ya sabéis que estamos ahí para ayudaros en todo lo que necesitéis, y como muestra un botón.

Como se que para muchos los de 1º el MAC va a ser un cambio importante, os dejo unos tutoriales muy sencillos para que os familiaricéis, ya que si en casa no tenéis MAC no tenéis otra forma de famiriarizaros con el entorno y en DGAO tendremos pocas horas.

Os dejo el link ya que no se puede incrustar.

En el mismo usuario encontraréis las siguientes partes, os recomiendo que lo veais.

CLIKA AQUÍ PARA R A YOU TUBE

Os dejo alguna web de ayuda muy sencilla: 1-. AULA CLIC (ILLUSTRATOR CS4) 2-. AYUDA ADOBE (ILLUSTRATOR CC) Y también algunos videotutoriales que explican las herramientas vistas en clase, aunque explican mas comandos y herramientas que no hemos visto, no está de mas que los veáis para refrescar las que ya conocéis y ampliar...

Herramienta básica de selección...



Formas básicas+buscatrazos (que aún no lo hemos visto pero os servirá en el trabajo de pictografía)





PICTOGRAMAS con formas básicas+buscatrazos+guias...







 Nos vemos en clase :)

ERIK JOHANSSON

Erik Johansson es un artista sueco que trabaja de forma espectacular el retoque fotográfico. Fotografía la realidad manipulando las fotografías hasta conseguir escenas de corte surrealista, con constantes guiños a clásicos como Escher.

 

 Sobre todo es interesante ver su proceso de trabajo y algunas de sus escenas casi de cuento. Os dejo algún ejemplo...

 

 Y su proceso...

 

HERRAMIENTAS INTERACTIVAS (I)

Ya hemos visto en clase como crear pequeñas y sencillas animaciones con Illustrator, y como exportarlas a formato SWF, flash, o incluso como montarlas y manipularlas en Flash, como crear Proyectores de visualización con Flash Player, etc...

En este segundo pase vamos a ver cuales son las herramientas de creación de documentos interactivos con Indesign, comenzando por importar las animaciones a modo de introducción del propio documento interactivo.

Lo primero que debemos saber es que el diseño del documento interactivo posee herramientas comunes al propio diseño editorial que ya conocemos y otras nuevas que podemos ver en VENTANA/INTERACTIVO donde veremos paletas desconocidas hasta ahora como botones, animación, media, etc…

Ahora para crear un documento nuevo, debemos configurar el documento para web, sin páginas enfrentadas y en modo Web de modo que el espacio de color del documento sea RGB.

Una vez que tenemos el documento creado podemos añadir páginas cuando queramos, trabajar con estilos, con la maestra etc…
Una vez creado el documento vamos a integrar la animación que hemos hecho estos días para la abertura del documento interactivo o entradilla, para ello colocar archivo .SWF y en la paleta MEDIA activar cargar al abrir la página.

Seguido veremos como configurar botones. Os dejo dos tutoriales y la página de ayuda de ADOBE. Recordar lo importante de la ARQUITECTURA DE LA INFORMACIÓN o lo que es lo mismo orden, estructura y jerarquía de los contenidos del documento interactivo que vamos a crear, para diseñar los botones que ayudaran en la navegación del propio documento. Y recordad también que trabajamos para exportar a SWF y no en PDF interactivo, cuyas opciones son diferentes.

Os dejo el enlace a la AYUDA DE ADOBE/BOTONES INTERACTIVOS
 y un VIDEOTUTORIAL bastante claro donde explica diferentes formas de crear botones y aplicarles animaciones.




Los próximos días sonidos, videos y transiciones de página.

ANIMACIÓN CON ILLUSTRATOR

Ya estamos de vuelta de vacaciones y de vuelta al trabajo, aún nos quedan muchas cosas que hacer, en este caso aplicaciones de Illustrator e Indesign, para trabajar animación e interactividad. No debemos de perder de vista que son programas diseñados con otras finalidades y por tanto no se pueden nunca comparar con las funciones de Flash o Dreamweaver pero nos será muy útiles para crear determinados proyectos como el Portfolio a modo de CD interactivo.

Lo primero que hemos visto es son las fórmulas que nos ofrece el Illustrator para crear archivos SWF, que es una extensión de Flash. Os dejo unos enlaces y videotutoriales para que os sirvan de apoyo.

A tener en cuenta que:

0-. Crear el archivo con los parametros para visualizar en pantalla es decir, WEB/72ppp o 150 ppp/ RGB

1-. podemos usar la herramienta fusión/ pasos especificados y nos creará los frames que necesitemos automáticamente

2-.si no hacemos Fusiones debemos colocar los frames como si fuesen capas consecutivas

3-. Podemos usar fondos de imagen ya que podemos exportar capas estáticas

4-. Para pasar del AI a SWF solo debemos exportar, y tener en cuenta que muchas de las opciones de conformación de la propia animación están en la forma de exportación y creación el SWF

Para el próximo día Indd. y creación de botones.

AYUDA DE ADOBE PARA CREAR ANIMACIONES CON AI

Y aquí os dejo un videotutorial, es muy sencillo y aunque este sea CS6 las versiones mas antiguas también lo tienen...En este caso el ejercicio es muy sencillo pero siendo un poco creativo se pueden hacer cosillas útiles, el secreto está en saber utilizar los medios :)

 Otra fórmula que trabaja la animación de una forma particular con figuras mas complejas convirtiendo en símbolos...

 

Otro videotutorial en el que además se aporta la opción para que veamos el SWF mediante Flash Player y no el Adobe Flash, esto es útil en cuanto a que nos permitirá crear una pequeña .app, aplicación el Proyector para que la animación sea visible para todo el mundo aunque no tenga instalado el Flash Player ni el Adobe Flash.

MODOS DE FUSIÓN DE CAPAS E INTERACCIÓN PHOTOSHOP ILLUSTRATOR

Primero de TODO, acordaros de la tarea para el jueves un retrato a linea con los pinceles de photoshop para aplicar los modos de superposición de capa a la ilustración. Ya vimos con Sophie Griotto y Doré que había efectos imposibles de conseguir solo con pincel,, esta semana vamoa a ver un ejercicio corto para ver como conseguir esos efectos de cambio de tono en un trazo ontinuo, de luces, etc... Lo veremos con un autoretrato y a través del modo de trabajo de otra ilustradora de moda (ha sido coincidencia :))...

Os dejo la página donde encontrarés algo similar, tiene muy buenos ejemplos y tutoriales en ingles muy interesantes, DIGITAL ARTS, a lo que haremos en clase y el PSD (TUTORIAL DE DIGITAL ARTS) con el proceso destripado ya lo tenéis en el Dropbox para echarle un ojo...


MARGUERITE SAUVAGE es ahora nuestra guia para ver los modos de fusión de capa, interesantes aclarar, luz suave e intenso y multiplicar... (Ya veremos que los pinceles también los podemos usar como modos de fusión de capa, ya veréis que interesante :))...







Como punto final una animación muy graciosa que ha hecho para una campaña publicitaria de Rexona :) nos vemos en clase el jueves con la tarea hecha :)

DISEÑO EDITORIAL: ESTILOS, CAJAS DE TEXTO Y MARCOS DE IMAGEN

En la última clase hemos estado viendo las opciones de creación de estilos de caracter y párrafo para agilizar nunestros diseños en el caso de la autoedición. Voy a dejaros algún videotutorial para repasar y algun otro para completar dado que hemos tenido solo una clase para este tema... Páginas maestras...




Como como vincular cajas de texto (para resolver la duda de Mar)...


Estilos de caracter...

Estilo de párrafo...



TRatamiento de imagenes, ceñir texto...

TENER EN  CUENTA:

1-. LISTADO DE ESTILOS Y PARTES DE LA PÁGINA A DISEÑAR: PAGINACIÓN, ENCABEZADO, TEXTO CORRIDO O GENERAL, TÍTULO, SUBTÍTULO...

2-. CREAR RETÍCULA, MEDIDAS DE MARGEN, NÚMERO DE COLUMNAS,...

3-. ELEGIR UN DISEÑO DE PÁGINA ADECUADO A LA PUBLICACIÓN, HAY PUBLICACIONES MÁS RÍGIDAS O FORMALES Y OTRAS MAS DINÁMICAS, ATREVIDAS O VANGUARDISTAS

4-. ELEGIR NO MAS DE DOS TIPOGRAFÍAS, CON UNA AMPLIA FAMILIA PARA LOS ESTILOS, UNA PUEDE SER USADA COMO IMAGEN PARA CONFERIR CARACTER AL DISEÑO Y OTRA CON UNA BUENA LEGIBILIDAD ...( ACORDAROS DE LAS DIFERENCAIS ENTRE LO QUE COMUNICA UNA DE SERIFA Y UNA DE PALO)

5-. CUIDADO CON SOBREPONER IMAGEN Y TEXTO QUIZÁ DIFICULTE LA LEGIBILIDAD...

Son interesantes las disposiciones modulares de OJO DE PEZ, revista de fotografía, y las de SIETE LEGUAS, revista de viajes con mucha ilustración, y maravillosas portadas...

 

 

Entre ellas las de ÁLVARO PEMPER

TROQUEL Y SOBREIMPRESIÓN

Hola, por fin estamos ya con las prásticas de los sistemas de impresión, unos con la serigrafía y otros prerapando troqueles (usada sobre todo en flexo para páckaging y etiquetado, pero con muchas posibilidades en el libro objeto y otros) y dibujando con sobreimpresión, (opción de la impresión interesante debido a la transparencia de las tintas y utilizada sobre todo en offset). Os dejo algún ejemplo para que refresquéis lo que vimos en clase sobre troquel y sobreimpresión...

Una vez fabricado el troquel se coloca en la máquina y en vez de imprimir corta el papel impreso...

Ahora veremos algún ejemplo de Komagata, la editorial Milimbo, y otros...

 

 

 

 

Y esta concretamente que trabaja con troquel y sobreimpresión...

 

 

También os dejo ilustradores que trabajan con la sobreimpresión, alguno visto en clase ya mas veces como Bradbury Thompson (OFFSET) y DAN STILES (OFFSET Y SERIGRAFÍA), este último con un trabajo muy interesante

 

En este trabajo DAN STILES trabaja don tintas, en vez de tres y usa una de ellas sobreimpresa, por eso los tonos negros de la sobreimpresión de uno sobre otro...

 

Y en este caso sobreimpresión de primarios Cyan, Magenta, y Amarillo... Echadle un ojo tiene cosas interesantes y diseño textil que se que algunos estais pensando un poco en esa linea...

 

 

Acordaros que para trabajar con la sobreimpresíón las paletas son VENTANA/ATRIBUTOS

 

 

y VENTANA/PREVISUALIZAR SEPARACIONES que también es útil para ver nuestras tintas planas si las usamos...

 

 

 

RYAN MCGUINNESS Y ALGÚN EJEMPLO PARA LA PRÁCTICA DE SERIGRAFÍA

En TGI vamos a trabajar la serigrafía, es un método de impresión con muchas posibilidades, pero tiene sus limitaciones si lo usamos de forma artesanal, os dejo algunos ejemplos que os pueden ayudar a la hora de hacer vuestro diseño para el trabajar con Eva en el taller :)

RYAN MCGUINNESS, ya hablamos de él en clase, y aunque trabaja en el campo del arte que es diferente del campo del ilustrador posee un proceso interesante que puede daros pistas y ampliar posibilidades, y quizá puede ayudaros en el Proyecto Altamira,...



AARON EILAND también trabaja la serigrafía, pero ahora ya dentro de diseño gráfico y la ilustración..., fijaros en el uso de tintas y colores planos, lineas gruesas,... esto ayuda a que la impresión sea adecuada y que no perdamos detalles.





Y ejemplos de aplicación práctica, en este caso bolsas con ilustraciones de Caperucita Roja de PALOMA VALDIVIA, de la editorial AMANAUTA,...

Pensad en tinta plana y un solo color...

MAS PINCEL Y PINCEL DE SUSTITUCIÓN

Maravilloso uso del pincel en un speedpainting de Alex Pearson, tiene aspecto de estampación pero es pincel, echadle un ojo al tutorial, merece la pena...

 

 

Además, esta mañana hemos estado hablando del pincel de sustitución de color, para pdoer cambiar colores sin tener que usar una herramienta de seleción que a veces no es útil o perderíamos texturas y otros aspectos esenciales de la ilustración...

Os dejo un pequeño videotutorial del pincel de sustotución aunque ya habéis visto que es muy sencillo de usar...

SERIGRAFÍA...

Hola chic@s en TGI acabamos de ver los sistemas de impresión Industrial y vamos a realizar prácticas con serigrafía :), contando con ayuda de Eva, GRACIAS :)!!

Os dejo los videos que vimos en clase para que ir poniendonos en situación, ya veréis como os va a gustar y tiene muchas posibildades... Os dejo también un enlace en el que explican alguno de los métodos indirectos de los que solamente hablamos pero no expliqué. Estos métodos nos permitenn bloquear la pantalla para estampar sin necesidad de ampliadora ni emulsiones... puede ser interesante para hacer en casa con una pantalla pequeña.

DRAWING FLUID, METODO INDIRECTO

Y ahora los videos del otro día...



Layers, The Serigraphs of Jake Early from Jake Early on Vimeo.

Ejemplo de imagen con modulación de luz, con tramado, con semitono...



Coágulo "Proyectos Elementales" from MODULARESTUDIO on Vimeo.

Y por último el proceso de creación completo de un cartel en serigrafía, desde el lapiz, en una galería fotográfica, GOLDEN GODS
Ahora manos a la obra para crear vuestros diseños... :)

CONFIGURAR OPCIONES AVANZADAS DEL PINCEL

Chic@s os dejo un videotutorial de las opciones avanzadas del pincel, muy claro :)



Y un speed painting en el que se muestra como hacer un retrato...



 

Este ilustrador, MIKE NASH tiene en su canal muchos ejemplos de pintura digital y pero para ver los procesos nos sirve...

ILUSTRACIÓN Y PINCELES

Hola chic@s, lo prometido es deuda, aquí os dejo los referentes para comenzar repasando la herramienta pincel. Acordaros de que tenéis que reproducir una imagen, crear un pincel, cargar una biblioteca o un pincel y crearos las vuestras propias.

El ejemplo puesto en clase fué, SOPHIE GRIOTTO, ...

 

 Pero si alguien quiere algo en la linea pero mas sencillo para empezar, GARANCE DORÉ...<br />

Y aquí os dejo ejemplos de lo que podeis hacer con los pinceles más alla de su uso básico... Esto me ha recordado la página IMAGINARIA.COM.AR una página dedicada a la literatura infantil y juvenil pero que dedica una galería a ilustradores y su proceso de trabajo, donde veréis muchos procesos diferentes en su apartado ASI TRABAJO...

  Para el trabajo de casa os dejo algunos ejemplos de cosas que podéis hacer, como PABLO PINO...

Primero dibuja a lápiz... Segundo paso escaneado (ahí ya sois unos expertos :))...



Luces y sombras con Photoshop...



Superpone una textura previamente creada de modo material...



Detalles finales en Photoshop... y fijaros a priori parece que no ha utilizado el ordenador pero una vez destripado el proceso, el ordenador le ha sido, combinado con texturas y lápiz, muy útil...



Más trabajo de pincel, un retrato sencillo de ...

 

Otro ejemplo en el que también parte de boceto y escanea para redibujar con pincel de photoshop...

 

 

 

Redibuja con pincel y opciones de pincel (mas allá de las básicas)...

 



 

Introduce B/N a modo de grisalla....

 



 

Introduce color por medio de selecciones y modos de superposición de capas...

 

 

Y acabados finales...

 

 

Y otro ejemplillo, extraido de SMASHING MAGAZINE, (web muy útil con recirsos y tutoriales majos) donde se combinan técnicas matéricas y digitales, si os fijáis en casi todos los ejemplos lo hacen...

Primero sketch, escaneado y elección de gamas cromáticas...

Escaneado de trazo gráfico hecho con lapiz de grafito para crear un pincel propio/ edición/definir pincel...

 

Hacemos selecciones de las zonas a coloresar con la pluma creando trazados...

 

 

Rellenamos con pinceles secos y otros que me favorezcan las texturas...

 

 

Seguimos coloreando...

 

 

Y aquí el acabado final...

 

 

Los pinceles no son mas que una cuestión de practica y horas de exploración y trabajo pero fijaros las herramientas con las que están hechas estas ilustraciones ya las conocemos, acordaros de la pluma en el vectorial parecía dificil y las horas de trabajo han dado resultado ahora dominais la herramienta... empezamos con algo sencillo y poco a poco ireis haciendo cosas mas complejas en la medida en que trabajéis con la herramienta...

BIRTH OF A BOOK (TGI)

Hola chic@s el otro día en Técnicas gráficas Industriales vimos algunos ejemplos audiovisuales de como funciona el offset, la filmación y creación de fotolitos, las rotativas, la litografía, etc...

Os dejo el último que no nos dio tiempo a ver...



Birth of a Book from Glen Milner on Vimeo.

SUGERENCIAS :)

Hablando con Eva sobre el trabajo me ha recomendado otras autoras, se que es poco tiempo pero estos recursos os pueden ayudar mas adelante :) GRACIAS EVA...

MAGGIE TAYLOR

CRISTINA COUCEIRO

Y UN TRABAJO DE PEP CARRIO

También os sugiero que uséis los bancos de imágenes enlazadas en el blog de proyectos,

LA MACETA EN LA VENTANA...

U otras como esta donde conseguir recursos fotográficos gratuitos y a buena resolución

MORGUEFILE

CGTEXTURES

BANCO DE IMÁGENES Y RECURSOS MULTIMEDIA DEL MINISTERIO

MAX-O-MATIC Y EL COLLAGE

Os dejo como referencia al trabajo de collage digital trabajos de MAX-O-MATIC, que creo que son interesantes, si os fijais todos siguen un corte onirico, igual que el resto de ilustradores que trabajan esta técnica... Si os fijáis también trabaja integrando dibujo y foto...