.

PROYECTO: intro multimedia final.

2007-12-17T02:30:00.000-03:00

animación final intro ideanueva:
(link banner desarrollado para entrega viernes 21/12/07)

imágenes del proceso:

tareas y algunos ejercicios

2007-12-16T15:09:00.000-03:00

ejercicios:

ENLACES:

banner 1
banner 2
banner 3

proyectos personales:

PROYECTO: intro multimedia 3

2007-11-22T05:04:00.000-03:00

IDEA (guión literario).

Al principio, se ven varios elementos en el suelo iluminados de forma indirecta, son varias ampolletas, de muchas épocas, tamaños, formas. La cámara realiza un zoom out, para mostrar que hay muchos elementos en el piso. En este momento hay algo que se enciende pero antes de que la cámara pueda mostrarlo, vuelve a apagarse. Luego hay movimiento, y lentamente una ampolleta empieza a prenderse, y a adquirir una posición mas alta, es la ampolleta de "ideanueva" y está adquiriendo su posición. Al lograrlo, la imagen realiza una transición "pestañeando" para pasar al isologo 2d trazado mostrando la marca.

STORYBOARD CREATIVO

1. Al principio, se ven varios elementos en el suelo iluminados de forma indirecta, son varias ampolletas, de muchas épocas, tamaños, formas. La cámara recorre lentamente.

2. La cámara realiza un zoom out, para mostrar que hay muchos elementos en el piso.

.

3. En este momento hay algo que se enciende pero antes de que la cámara pueda mostrarlo, vuelve a apagarse.

4. Luego hay movimiento, y lentamente una ampolleta empieza a prenderse, y a adquirir una posición mas alta, es la ampolleta de "ideanueva" y está adquiriendo su posición.

5. Al lograrlo, la imagen realiza una transición "pestañeando" para pasar al isologo 2d trazado mostrando la marca.

STORYBOARD TECNICO.

*primeras pruebas, modelado de objetos.

PROYECTO: intro multimedia 2

2007-11-22T04:12:00.000-03:00

IDEA FUERZA Y CONCEPTOS..
La idea fuerza que rige a ideanueva es: "trabajo que apoya aportando nuevas ideas".
El concepto a mostrar en el Isologo, es "la idea como iluminación".

ESQUEMA DEL TRAZADO.

A partir del segmento X, es posible reconstruir todo el isologo respetando el esquema de proporciones que a continuación entrego, como dato adicional, para poder armar el isologo es necesario respetar la fuente IMPACT para ambas palabras en la proporción de 1:1.09 aproximadamente. El color utilizado es el azul (HEXADECIMAL: #0000FF, RGB: R= 0 - G = 0 - B = 255, CMY: C = 100 - M = 100 - Y = 0, CMYK: C = 100 - M = 100- Y = 0 - K = 0)

ÁNGULO DEL ISOLOGO.

Luego de realizar el trazado del isologo, es necesario girarlo en 45 grados.

ÁREA DE RESPETO.

Para una mejor lectura del isologo, se tiene que mantener una distancia prudente con los bordes de este, es por eso que se ha definido un área de respeto a partir de su perímetro determinado por la base del isologo definido en este caso como el segmento X.

REDUCCIONES.
Para probar el comportamiento de la marca a medida que se reduce su tamaño, se hizo una prueba de escalarlo al 75%, logrando un nivel de reducción bastante aceptable.

VERSIONES MONOCROMÁTICAS.

A partir del isologo con sus colores originales, se realizaron pruebas para definir el comportamiento de este en versiones monocromáticas y sus negativos. Logrando de forma adecuada el poder adaptarse a estos requerimientos.

TIPOGRAFÍA.

PROYECTO: intro multimedia

2007-11-19T01:15:00.000-03:00

LO SOLICITADO: Bocetos de proceso (Brainstorming) Idea fuerza y conceptos a desarrollar. Diseño de imagen de marca para producto (Isologo). Selección de fuente tipográfica. todo en colores hexadecimales.

EL PROCESO:

A través de un brainstorming creativo, en primera instancia, se buscó definir palabras que pudieran estar relacionadas a la entidad para la que vamos a desarrollar el Isologo y, en este caso también, llegaríamos al nombre de nuestra empresa del mismo modo.
Para llegar al nombre de la empresa y a partir de eso a nuestra imagen representativa, comenzamos a buscar los términos afines que pudieran participar de nuestro producto, en este caso una imagen enfocada en las soluciones multimedia que nosotros podamos entregar, por lo tanto un servicio.
Este servicio tiene como términos asociados:

VISTA - VISIÓN - OJO - OBSERVAR
MOUSE - PUNTERO - LÁPIZ
VENTANA - VIDRIO
APOYO - SOPORTE - SUSTENTO
DISEÑO - CREATIVIDAD - IDEA
TECNOLOGÍA - NOVEDAD

Con estas palabras, llegué al nombre IDEANUEVA, como una sola palabra, tal y como lo hacen los nombres de las páginas web, que obligados por la dirección mezclan palabras formando conceptos nuevos, ideas nuevas.

Idea fuerza y conceptos a desarrollar.

La idea fuerza que rige a ideanueva es: "a partir de nuestro trabajo, apoyar con ideas nuevas abriendo nuevas ventanas."
El concepto a mostrar en el Isologo, es "la idea como iluminación y soporte"

Diseño de imagen de marca para producto (Isologo).

Luego de definir para donde iba el proyecto, lo que faltaba era buscar una o mas imágenes que pudieran representar esta ideanueva, relacionada a la tecnología, y al ámbito del diseño.
En primera instancia, un objeto que es muy reconocible y asociable a idea, es la ampolleta, "se me iluminó la ampolleta", dicen. Así que el primer elemento que compartía ademas ciertas características con otros términos del primer brainstorming, como el vidrio, la tecnología, ser un elemento que muestra, que apoya a la vista, configuró el escenario ideal para su incorporación formando parte del isotipo.
En un principio quize incorporar un segundo elemento, que viniera a apoyar la idea de algo nuevo y sustentado para esta ideanueva, es así como los primeros ensayos tuvieron como participante a un huevo conteniendo la ampolleta. en una búsqueda de un elemento que ayudara a explicar el concepto.

El huevo pronto fue desechado, pero a través del ejercicio de desarrollar los primeros isologos e isotipos, pude darme cuenta que no necesariamente tenia que unir las palabras al poner una seguida de la otra, sino que también podía usar que ambas palabras terminaban en la misma letra.
Otra cosa que pude definir en esta etapa del proceso fue el color que me serviría para acotar la idea, en este caso, el color azul (HEXADECIMAL: #0000FF, RGB: 0 - 0 - 255, CMY: 100 - 100 - 0, CMYK: 100 - 100- 0 - 0) por presentar características favorables a lo que se buscaba transmitir, como por ejemplo: Ser adecuado para promocionar productos de alta tecnología o de alta precisión, estar ligado a la inteligencia y la conciencia.
Además, la tipografía usada en las primeras pruebas (Impact), una letra clara, alta y sin adornos se mantendría hasta el diseño final.

Para reemplazar el huevo, hice algunas pruebas con otros elementos, y también probé otras formas de presentar el logotipo.

Así es como llegué a la versión final, donde mantengo el color de la letra A en bauhaus 93 y su posición dentro de la ampolleta, y la ubicación de las palabras incompletas, completadas por esta ampolleta que se reconoce como una idea, pero que a la vez, cumple con la función de contener, de sustentar la letra A que completa a ambas palabras.

Diseño Final:

ejercicio: movimientos objeto (lugar, escala, giro)

2007-11-08T15:29:00.000-03:00

botella con giro, movimiento, y escala from azraelhauyon on Vimeo.

Ejercicio: Movimiento camara

2007-11-05T15:23:00.000-03:00

SEGUNDA ENTREGA: banner

2007-10-25T16:08:00.000-03:00

Formato: Pop Under
600 x 400 pixeles
Estático
Hacer click en imagen para desplegarlo.
CLÁSICO... lo NUEVO de Casa&Ideas

SEGUNDA ENTREGA: desarrollo de articulo a elección

2007-10-25T12:38:00.001-03:00

Luego de desarrollar varios bocetos de el objeto elegido (pelador de papas), e identificar las piezas que lo forman. Procedí a trazar las partes en Adobe Illustrator, dándole volumen a la superior a través de la herramienta de extrusión (extrude tool), y la parte inferior mediante la herramienta radial (lathe tool). Después, modelé ciertas zonas convirtiendo en malla poligonal y editando sus partes. Además de realizar las operaciones booleanas de sustracción.

SEGUNDA ENTREGA: iluminación spot

2007-10-25T12:16:00.000-03:00

vista frontal (front)

vista derecha (right)

vista izquierda (left)

vista trasera (back)

vista superior (top)

vista isométrica (isometric)

Para resaltar el atardecer que enmarca el background, se utiliza la iluminación de 3 spotlights de tonos rojizos. Se ubican formando un triángulo sobre los objetos repartiendo así de una manera mas natural la luz, se buscá transmitir una luminosidad blanda y cálida que acoja de mejor forma los elementos.

SEGUNDA ENTREGA: iluminación ambiental

2007-10-25T12:06:00.000-03:00

vista frontal (front)

vista trasera (back)

vista derecha (right)

vista izquierda (left)

vista superior (top)

vista isometrica (isometric)

El desarrollo de la parte de proyecto referida a la iluminación ambiental, tuvo como objetivo el tratar de ubicar las fuentes de luz de forma similar a la que se encuentra en la sala donde se realizaron los bocetos. una fuente externa acentuada, y cuatro fuentes de luz mas amarillentas ubicadas formando un cuadrado si se observan desde una vista superior.

SEGUNDA ENTREGA: desarrollo de texturas

2007-10-25T11:51:00.001-03:00

A partir de una imagen que mostraba parcialmente un sector de cielo, y su repetición se logra formar una textura que se estableció como background de la composición.

Desde una imagen tomada de noche de la copa de un árbol, desarrollé la textura para el elemento base que sirviera de sustento a los artículos.

Para la textura de el lechero, se utilizó la misma textura del background, una imagen realizada a través de la repetición de un trozo de la panorámica.

En el caso del pelador, utilicé un trozo de cielo. Modificando ciertos valores, para poder lograr la transparencia y luminosidad requerida.

PRIMERA ENTREGA: versión libre

2007-09-27T15:32:00.000-04:00

Lámina digital con una vista seleccionada por el alumno, donde se apliquen efectos de iluminación y texturas a discreción explayándose en la labor creativa (se pueden utilizar cualquier textura y efecto de iluminación) (se debe entregar una ficha técnica donde se especifiquen los nombres de las texturas y efectos de iluminación aplicados a las láminas.) Tamaño de entrega 800x600 formato png en fotolog o web, con posibilidad de descarga.

VISTA LIBRE

DESCRIPCIÓN.

A través de Spotlight azules, un background "cloudscape" y un ground "mirror" modificado (aumento de gloss), además de la posición del punto de vista frente a los objetos un tanto neutro, se busca recrear un ambiente frío, algo así como un atardecer frío donde las tonalidades azules gobiernan.

DESCRIPCIÓN.

Una segunda propuesta libre esta diseñada para agregarle calidez a la composición a través de focos rojizos y un background que trata de reforzar la idea.

PRIMERA ENTREGA: iluminación spot

2007-09-27T15:18:00.000-04:00

Laminas digitales en todas las vistas “menos desde abajo” con aplicación de textura en fondo, tierra, cielo e iluminación spot. La utilización de texturas, colores y apariencia de los objetos debe representar la realidad observada al momento de bocetar. (se debe entregar una ficha técnica donde se especifiquen los nombres de las texturas y efectos de iluminación aplicados a las láminas.) Tamaño de entrega 800x600 formato png en fotolog o web, con posibilidad de descarga.

FRENTE (FRONT)

DERECHA (RIGHT)

IZQUIERDA (LEFT)

ATRAS (BACK)

ARRIBA (TOP)

ISOMETRICA (ISOMETRIC)

DESCRIPCIÓN.

A través de 4 Spotlight de luz "amarillenta", ubicados tratando de asimilar la iluminación artificial presente en el laboratorio, tratar de lograr la forma en que la luz actua sobre los objetos. El Ground tiene una textura de "Cream" modificado, quitándole el gloss, para obtener mejores sombras de los objetos. El background tiene una textura de Chrome Horizon, tratándo de obtener un ambiente mas neutro.

PRIMERA ENTREGA: iluminación ambiental

2007-09-27T14:33:00.000-04:00

Laminas digitales en todas las vistas “menos desde abajo” con aplicación de textura en fondo, tierra, cielo e iluminación ambiental (varias). La utilización de texturas, colores y apariencia de los objetos debe representar la realidad observada al momento de bocetar. (se debe entregar una ficha técnica donde se especifiquen los nombres de las texturas y efectos de iluminación aplicados a las láminas.)Tamaño de entrega 800x600 formato png en fotolog o web, con posibilidad de descarga.

FRENTE (FRONT)

DERECHA (RIGHT)

IZQUIERDA (LEFT)

ATRAS (BACK)

ARRIBA (TOP)

ISOMETRICA (ISOMETRIC)

DESCRIPCIÓN.

Luego de realizar los bocetos de los objetos y su posición, se realizó el trazado de cada objeto en Adobe Ilustrator, y las partes que lo forman para desarrollarlas por separado con la herramienta "Lathe Tool". Despues, y siguiendo la ubicación de los objetos en el espacio, se posicionaron confirmando a través de todas las vistas que se encontraran en el lugar que ocupaban en la realidad.

Posteriormente se procedió a trabajar las texturas de cada objeto o pieza de cada objeto, para poder imitar de mejor manera las propiedades de absorción y reflexión de la luz, por ejemplo, que presentaban los articulos. A continuación detallo las configuraciones de las piezas.

BOTELLA.

VASO.

LATA.

TINTA.