Recuerdo cuando en el video club alquile Toy Story allá en los noventas(años en que las películas venían en VHS) la fascinación me invadió desde las primeras escenas de la película, marcando un antes y un después en la concepción del significado de una película animada. Hace poco tiempo, después de ver un documental sobre Pixar me encontré en la web de la empresa leyendo su proceso técnico y creativo para realizar sus producciones, proceso que puede ser muy útil para la gente interesada en el tema y que dejo a continuación

1. Una idea o historia es lanzada

Un empleado de Pixar prepara una idea y la presenta al equipo de desarrollo y animación, donde su mayor reto es lograr que el equipo se interese y vea las posibilidades de llevar adelante el proyecto.

2. La idea escrita

La idea principal es escrita en detalle en un documento. A veces muchos documentos de la misma idea serán desarrollados a la vez para encontrar el balance correcto entre ideas solidas y posibilidades que se completaran luego con la intervención de los artistas y desarrolladores.

3. Se dibuja el Story Board

El Story Board es como una versión comic de mano en el cual empieza a tomar forma gráfica el proyecto y sirve para dar forma las acciónes y el dialogos entre personajes. Cada artista recibe el storyboard, con estos lineamientos los artistas, crean las secuencias y luego envían el trabajo al director.

4. Las voces empiezan a ser grabadas

Primero los artistas de Pixar graban las voces para el reel del story board, luego cuando la historia y el dialogo se define, se procede a empezar la grabación con actores profesionales en donde también tienen permitido improvisar. Los actores deben grabar las lineas de diferentes formas en busca de la mejors captura de voz . A veces las grabaciones de los dibujantes son buenas y quedan elegidas como en el caso del Story Supervisor Jhon Ranft`s, que hizo la voz de Wheezy.

5. Creando los Reels

La editorial empieza a diseñar los reels que contaran la historia por si sola, estos son usados para validar y corregir las escenas y para definir la duración de cada una y por lo tanto la de la película.

6. El departamento de Arte diseña el “Look and Feel”

Basados en el documento inicial, el storyboard y sus propias ideas, el equipo de arte comienza la ilustración los personajes y el mundo donde estos habitaran, donde se diseñan también los accesorios, la apariencia de todas las superficies y experimenta con colores “Color Scripts” para iluminar.

7. Los modelos son esculpidos y articulados

Usando los modelos del departamento de arte, los personajes, lugares y accesorios son esculpidos a mano y luego escaneado a tres dimensiones o directamente diseñados en 3D desde la computadora. Se generan también bisagras las cuales los animadores usaran luego para lograr los movimientos de los personajes.

8. Se rellenan los “Sets”

Luego de que los lugares (Sets) son creados en 3D, deben ser rellenados con accesorios, como sillas, juguetes y mas para crear un mundo realista. Este trabajo es realizado bajo supervisación del director para poder plasmar la idea desde su visión

9. Selección de las tomas

Llevando la historia a las tres dimensiones, se usa una cámara virtual para capturar las tomas en busca de las emociones y los momentos claves de la película. Muchas versiones son capturadas de las cuales luego el equipo editorial hará la selección. Una vez que son seleccionadas estas se envían al equipo de animación.

10. Las capturas seleccionadas son animadas

los animadores actúan como titireteros aquí, dedicandoce solo a darle vida al personaje porque el diseño ya fue hecho en los pasos anteriores. usando el software de animación de Pixar, los animadores realizan los movimientos y expresiones faciales de cada escena.

11. Shaders para los lugares y los personajes

Se realiza el proceso de sombreado e iluminación mediante programas de animación que permiten operaciones complejas, logrando que las superficies y colores reaccionen de manera real frente a un efecto de iluminación.

12. Las luces completan el look

Se definen las luces que se usaran en cada escena y lugar para lograr la ambientación adecuada a lo que se quiere transmitir emocionalmente en la escena. la inspiración sobre esta implementación viene desde el departamento de arte.

13. Los datos son renderizados

El renderizado es el proceso mediante el cual toda la información que contiene una toma es traducida a un fotograma de película. Cada fotograma representa 1/24 segundos de pantalla y toma 6 horas de renderizado aproximadamente

14. Retoques finales

La editorial controla la compaginacion de la música y los efectos de sonido, los efectos de animación reciben nuevos efectos y el departamento de foto-ciencia graban los fotogramas digitales para llevar la película a los medios de reproducción.

Recursos Complementarios

Ya que se mostraron imagenes de la pelicula Monster Inc. en el proceso, les dejo el trailer de la misma.

Pinche aquí para ver el vídeo

Y no puede faltar el enlace al sitio de Pixar, donde encontraran este proceso y mucho mas.

Diciembre es un mes de fiesta y mucha comunicación visual y me esta tocando hacer muchas tarjetas navideñas virtuales, por lo que me la paso buscando y recopilando recursos útiles para los diseños de esta época. Al día de hoy tengo este kit de supervivencia y lo comparto este post que seguro lo ire actualizando durante unos días mas.

Regalos navideños en EPS

Set de vectores que incluye diferentes tipos de cajas con diseños para estas fiestas, están en formato EPS y se pueden importar en cualquier programa de diseño. En la pagina del autor se puede encontrar los enlaces de descarga.

Descargar vectores navideños en EPS

Vectores de marcos navideños

Estos marcos están muy buenos, tienen un diseño sencillo y efectivo. Se pueden usar para armar tarjetas y para enmarcar fotografiás.

Vectores de marcos navideños

Tarjetas para navidad

Set de tarjetas con diseños para estas navidades en vectores, adornadas con estrellas, arboles y el infaltable Santa Claus. Estas tarjetas están muy bien para salir del apuro personalizandolas a gusto. En la web están los enlaces de descarga.

Diseños de tarjetas para navidad

Set de iconos navideños

Este set para navidad contiene 39 iconos de alta calidad con muchos esquemas de colores. Cada icono esta diseñado en 3 estilos diferentes: estilo realista en 3D, figuras simples y estilo botón. Están disponibles en formato vector y pixeles. Estos iconos no tienen ningún tipo de restricción y pueden ser usados con fines personales y comerciales.

Descarga el set de iconos

Pinceles para efecto hielo y nieve

Desde Devian Art se puede descargar este set de pinceles para photoshop, se pueden lograr muy buenos efectos de hielo y nieve con estos brushes.

Pinceles para efecto nieve

Orlas, flores y papiros navideños

Un set de vectores con diseños muy usados para esta temática, donde se puede encontrar orlas decorativas, papiros para personalizar y coronas de flores. Están en formato EPS y AI.

Orlas, flores y papiros navideños

10 sets de iconos sociales navideños

Excelente post donde hay una infinidad de iconos sociales con diseños navideños. Todos son de alta calidad y generalmente están en formato PNG. En estos set de iconos hay diseños para facebook, myspace, twitter, digg, youtube y muchas otras redes sociales.

10 sets de iconos sociales navideños

Etiquetas y moños navideños

Vectores muy útiles para aplicarlos en diseños de productos. En este set hay moños, etiquetas para productos y muchos copos de nieve. Están en formato PNG y SVG.

Etiquetas y moños navideños

Vectores de arboles de navidad

La navidad no es navidad sin la presencia de un arbol navideño, un símbolo de obligatoria presencia en cada proyecto. En el archivo hay elementos adicionales como vectores de estrellas y nieve.

Vectores de arboles de navidad

Tarjeta con regalos navideños

Este vector se lo podría catalogar como una tarjeta navideña terminada lista para ser personalizada. En el se encuentra un fondo verde aggiornado con nieve y unos regalos muy divertidos.

Tarjeta con regalos navideño

Santa Claus en vectores

Santa Claus esta presente en vectores, listo para ser usado en cualquier programa vectorial. El archivo en realidad esta disponible en PDF, pero al abrirlo con Illustrator se puede manipular la silueta de Santa con total libertad.

Santa Claus en Vectores

Recursos complementarios

Iconos de Tarjetas de Crédito

Seguramente algún icono de tarjetas de crédito estara presente en tus diseños navideños, asi que te dejo este post que te lleva directo a la descarga de un set bastante completo.

Existen muchos pluguins que permiten usar diseños personalizados en las categorías y paginas de wordpress, pero también se pueden obtener los mismos resultados o mejores sin depender de ellos. Lo malo de usar pluguins es que se pierde la versatilidad en la creación de plantillas personalizadas, y sobre todo en el diseño de sitios corporativos. Usualmente las empresas necesitan opciones fijas en los menúes de sus sitios web , y a lo sumo requieren adicionalmente un par de categorías de carga dinámica.

Category.php

Todos los post de una categoria se visualizan en la pagina por defecto “category.php” de wordpress.
Si yo quiero que cada categoría tenga un diseño propio, primero tengo que ingresar al panel de categorías y tomar nota de el numero de ID o el nombre de Slug.

Entonces si tengo una categoría que se llama Tutoriales y tiene el ID número 5, debo crear un archivo que se llame category-tutoriales.php o category-5.php.

page.php

Para las paginas es incluso mas sencillo, solo tengo que remplazar page.php por el nombre la pagina creada en el panel, por ejemplo quienes-somos.php. Una vez subida al servidor, WordPress habilitará el panel para elegir cual plantilla quiero usar para mi pagina creada a través de un simple menú desplegable.

Personalizar

Este modo de personalización permite hacer casi cualquier cosa con el CMS, se puede personalizar la estructura HTML, CSS los bucles, scripts, llevando a wordpress a otro nivel. Como dije al principio, este metodo es ideal para crear sitios web de empresas por el nivel de personalización que estas requieren.

Recursos complementarios

Técnicas CSS

Te redirijo a una sección del blog donde hay varias técnicas CSS que te pueden servir en la modificación de tus plantillas.

Cada día me doy cuenta que esto no se termina mas, que el diseñador de hoy es y será un eterno estudiante, la tecnología avanza hacia el infinito a pasos agigantados y todos los días me encuentro con algo nuevo. No me quejo por la adquisición de conocimientos, me fastidio por como las empresas elaboran los perfiles de sus futuros empleados, hoy buscan al empleado que tenga el conocimiento necesario para hacer la tarea de 3 o 4 personas.

Las ofertas laborales

Como decia, hoy muchas empresas pretenden tener una sola persona y que esta tenga todo el conocimiento de la web, que sepa programar, diseñar, posicionar sitios, maquetar interfaces de aplicaciones, hacer animaciones profesionales… y así, puedo hacer una lista bastante extensa del perfil buscado.

Me animo a decir que hoy se busca al Empleado Empresa, una persona que pueda cubrir 4 o 5 perfiles laborales al precio de uno, una realidad que se ve en las ofertas laborales de los portales mas conocidos de la web.

Portales que estuve visitando en estos días para ponerme al tanto de la actualidad, para finalmente desencadenar en la siguiente conclusión, hoy las empresas buscan un empleado empresa.

HTML/CSS

Además de ser la base fundamental, estos lenguajes son la moneda corriente hoy en dia, en las ofertas laborales se piden alta capacidad para maquetar sitios Crossbrowser y aplicaciones web compatibles con todos los navegadores existentes. HTML5, CSS3 y la web móvil, son otros de los ingredientes que se suman en este requisito.

Javascript y Ajax

Lo que mas ví en las busquedas fue el dominio avanzado de Javascript y el conocimiento intermedio de frameworks como jQuery, sumado a conocimientos intermedio de Ajax. Esto se traduce en que la persona tiene que ser un programador profesional, porque si uno domina javascript, ya tiene la base necesaria para dominar los frameworks y Ajax.

Flash

Flash esta en decadencia pero todavía las empresas requieren del empleado un alto dominio del programa. Esto supone que ademas de manejar bien el software, hay que tener creatividad y experiencia en el diseño de animaciones. Recalco que entre las ofertas vi que se requiere el dominio de ActionScript 2 y conocimientos intemedios de ActionScript 3.

PHP

Este lenguaje también figura entre los requisitos actuales, pero solo vi una o dos ofertas que pedían el total dominio del mismo (lo que ya me pareció una burla). En todas las otras ofertas el requisito era tener el conocimiento básico o intermedio para poder trabajar con los sistemas prefabricados de las empresas.

Diseño Gráfico

Además ser técnico por el dominio de lenguajes de programación, se requiere que le persona sea creativa y tenga la capacidad de crear diseños detallistas y de alto impacto.

Posicionamiento SEO

Este aparto es menos contundente en las ofertas, y se lo puede encontrar en formatos como “Optimización de sitios para buscadores” y bueno… lo demas es historia

Lo demás es Historia

La lista sigue y cada día se van sumando nuevos requisitos en el perfíl del diseñador web, requisitos que se van acumulando en pila porque el proceso de migración tecnológica es muy lento, sobre todo por las diferencias que existen entre los navegadores web.

Estoy seguro que me faltaron varios puntos importantes, pero también estoy seguro que ustedes ya los están pensando y junto a este post tiro la pregunta:
¿Vale la pena cumplir todos estos requerimientos y trabajar como empleado en una empresa?.

Recursos complementarios

Que estudiar para ser diseñador web

Un post de hace unos años pero muy relacionado con el que acabas de leer.

Desde las entrañas de Grecia y sus países cercanos aflora la belleza de la vida marina detrás de la cámara de Nicholas Samaras. Un joven y admirador fotógrafo de las criaturas acuáticas, que desde 1994 hasta la actualidad son tomadas y catalogadas en el portfolio de este artista.

A la vanguardia de su sofisticado equipo de fotografía Canon EOS 5D Digital SRL y sus lentes complementarios, también realiza producciones con modelos en contextos acuáticos y trabaja como director de arte en un estudio publicitario.

Sumergiéndose en el mar…

El buen arte siempre es reconocido

Nicholas recibió menciones y premios en muchos concursos y exibiciones como en el 6th Eastern Mediterranean Underwater Photography & Film Festival / TRN, Cyprus 2010, donde obtubo el tercer lugar, también salió primero y segundo en el Wetpixel / 2010 Raja Ampat Entrance Tag Design Contest.

Llegando a la profundidad del mar

Conoce mas sobre este fotógrafo visitando su portfolio, y descubre la camara que usa para sus producciones.

Portfolio de Nicholas Samaras
Galería con todos los trabajos de este artista

La camara que usa
Esta es la camara que usa para tomar fotos de alta definición e iluminación bajo el mar.