TP3 - Entrega final

Finalización del TP3, "Visualización de datos y comunicación"

TP 3

El TP3 consiste en diseñar una visualización que comunique una reflexión crítica del proceso de diseño del TP2.

(Pre-entrega. 7-nov-2012)

Evaluacion teórica a libro abierto, IMD. “La web y la velocidad de circulación de las ideas-Wikis y escritura colaborativa.”

La circulación de las ideas en la web: conocimiento y escritura colaborativa. (Piscitelli, 2005, Cap.5) /Apunte, materia IMD/

"...Con la aparición de Internet y webs cualquier persona podía publicar lo que sea, y cualquier otra, leerlo gratuitamente. El problema surge cuando queremos hacer una distribución masiva y las cuentas tienen un límite. Como solución, surgieron los weblogs: no distribuyen la información, la fijan en un sitio. Existen espacios de almacenamiento ilimitados, pero costosos y aumentan su número, al tener más capacidad de almacenamiento. Esto hace impensable imaginar que un usuario común pueda crear un sitio que sea visitado por miles de personas diariamente. Existen también las wikiwebs; permiten que los documentos sean creados usando etiquetas y marcas producidas por miles de usuarios. Como la Wikipedia, una forma distinta de hacer las cosas, donde podemos ser partícipes de ella."
La creación de Internet comienza al perder los Estados Unidos la primera batalla de la carrera espacial, con el lanzamiento del Sputnik, por parte de la URSS. A partir de esto se crea la Agencia de Proyectos Avanzados que junto a la National Society Foundation, debían crear un medio rápido para transportar la información de oficina a oficina y evitar nuevos "sorpresas".
En 1965, ARPA, conecta por medio de un experimento distintas oficinas, dando paso a la primera red de área amplia.
Posteriormente, se crea el lenguaje HTML, luego la World Wide Web (www) y el primer servidor web (1990), y con el tiempo se fueron desarrollando mejoras en Internet, hasta el día de hoy.
Sabemos que Internet, se ha convertido en el medio de comunicación e información más importante del mundo, ya que es capaz de conectar a miles de personas, -estén en lados opuestos del planeta o no- en tan solo segundos. Es el caso de redes sociales como Facebook, que aumentó a millones de usuarios en muy poco tiempo, un especie de “diario íntimo” que se convierte en público. Donde se puede subir o descargar archivos que no ocupan lugar en nuestro equipo, sino que quedan guardados en la red.

Otro caso es el Twitter, con características similares al Facebook, y millones de usuarios.

Youtube, una web donde podemos compartir y buscar videos.

 Los Blogs, (como en este caso), que son las webs con las que hemos trabajado durante el segundo cuatrimestre, en la materia IMD.
Existen páginas de “periódicos” como Clarín, La Nación, Olé, New York Times… que actualizan la información diariamente, y son visitados por miles de personas. Según el artículo de Piscitelli, cree que es “impensable imaginar que un usuario común pueda crear un sitio que sea visitado por miles de personas diariamente”; desde mi punto de vista esto puede ser posible, ¿Por que? Porque existen páginas de celebridades, (nombremos una actual) como Justin Bieber, que si bien no es un usuario “común”, porque como dijimos anteriormente, es una persona conocida mundialmente, tiene su sitio web, con sponsors y demás, que es visitada por miles de sus fans, a diario. Quizás un usuario común sí pueda tener una página web que con el paso del tiempo, sea visitada por muchos usuarios. Creo que eso depende de la cualidad o cualidades que tenga este creador, y qué tanto “atrape” a los usuarios de internet.
Además de facilitarnos la comunicación, Internet nos brinda muchísima información ya que como vimos, existen miles de cientos de páginas webs, con el contenido que busquemos. Un ejemplo es Wikipedia, una “rápida enciclopedia”, formada por miles de usuarios, que son los creadores de la misma, dando sus opiniones, subiendo su información, arreglando los archivos. Una página con una forma distinta de hacer las cosas, donde nosotros mismos podemos participar de ella.

 No olvidemos, que existen también miles de virus en Internet, que puedan dañar nuestro equipo con solo una descarga. Podemos decir entonces, que Internet tiene sus “pro”, sus “contra”, sus inseguridades. Es importante saber utilizar correctamente esta herramienta tan maravillosa que se ha creado para aprovechar todo lo que nos ofrece.

Aqui les dejo los links de unos videos muy interesantes que nos cuentan sobre la "Evolución de Internet" y las Redes Sociales:

http://www.youtube.com/watch?v=AR4GEAWUGgI

http://www.youtube.com/watch?v=aD4XtZqJu-U

Este es un video que sintetiza lo que he estado hablando:

http://www.youtube.com/watch?v=umfSkDriiRs&feature=related

Los foros son un ejemplo de páginas webs sobre las que hable anteriormente.
Éstos representan una parten de la sociedad donde un grupo de personas mantienen conversaciones sobre un tema específico o cualquier tema de actualidad. En los foros aparecen las figuras del administrador, moderadores (que, como lo dice la palabra, son quienes controlan y filtran las contribuciones hechas por los miembros) y los usuarios. Normalmente en los foros aparecen una serie de normas para pedir la moderación a la hora de relacionarse con otras personas y evitar situaciones tensas y desagradables.
Un foro en internet, permite que el administrador del sitio defina varios foros sobre una sola plataforma. En ellos se desarrollaran las discusiones que empezarán los usuarios; otros usuarios pueden responder en las discusiones ya comenzadas o empezar unas nuevas. Para participar de un foro es necesario registrarse con un nick, una contraseña y, una dirección de correo electrónico para unirse al mismo. 

Une jemplo es http://foroalfa.org/ 

ésta es una página compuesta por todo lo dicho anteriormente. Desde mi punto de critica, una página con un buen diseño, sin muchos colores, y una tipografía perfectamente legible -muy importante-.

La orientación de la página, para personas que recién comienzan a usarla puede ser un poco confusa, pero solo es cuestión de minutos, práctica y un recorrido para entenderla. En particular, me sucedió con Facebook, me resulto complejo de entender y utilizarlo en un principio y después de un tiempo fue muy sencillo manejarlo.

En este caso, se trata de un foro de discusión sobre temas de diseño, con personas de distintas nacionalidades; compuesto por un administrador, moderadores y lógicamente, usuarios.

Su mapa de sitio:

Como conclusión final, es importante utilizar una nube de palabras que sintetice todo lo dicho, para darnos a conocer brevemente, cuales son las ideas esenciales del tema, en este caso, Internet  sus cambios, el crecimiento de las redes sociales... Temas que quizás  creemos que los sabemos correctamente, o que sabemos completamente, pero podemos estar equivocados. Siempre es bueno profundizar cada nuevo conocimiento, con otras lecturas, interpretaciones, opiniones, ideas, y demás. Siempre es bueno seguir investigando. 

Para finalizar, una película con poco tiempo de estreno, que recomiendo para mirar e informarnos un poco más es "Red Social" de David Fincher. Interesante y real que nos cuenta cómo se creo una de las redes sociales con más usuarios en el mundo.

"Construccion en 3Dimensiones" IMD

Para finalizar el trabajo, le agregamos efectos a la animación con programas como After Effects o Sony Vegas Pro. Existen también tutoriales en Youtube  para aprender a utilizarlos.

Aquí el video final y el link:

                                           http://www.youtube.com/watch?v=197yf4QMgSk

Storyboard

Una vez que terminamos de crear el video en Sketch Up, realizamos un Storyboard, con imagenes (captura de pantalla) de las escenas, para tener un recorrido final del video.

Imagenes del proceso en Sketch Up

Una vez que tenemos la imagen vectorizada, la importamos en Sketch Up  para comenzar a trabajar sobre el armado tridimensional.
Con las distintas herramientas que el programa nos ofrece, le damos color, textura, etc a los elemenetos importados.
Luego, con la herramienta cámara, capturamos imágenes del proceso.

Imagen vectorizada

Como primer instacia, debemos tomar distintas fotografías hasta obtener la adecuada para realizar el trabajo. Como el tema a trabajar es pixeles, decidi tomar una fotografía y agregarle zoom hasta lograr ver cada pixel que conforma la imagen, para asi en el momento de vectorizarla, trabajar con cada uno de ellos.

En este caso, utilice el programa Corel para vectorizar la imagen. Pero tambien se puede realizar esto con el programa Sketch Up. 

Si somos principiantes en el uso de cualquiera de estos programas, existen tutoriales en internet con los que podemos aprender a utilizarlos. 

TP II: Construcción en 3Dimensiones

El lanzamiento del siguiente trabajo práctico de la cátedra de "Intoducción a los Medios Digitales", dictada en FADU UNL, consiste en:
-la construcción de modelos digitales en un proceso dirigido fundamentalmente al estudio de las formas y su representación, relacionado con la disciplina DGCV ("Licenciatura en diseño de la comunicación visual"). Se modelaran y re-presentaran espacios y formas digitales generados a partir de la interpretación de un concepto inicial que incluye: capturadas de imágenes; creación de un patrón vectorial; modelado 3D edición y transformaciones.

Objetivos

Experimentación: Utilizando los Medios Digitales [MD] como instrumento de representación y conceptualización desde el inicio de un proceso de ideación y creación proyectual, como un boceto digital (sketch).

Manipulación 

Se utilizarán comandos específicos de distintos software, investigando composiciones y agrupamientos que representen la idea o el concepto en 3 D. Este proceso pretende interactuar con las representaciones espaciales en el proceso de generación y construcción de las formas.Presentación y Re-presentación: Se explorarán las formas y espacios por medio de recorridos inmersivos, secuencias espaciales, animaciones, etc. Se presentarán distintas etapas del trabajo de manera sintética en el blog. La entrega final será un video con una duración no mayor a 3 minutos. En el mismo se trabajara una narrativa multimedial que se centre en el concepto elaborado para la generación de la forma.

Administración

Se guardaran registros de todo el proceso de diseño, si se realizan bocetos manuales o análogos se guardaran digitalizados, como así también los borradores, descartes e instancias intermedias. Las que deberán organizarse en una base de datos administrada de manera tal que cuente la experiencia completa y conforme un imprescindible backup. Este material será utilizado en otras instancias del curso, correcciones, etc. Por lo que se recomienda realizarlo de manera exhaustiva. Ejercitación: Se transitaran cuatro etapas.

En conclusión...

Para finalizar este trabajo, podemos decir como conclusión, que los píxeles son indispensables, tanto para las ramas que se dedican a la fotografía como en este caso, al diseño gráfico; en general,  a la comunicación visual, ya que, como bien lo dice, al ser los píxeles los que conforman las imágenes, forman parte de todo esos elementos que nos transmiten un mensaje visual (publicidad, videos, imágenes).

Claramente, a la hora de realizar un buen trabajo, es indispensable adquirir conocimiento acerca de los colores, los programas más apropiados para utilizar, los formatos en los que se pueden guardar tanto imágenes, videos, etc; para así obtener excelentes resultados que logren transmitir un mensaje a la sociedad o satisfacer la necesidad del cliente. 

Webs para tener en cuenta

Algunas páginas que tratan sobre el tema, divertidas, dinámicas, interesantes para visitar:

En esta página podrás ver como se ve tu cara pixelada, con solo escribir tu nombre.

http://turnyournameintoaface.com/

Una galería de PIXEL ART:

http://nosolospam.com/tag/pixel-art/

Pixel art en cubos de rubik: 

http://www.cuboderubik.com/rubik-art-cubos/

Y algunos videos, por si te animás a hacer algo asi:

http://www.youtube.com/watch?v=gZmCnyeHkyY

http://www.youtube.com/watch?v=TvWlPl8ltHc

PIXEL ART

El pixel art, es un arte digital, para muchos, una técnica de dibujo y de diseño, poco común, que se realiza con programas de edición donde las imágenes se editan a nivel de pixel. En muchos casos, estos dibujos, se utilizan para la creación de videojuegos.

A continuación, unos divertidos e interesantes ejemplos para disfrutar:

Utilizado para una publicidad de Coca Cola

La ciudad de Venecia

La ciudad de Nueva York

Modelo de color CMYK y RGB

CMYK

El modelo CMYK (acrónimo de Cyan, Magenta, Yellow y Key) es un modelo de color sustractivo que se utiliza en la impresión en colores. Permite representar una gama de color más amplia que este último, y tiene una mejor adaptación a los medios industriales.

Este modelo se basa en la mezcla de pigmentos de colores, para obtener otros.

La mezcla a partes iguales de los tres primarios (cian, magenta y amarillo), en su máxima intensidad, resulta en negro. Si, por otra parte, mezclamos en parejas los colores primarios, obtenemos los colores secundarios, que se corresponden con los primarios de la síntesis aditiva de color (rojo, verde y azul violeta o RGB). El negro se nombra mediante la K en lugar de B para que no haya confusión con Blue (azul).

RGB

RGB es un modelo de color aditivo, cuanto más rojo, verde y azul se agregue, más se parecerá el color al blanco. Cuando se mezcla la misma cantidad de rojo, verde y azul, se obtiene un gris neutro. Para oscurecer un color, se debe quitar la misma cantidad de los tres colores. Los escáneres y los monitores se basan en el modelo de color RGB, por lo que se trata de un modelo natural para describir colores en un equipo, sobre todo cuando se trabaja con imágenes digitalizadas.

Para tener en cuenta!

A la hora de preparar un trabajo cuyo destino final será la impresión, debemos tener en cuenta que no siempre es posible reproducir los colores visibles en un monitor (RGB), puesto que abandonamos el mundo virtual de los píxeles digitales para adentrarnos en el mundo real de tintas físicas, que deben ser fabricadas con materiales existentes (CMYK). 

Cualquier trabajo que se elabore con la impresión como destino final, se debe preparar desde su incio en modo CMYK, para luego evitar inconvenientes. 

Profundidad de color

La profundidad de color es la máxima cantidad de datos (información de color, variaciones de color) que puede almacenar un píxel. La profundidad del BIT o profundidad del color, estima los valores que puede llegar a tener cada píxel que forma la imagen.
La profundidad del BIT se puede medir en:
1 bit, blanco o negro;
8 bits de color y 256 matices de color;
24 bits de color o colores RGB, imágenes en color;
32 bits CMYK, para impresión de las imágenes. 

Para comprender mejor:

¿Qué es un megapixel?

Un megapíxel equivale a 1 millón de píxeles. Usualmente se utiliza esta unidad para expresar la resolución de imagen de cámaras digitales. Por ejemplo, una cámara que puede tomar fotografías con una resolución de 2048 × 1536 píxeles se dice que tiene 3,1 megapíxeles (2048 × 1536 = 3.145.728). La cantidad de megapíxeles que tenga una cámara digital define el tamaño de las fotografías que puede tomar y el tamaño de las impresiones que se pueden realizar.

Para tener en cuenta :

-Para saber el número total de pixeles de una cámara, basta multiplicar el ancho de la imagen máxima que puede generar por el alto de la misma, desactivando previamente el zoom digital.

¿Cuántos megapixeles necesito? 

A partir de 2 megapíxeles se pueden conseguir copias impresas en un tamaño de 10 x 15 centímetros con una calidad decente.
Si lo que deseamos es la calidad debemos configurar la cámara con la mayor resolución de imagen para que la máxima calidad y la utilización de todos los megapixeles sean aprovechados en pro de una buena imagen a la hora de llevarlas a papel.
En cambio, deberemos bajar la calidad de revolución si necesitamos aprovechar el mayor espacio de memoria posible para almacenar muchas fotos. Dependerá también la capacidad de memoria de la tarjeta.

Arte con pixeles

Un poco de creaciones con pixeles...

Se trata del diseño de un elemento decorativo, representando los pixeles.  

Arte y diseño.

Pixel Art en cubos de Rubik: Josh Chalom

Esta intervención existe en una calle en Nueva York, en Mercer Street