Descripción
Creación Digital 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.
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 contemporaneo.
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 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 uno 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 individualmente.
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 SITO WEB para esta clase en sites.google.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.
Idealmente, cada alumn@ deberá tener su propio disco duro externo o su propio mini usb drive de al menos 2GB para guardar sus proyectos.
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. |
|
Clase |
Descripción |
|
Tareas |
1
Binario / Pixel
Lunes
03/1 |
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, 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 |
|
• 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.
• ASCII ART: Utilizando MSWord o cualquier otro editor de texto creen 3 piezas de arte ASCII, imprímanlas y tráiganlas a la próxima clase
• Primeros ejercicios en Photoshop / Gimp (por lo menos 10 )
Porcentaje: 10%
|
2
Pixel
Martes
03/2 |
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.
www.orlan.net
Exploren:
Photoshop crash course
Intro to PS Filters
Scanning Basics
Design Graphics
Optimizing your images
Death of the websafe palette?
http://photoshopdisasters.blogspot.com/ |
|
• Autoscopía digital: 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. Exploren www.nelsonsullivan.tv
Porcentaje: 10%
• Búsquen tutoriales en línea para Photoshop y publiquen los URLs de sus tutoriales favoritos en sus propios sitios web.
• Optimicen sus autoscopías, reduzcan el tamaño para que sean de máximo 400 píxeles de ancho o alto. Para cada una de estas, comprímanlas como JPG a 100%, 75%, 25% y 0% y tomen nota de la diferencia en el peso de los archivos. Luego exploren la compresión como GIF en 4 paletas diferentes, transformando el resultado final con la reducción de colores, y compresión de la grilla. Publiquen todas estas imágenes en sus sitios web especificando su respectivo tamaño en KB
Porcentaje: 10%
|
3
Vectores
Jueves
03/4
|
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
Exploren:
USSR Propaganda galería | American War Posters Northwestern University | Propaganda Rusa y WWII American Posters | Yusaku Kamekura | Japanese Industrial Posters | Tadanori Yokoo | Design X
• Escriban sus comentarios sobre los afiches de guerra de Rusia y los EEUU en sus sitios web
|
|
• Inspirados en los caligramas de Apollinaire, creen un poema visual a partir de manipulación de fuentes sobre guías.
Porcentaje: 10%
• Exploren las galerías de afiches. Inspirados en estos afiches, creen 1 afiche vectorizando sus propias imágenes 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 a max 800px
Porcentaje: 10% |
4
Animación
Viernes
03/5 |
Herramientas para manejo del tiempo. Animación cuadro a cuadro. Capas. Principios basicos de video digital. Técnicas de animación.
White Stripes, Peter Gabriel, BLU, Brothers Quay, Norman McLaren: Neighbours, Blinkity Blank, TV SHOW ,
|
|
• Creen una animacion de 60 segundos, 10 cuadros x seg, 600 cuadros, 360x240px usando las herramientas de animacion de Photoshop. Exporten como un QT y suban el video a sus sitios web. Gócensela!
Porcentaje: 10% |
5
AUDIO
Lunes
03/8 |
Frecuencias: Hertzios, Amplitud, harmónicos, teorema de Nyquist, herramientas de audio digital, compresión, formatos.
Pen Poin Percussion - McLaren
|
|
• 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 animacion de 60 segundos. Exporten esta version como QT y suban a sus sitios web
Porcentaje: 10% |
6
VIDEO
Martes
03/9 |
Definición de Video Digital, herramientas, Quicktime, iMovie y Final Cut
Cold Cut - Timber
|
|
• Inspirados en EBN1 + EBN2 creen el video de su propia composición de audio experimental, reciclando sus propias imágenes, y utilizando videos pirateados. 360x240 / 15fps // Suban el video terminado a YouTube y vincúlenlo a su propio sitio web.
Porcentaje: 10% |
7
XHTML
Jueves
03/11 |
WWW: Historia, desarrollo, manejo y futuro. Lógica de optimización para la red. XHTML, CSS, Objetos, propiedades, tablas, divisiones, vínculos, diseño web con CSS: Entendiendo los objetos de XHTML y las propiedades geométricas y de texto. JAVASCRIPT + CSS, HTML 5
www.csszengarden.com
Esencial: www.w3schools.com
Exploren: HTML 5 <canvas>
|
|
• Transformen sus obras de ASCII en una pagina de xhtml alterando colores y fuentes a través de CSS
• creen por lo menos 10 ejercicios de DHTML utilizando las propiedades visuales de Javascript combinadas con CSS.
Porcentaje: 10%
|
8
FINAL
Viernes
03/12
|
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 activos e integrados en su sitio web,
con vínculos de retorno a santiago.bz
Porcentaje:
10%
|
|