El 24 y 25 de febrero se llevara a cabo la primer conferencia a nivel mundial sobre diseño y hacking en nuestra comunidad hispana. Presenciaremos 12 charlas en donde se tocaran los temas mas calientes e importantes sobre el futuro del diseño web y la fusión del arte con la tecnología en internet. HTML5, CSS3, jQuery, 3D, fotografía y hacking..

Porque debo asistir a este evento?

1. Porque la web ya cambió y vos debes ser uno de los que creen que recién esta cambiando.

2. Porque necesitamos gente que concientize y genere debate sobre los temas tecnológicos actuales, no todo se basa en buscar un tutorial en internet.

3. Porque se brindara información de actualidad en nuestro idioma, lo que califico como algo muy valioso.

4. Se hablara sobre el futuro del diseño en internet.

5. Porque 3 de los panelistas son los fundadores de Desarrolloweb.com, Cristalab y Maestros del Web. Las mayores comunidades sobre diseño y programación existentes en nuestra comunidad latina e hispana.

6. Es online y gratis, pero también se puede asistir físicamente al evento que se llevara a cabo en México abonando una entrada.

7. Porque este pequeño gran paso sera el generador de mas eventos.

8. Porque habran regalos? si..

9. Porque esto no se queda solo ahi, esto continua todos los jueves, tenemos Mejorandola.la (el programa) de 1 hora, que se transmite en vivo vía streaming.

10.Porque es hora de HACER NUESTRO ESPACIO EN LA WEB, PONER NUESTRA VOZ, NUESTRO APORTE E INVOLUCRARNOS EN EL FUTURO DEL DISEÑO Y DESARROLLO WEB.

De eso se trata, o por lo menos asi lo entiendo y considero yo. Los invito a inscribirse al evento en el link que dejo al final del articulo, Nos vemos diseñadores!

Inscripcion y programa

Te invito a visitar la web del evento donde te podras inscribir para el evento online y consultar el cronograma de las charlas.

Inscripcion y Programa

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.

Antes que nada debo decir que amo WordPress por la cantidad de pluguins existentes en la actualidad y la ventaja que esto supone sobre otros CMS, lo que lo convierte en un sistema muy customizable y escalable con el que se puede hacer practicamente cualquier desarrollo web. Con la simple combinación de algunos de ellos se pueden lograr resultados que llevarian horas de programación, como en este caso, donde necesitaba crear una sección para usuarios registrados y encontré la solución en la combinación paralela de algunos pluguins.

1 – Colocar el formulario de Login en la pagina principal

Los usuarios tenian que ingresar desde la pantalla principal del sitio por lo tanto hice uso de Sidebar Login, que ademas cuenta con opciones de configuración muy útiles como redirecciones al iniciar sesión y al salir, mostrar o no el enlace de registración, recuperar contraseña, mostrar avatar, enlaces para usuarios registrados y mas.

Descargar el pluguin para wordpress: Sidebar Login

Para implementarlo hay que pegar la siguiente linea de codigo en el template y activar el pluguin desde el panel de pluguins de wordpress luego de haberlo subido.

2 – Configurar wordpress para que los suscriptores vean los post privados

Por defecto, WordPress solo permite a los administradores y a los editores ver los post privados. Con el pluguin Private Plus pude asignar los permisos a los suscriptores para que puedan ver el contenido oculto, aclaro que por el hecho de elegir a los suscriptores, los niveles de usuarios superiores tambien recibirán los mismos permisos para el contenido privado.

Descargar el pluguin para WordPress: Private plus

Una vez subido y activado hay que entrar a las opciones de configuración del pluguin y seleccionar “Suscriber”.

3 – Publicar los post

Y para terminar solo tuve que publicar los post como “Privados” desde el panel de publicación de WordPress y empezar a disfrutar de esta sencilla y muy útil configuración. Hasta aquí es todo el proceso, aunque este post no estaria completo sin algun extra, como el que dejo a continuación…

Recursos Complementarios

Si quiero mostrar banners, divs, opciones y determinadas partes de la plantilla solo a los registrados puedo usar el siguiente script donde el numero “0″ es el que indica el tipo de usuario, en la escala de niveles de usuarios de WordPress.

    
"Aqui el Contenido"
     

Bueno, esto se puede expandir mucho más aunque con esto ya podemos hacer un pequeño sistema para ofrecer contenido exclusivo para los usuarios registrados.

Esta tarde en busca de inspiración me encontre con el portfolio de Alejandro Lobo, director de Arte, Diseñador gráfico y fotografo del cual no se mucho ya que en su website solo se pueden ver sus trabajos y algún que otro contacto…

Para mi una publicidad cumple con éxito su trabajo cuando el factor sorpresa impacta desde el primer encuentro con la misma, y este es un caso ejemplar, por eso me decidí a hacer este post, particularmente me gustó la campaña de WMF (Una compañia de cuchillos), donde los ingredientes principales son el retoque fotográfico y la creatividad.

Otras piezas muy acertadas son las gráficas para Barbie, en una de ellas dice “Ha conseguido todo sin doblar las rodillas”, que desde lo creativo hasta la puesta grafica en el lienzo me parecio genial.

También no puedo dejar pasar unas piezas gráficas donde el diseñador juega con la morfología, en donde el uso de los elementos en el lienzo trae a mi mente ideas y conceptos sobre la psicología de la gestalt.

Algunas Distinciones

2009-2010 – Piece Hidden Passion. Itinerant Exhibition.Spain.

2009 – Selected work. No Format Awards’08. Museum Courtyard Herreriano.

2009 – Finalist. 3th Contest Against Violence Gender. Madrid Comunity.

2008 – Finalist. Advertising Prizes. Castilla & León.

Recursos Complementarios

Les dejo el portfolio de este diseñador del cual no tengo mucha información, pero aprovecho para invitarlo a que nos cuente un cuente un poco mas sobre sus trabajos en la sección de comentarios.
Portfolio: Alejandro Lobo

Hoy lanzo y comparto esta plantilla creada por mi en Html5 y Css3, en donde uso la mayoría de los tags de estas ultimas tecnologías. Health5 es una plantilla ideal para crear sitios de temáticas relacionadas con la salud y la gastronomía, te invito a descargarla.

La plantilla esta formada por una sola pagina Index con su respectivo CSS, imágenes y efectos de Css3Pie para lograr la compatibilidad en los navegadores de los efectos usados para esta ocasión. El principal enfoque en esta plantilla fue mantener la semántica en el manejo de los contenidos y darle una estructura de blog para facilitar su adaptación con los CMS mas usados.

Políticas de uso

La plantilla es gratuita y estas autorizado para usarla y modificarla para tus proyectos personales o comerciales propios y/o de tus clientes, no se permite revender la obra en portales u otros medios comerciales. El logotipo de Health5 no puede ser usado con ningún fin, es propiedad de puentecromatico.com.
Por favor considera dejar el enlace de autor en la plantilla o linkear a esta entrada del blog.

Ver la Demo | Descargar Health5 – Plantilla Html5 Css3