Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Taller Programación Creativa

807 views

Published on

Taller de Programación Creativa a cargo de Anna Carreras (www.annacarreras), organizado por la Cátedra Telefónica-UOC en Diseño y Creación Multimedia. En la conferencia se presentan las ideas y conceptos clave alrededor de la programación como herramienta para la creación gráfica y digital, los principales entornos de desarrollo y las tecnologías interactivas relacionadas.
http://catedratelefonica.uoc.edu/taller-programacion-creativa/
11 de Mayo de 2016. Museo del Diseño, Barcelona

Published in: Education
  • Be the first to comment

  • Be the first to like this

Taller Programación Creativa

  1. 1. PROGRAMACIÓN CREATIVA #programación_creativa #creative_coding #generative_design #diseño_generativo #dev_art @CatedraTEF_UOC @carreras_anna
  2. 2. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA Lenguage, código, con una sintaxi, semántica, vocabulario y estructuras gramaticales própias. Nos permiten pedirles a los ordenadores y máquinas, de forma humanamente entendible, que dibugen por nosotros a partir de sus ceros y unos binarios. Habitualmente son texto y símbolos. Algunos mas raros son diseños en si mismos (código Piet).
  3. 3. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA El lenguaje detlla una cadena de procesos, algorismos, que dependen de algunas reglas matemáticas. La elección de estas reglas, ordenes y valores sirve de guía e inspiración para obtener el producto de diseño final. Este diseño paramétrico establece el concepto y resultado visual final.
  4. 4. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA
  5. 5. #1 LENGUAJE && HERRAMIENTA El resultado no siempre está preconcevido: puede ser un dibujo, una pieza de vídeo, una escultura, un packaging, una app en la nube o una instalación interactiva. PROGRAMACIÓN CREATIVA
  6. 6. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA
  7. 7. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA
  8. 8. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA
  9. 9. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA
  10. 10. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA La mayoría de trabajos de programación creativa son abstractos, geométricos. Se exploran las relaciones formales que emergen de los sistemas procedurales que se programan y del pequeño ajuste de valores (también el color).
  11. 11. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  12. 12. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  13. 13. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  14. 14. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  15. 15. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA Written Images book: Un libro objeto, que presenta imágenes de varios artistas, diseñadores y programadores, creadas a través del código. Recoge 40 propuestas estéticas diferentes. Una visión variada de los diseños que se pueden generar mediande programación.
  16. 16. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  17. 17. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA El procesado y cálculo cada vez más rápido de instruciones permite la generación de repeticiones, loops, que serian impossibles, o muy tediosas, de hacer de forma analógica. La automatización permite crear facilmente animaciones. Y la dependencia de los diferentes resultados de números y valores permite generar visualizaciones de datos.
  18. 18. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  19. 19. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  20. 20. #2 ESTÉTICA CONCRETA PROGRAMACIÓN CREATIVA
  21. 21. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA Proyecto Patatap: geometria 2D + animacion + sonido
  22. 22. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  23. 23. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  24. 24. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  25. 25. PROGRAMACIÓN CREATIVA #2 ESTÉTICA CONCRETA
  26. 26. PROGRAMACIÓN CREATIVA #3 GENERATIVA Programación generativa, no es diseñar el resultado gráfico, es diseñar el sistema que diseñe la propuesta gráfica. Una creación geométrica del diseño en base a una idea o concepto, gama de colores y formas. Y añadirle ligeras variaciones, un poco de caos, aleatoriedad, que genere un sinfin acotado de resultados diferentes.
  27. 27. PROGRAMACIÓN CREATIVA #3 GENERATIVA
  28. 28. PROGRAMACIÓN CREATIVA #3 GENERATIVA
  29. 29. PROGRAMACIÓN CREATIVA #3 GENERATIVA
  30. 30. PROGRAMACIÓN CREATIVA #3 GENERATIVA
  31. 31. PROGRAMACIÓN CREATIVA #3 GENERATIVA
  32. 32. PROGRAMACIÓN CREATIVA #3 GENERATIVA. TYPOGRAFIA GENERATIVA
  33. 33. PROGRAMACIÓN CREATIVA #4 INTERACTIVA
  34. 34. PROGRAMACIÓN CREATIVA #1 LENGUAJE && HERRAMIENTA #2 ESTÉTICA CONCRETA #3 GENERATIVA #4 INTERACTIVA
  35. 35. PROGRAMACIÓN CREATIVA
  36. 36. PROGRAMACIÓN CREATIVA
  37. 37. # REFERENCIAS. AUTORES Jared Tarbell: http://www.complexification.net/gallery/ Casey Reas: http://reas.com/ Marius Watz: http://mariuswatz.com/ Alba Corral: http://blog.albagcorral.com/ Ben Fry: http://benfry.com/projects/ Sergio Albiac: http://www.sergioalbiac.com/ Theo Watson: http://www.theowatson.com/ Raven Kwok: http://ravenkwok.com/
  38. 38. # REFERENCIAS. PROYECTOS && ESTUDIOS Written Images: http://writtenimages.net/ Patatap: http://www.patatap.com/ Tind: http://tind.bigcartel.com/ Ok Deluxe: http://www.okdeluxe.co.uk/ Generative Scarves: http://scarves.convivialproject.com/
  39. 39. # REFERENCIAS. RECURSOS ++ Creative Applications: http://www.creativeapplications.net/ Art from Code: http://www.generatorx.no Dev Art: https://devart.withgoogle.com/ Generative Design: http://www.generative-gestaltung.de Daniel Shiffman: http://shiffman.net/
  40. 40. Anna Carreras @carreras_anna PROGRAMACIÓN CREATIVA

×