SANTIAGO ECHEVERRY

IMAGEN INTERACTIVA MULTIMEDIAL / ESPECIALIZACION EN CREACION MULTIMEDIA


Lunes 27 de Febrero - Viernes 9 de Marzo • 2012 / 6:00 - 9:00PM

secheverry arroba ut punto edu
 
LUIS AREVALO DG
LUZ MARCELA C. AYALA INGEL
ALVARO BELTRAN MUS
RONNIE BELTRAN PER
ROSA CAJAVILCA DG
ANDRES CASTRO ANTRO
LUIS GABRIEL ESCOBEDO ADMIN
JOAN S. LOPEZ INGSIS
SERGIO MARTINEZ MUS
ALBERTO NEIRA ARQ
JUAN DAVID PEÑA INGSIS
ELIANA PRIETO INGMM
JUAN PABLO RUIZ PUB
JHONATAN SALGUERO DG
HUGO SANTANDER DG
GINO VASQUEZ DG
JAMES WOODCOCK PUB


TABLA DE NOTAS
  5.0 100 > 98
  4.5 97 > 93
  4.0 92 > 87
  3.5 86 > 83
  3.0 82 > 77
  2.5 76 > 70
  2.0 70 > 60
  1.0 60 > 00

Descripción

Imagen Interactiva Multimedial es un curso destinado a explorar las capacidades creativas de las herramientas digitales a nuestra disposición desde un punto de vista estético y experimental, sin olvidar las implicaciones del diseño interactivo.

En esta clase exploraremos la historia, evolución y teoría de las tecnologías digitales para comprender el potencial creativo y a la vez contextualizar los programas y computadores usados en el mercado contemporáneo.

Estrategia y Proceso

Esta clase se dividirá en dos areas principales. La primera se dedicará a entender la lógica de programas utilizados en la publicación electrónica: Photoshop e Ilustrator, entendiendo sus particularidades. Se utilizarán páginas locales de xhtml/html5 para integrar los proyectos y entender las especificidades de la publicación digital. La segunda mitad de la clase se dedicará a entender las herramientas de manejo de tiempo digitales para generar productos y proyectos que serán publicados en el sitio web individual de cada un@ de l@s estudiantes.

Habrá un proyecto específico para cada clase y dependiendo del tiempo y la cantidad de estudiantes, haremos críticas individuales. De lo contrario, avanzaremos rápidamente y esperaremos a la crítica final para evaluar los resultados de cada estudiante específicamente.

Los proyectos están pensados para motivar a l@s alumn@s a explorar las herramientas y los programas que utilizarán en sus futuras carreras, pero de ninguna manera el curso se dedicará a estudiar un programa o plataforma únicos. Los estudiantes deberán explorar los manuales y los tutoriales disponibles en la red para avanzar en la clase.

Lecturas / Requisitos

Lecturas recomendadas
Digital Multimedia - Nigel and Jenny Chapman, Wiley - 3rd Edition
Digital Art - Christiane Paul, Thames&Hudson

Cada alumn@ deberá crear su propio SITIO WEB para esta clase en weebly.com En este sitio web se publicarán todas las tareas y proyectos para la clase. Además se espera que cada alumno tenga su propia cuenta ( gratuita ) en YouTube ya que acá estarán publicando sus videos y animaciones (OJO: derechos de autor).

Idealmente, cada alumn@ deberá tener osu propio disco duro externo o su propio mini usb drive de al menos 2GB para guardar sus proyectos.

¡La asistencia a clase es OBLIGATORIA!

NOTAS 

Debido a la falta de tiempo, se evaluarán los proyectos en conjunto al final de la clase , cuando se revisen todos los sitios web. Dependiendo del progreso de la clase podrá haber nuevos proyectos o se cambiará la naturaleza de alguna tarea. En la nota final se incluirá la participación en clase, la puntualidad, la asistencia y el tener los trabajos terminados a tiempo.


Clase Descripción   Proyectos
1
Binario / Pixel

Lunes
02/27
Presentación de los objetivos de la clase, lecturas requeridas, estadísticas de los estudiantes.

De lo análogo a lo digital. Bit/Bytes. Eniac, tuvos de vacío, transistores. El primer PC. Aproximaciones artísticas al arte digital. ASCII art, Imagen realista vs. imagen vectorial. Evolución del software y el hardware, GUI guidebookgallery.org, APPLE OS. 1984 ASCII ART CGI Personal computer milestones Photoshop / GIMP Open Source

Exploren:
http://www.computerhistory.org/timeline
http://seas.upenn.edu/~pws/EMX/before.html

ASCII ART
http://www.asciimation.co.nz/
http://www.chris.com/ascii

CANVAS 5 TUTORIAL
• Vayan a sites.google.com y creen su propio sitio web para esta clase. Publiquen sus primeras impresiones sobre el arte digital y una breve introducción sobre ustedes mism@s.

• Envíenme un email ANTES DE LA CLASE SIGUIENTE desde su correo personal dándome el URL de sus sitios web.

HTML5 Canvas / Imagen vectorial: Utilizando elementos de diseño en el canvas, cren un paisaje abstracto usando solo imágenes vectoriales.
Porcentaje: 5%
2

Vectores

Martes
02/28

Vectores, Illustrator / InkScape . Exploración de límites de arte vectorial. Transformaciones, efectos, filtros, conversion de imágenes a curvas. Tipografía, fuentes, formato universal. Implicaciones para el diseño, independencia de la resolución. Herramientas, capas. Vectorización de imágenes

Exploren:
Learning Illustrator CS y los otros links en LYNDA.COM CS5

History of AI

Exploren:
Propaganda Rusa y WWII American Posters | Yusaku Kamekura | Japanese Industrial Posters | 1920's Japanese GD | Tadanori Yokoo | Design X

• Escriban sus comentarios sobre los afiches de guerra de Rusia y los EEUU en sus sitios web

http://tv.adobe.com/
POEMA VISUAL: Inspirados en los caligramas de Apollinaire, creen un poema visual a partir de manipulación de fuentes sobre guías.

Porcentaje: 10%

AFICHES: Exploren las galerías de afiches. Inspirados en estos afiches, creen 2 afiches vectorizando sus autoretratos con un mensaje de su elección. Tamaño carta, RGB. Expórtenlos para la red desde Illustrator y súbanlos a sus sitios web, optimizándolos como JPG o PNG a max 800px

Porcentaje: 10%
3

Pixel


Jueves
03/1
El mundo real convertido en píxeles. Adobe Photoshop. Cámaras digitales, scanners. Cómo alterar esa realidad con herramientas digitales. RGB Vs CMYK, resolución, DPI, tamaño de impresión vs. tamaño en píxeles. Capas, herramientas, cortar, copiar, pegar, filtros. Optimización de archivos, métodos de compresión, diferentes formatos PSD Vs TIFF Vs PNG Vs JPG Vs PIC Vs GIF. particularidades y especificidades de cada formato.

Analicen:
photoshopdisasters.blogspot.com/
Fotoshop by Adobé
Evolution - DOVE
orlan.net
nelsonsullivan.tv

Exploren:
History of Photoshop /
Photomerge Panoramics #1 #2
Puppet Warp Tool
Content Aware Fill
Bristle Tip Brushes
8 Bit Vs 16 Bit
PS 32 Bits Vs 64 Bits / What is RAM?
Smart Objects / Creating an image stack / Stack Mode
Optimizing your images

http://irinawerning.com/back-to-the-fut/back-to-the-future/
http://irinawerning.com/bttf2/back-to-the-future-2-2011/

• Busquen tutoriales en línea para Photoshop y publiquen los URLs de sus tutoriales favoritos en sus propios sitios web.
AUTOSCOPIA: alteraciones de autoretratos escaneados. Usando al menos 2 imágenes diferentes de USTEDES MISM@S escaneando sus propios rostros, alteren el resultado usando photoshop, y transfórmense en algo que no son utilizando los efectos de Photoshop. Tamaño carta ( 8.5 x 11 pulgadas ) RGB / 72DPI. Publiquen los resultados OPTIMIZADOS como JPG y GIF en sus sitios web

Porcentaje: 10%

MORPHING: Inspirados en la obra de Irina Werning y utilizando MorphX creen dos animaciones de 10 segundos cada una, (30fps, 500px de lado mínimo) utilizando 4 imágenes de 4 etapas de su vida radicalmente distintas. Publiquen los videos en sus sitios web.

Porcentaje: 10%
4

Animación

Viernes
03/2
Herramientas para manejo del tiempo. Animación cuadro a cuadro. Capas. Principios basicos de video digital. Técnicas de animación.Norman McLaren: Neighbours, Blinkity Blank, White Stripes, Peter Gabriel, BLU, Brothers Quay, Japanese Popstars, TV SHOW, Broken Fingaz / Hudson / Eness / Varanese

Emile Cohl #1 #2
Winsor McCay Little Nemo / NEMO / Gertie
Walt Disney Steamboat Willie / Skeleton Dance
Felix the Cat History / Feline Folies 19 / Ghost / Skulls / Time
BLUBLU /

ANIMACION CUADRO A CUADRO: Creen una animación de 60 segundos, 10 cuadros x seg, 400x300px usando las herramientas de animación de Photoshop. Exporten como 1) QT Animation y 2) QT H.264 y suban este segundo video a sus sitios web y a Youtube. Gócensela!

Porcentaje: 15%
5

AUDIO

Lunes
03/5
Frecuencias: Herzios, Amplitud, harmónicos, teorema de Nyquist, herramientas de audio digital, compresión, formatos.

Norman McLaren Pen Poin Percussion // link: History of Magnetic recording - BBC // Musica concreta #1 #2 Concrete // Theremin / Schaeffer Chemin de Fer 48 Psyché Rock / Stockhausen #2 / Ligeti / John Cage Paik 84 27 sounds / Xenakis, ScoreLight / Moog / Gershon Kingsley - Pop CornAnarchic System / { POST MODERNISM Gloria Jones - Soft Cell - Levi's / ABBAErasure / Donna SummerBronski Beat #2 } Kraftwerk MOMA Robots 74Autobahn 75 / Disco Patrick HdezFelix DHCatSylvester / Industrial 75 Throbbing Gristle • Cabaret Voltaire #1 79 #2Einstürzende Neubauten #2 #3 #4Front 242Nitzer Ebb • / Fad Gadget / Palais Schaumburg / Liaisons Dangereuses Joy Division #2 #3New Order (Philippe Decouflé) / EurhythmicsCulture ClubDOASmithsJ&M ChainStone RosesMassive AttackEBTG #2 - Deep DishStereolab #2 / Björk / Chemical Brothers / Daft Punk / Ladytron #2 #3 / UnderworldFluke / FaithlessRobert MilesDeleriumGorecki /// Electro Miss KittinFelix Da HousecatDopplereffektCrystal Castles #2Crystal FightersYelleDeadMau5 #2Grammys 12 • Dubstep Skrillex 1 2 / DUB FX <-> Queen Prophet's song // Vocaloid #1 #2 Miku Hatsune #2
AUDIO EXPERIMENTAL: Descarguen AUDACITY y creen loops de audio propios para ser usados en Garageband. recomiendo explorar captura y transformación de sus propias voces. Creen con estos loops, y otros sonidos disponibles, la pista de sonido de su propia animación de 60 segundos. Exporten esta versión como QT H.264 y súbanlo a sus sitios web

Porcentaje: 10%
6

VIDEO

Martes
03/6
Definición de Video Digital, herramientas, Quicktime, iMovie y Final Cut. Teoría de montaje, evolución de las herramientas. Tipos de Compresión. Efectos. Teoría de la apropiación.
Kuleshov #1 / #2
Carolina Zuluaga
Cold Cut - Timber / Cold Cut - Natural Rhythm
EBN1 + EBN2 + EBN3 + EBN4
• Historia del Videoarte
VIDEO PIRATA: Inspirados en Emergency Broadcast Network creen un video pirateado de un minuto reciclando y utilizando videos ajenos. Recontextualicen. 360x240 mínimo / QT H.264 // Suban el video terminado a YouTube y vincúlenlo a su propio sitio web.

Porcentaje: 15%
7

FLASH
ANIM

Jueves
03/8
Diferencias entre animación cuadro a cuadro y animación vectorial. Tweens: Shape / Motion / Classic . Streaming audio. Bone tool. Shape hints, vectorización de texto e imágenes.
LowMorale Creep
Pi Song
Supreme Beings of Leisure
TARBOY
Animator Vs. Animation
newgrounds.com
atomfilms.com/af/animation/flash
goultralightsgo.com
insertsilence.com
whitehouseanimationinc.com
• No es FLASH: Hedwig: the origin of love
  ANIMACION FLASH: Seleccionen mínimo un minuto de su canción favorita y creen una animación en Flash a 30 cuadros por segundo 720x480 (excluyendo los créditos) explorando las posibilidades de animación en Flash. Exporten como QT H.264 y como SWF / audio128 kbps . Suban a sus sitios web el producto terminado.

Porcentaje: 15%
8

FINAL

Viernes
03/9


 
Evaluación general de todos los proyectos de los alumnos. Apertura de temas sobre el futuro de la Hipermedia.

Nota final: todos los proyectos para esta clase deben ser publicados, activos e integrados en su sitio web,
con vínculos de retorno a www.santiago.bz