Nicolás Flores

Diseñador Multimedial

Diseño, optimización de webs y soluciones autogestionables

Yaestabaregistrado.com

Diseño por Kumite.
La gente de YER quería rediseñar su sitio, y me contactó para la implementación del mismo.
El desafío fue hacer los cambios sin que la rutina que el equipo tenía para actualizar el sitio cambie.
  • WordPress
  • Maquetación respetando los estándares de W3C y SEO.
  • PHP/MySQL | jQuery
Ir al sitio Datos técnicos

Filmabonito

Diseño por Pixelate Creativos.
La empresa necesitaba de un sistema para administrar algunos contenidos del sitio, pero en especial que permita altas, bajas y modificaciones de los productos y upload de fotos. Además el administrador permite elegir entre tres layout de banners para la home.
  • PHP/MySQL | jQuery
  • CMS propio
  • Maquetación respetando los estándares de W3C y SEO.
  • Montado en Smarty
Ir al sitio Datos técnicos

Playroad

Diseño y maquetación por Estudio 46.
El sitio ya contaba con un CMS, pero estaba incompleto. Me confiaron la terminación del mismo, permitiendo altas, bajas y modificaciones de productos y upload de fotos. Luego, se me encargó el desarrollo del carrito de compras.
  • Para el CMS, PHP/MySQL | jQuery
  • Carrito de compra con Dineromail
Ir al sitio Datos técnicos

OD Real Estate

Diseño y maquetacion por Estudio 46.
Se necesitaba un administrador para el catálogo del sitio, el cual permita altas, bajas y modificaciones de propiedades y noticias y upload de fotos. Se hizo también un sistema de propiedades destacadas para la home.
  • PHP/MySQL | jQuery
  • Creación de un CMS propio
  • Montado en Smarty
Ir al sitio Datos técnicos

Bien Cortado

El emprendimiento necesitaba un rediseño del logo y comenzar su comunicación web desde cero.
  • XHTML | jQuery
  • Maquetación respetando los estándares de W3C y SEO.
Ir al sitio Datos técnicos

Tercer Ojo

Se terminó el desarrollo del sitio full flash de la empresa. Además se agregó la sección "Novedades", y se optimizó el sitio para que sea correctamente indexado por buscadores.
  • AS 3
  • Información a través de XMLs
  • SEO aplicado a Flash
Ir al sitio Datos técnicos

Coramina Lenceria

Diseño por Pixelate Creativos.
Desarrollo de un sistema de administración para el catálogo del sitio, que permite altas, bajas y modificaciones de los productos y upload de fotos.
  • PHP/MySQL | jQuery
  • CMS propio
  • Maquetación respetando los estándares de W3C y SEO.
Ir al sitio Datos técnicos

El blog del Turu

pero no soy blogger

« ir al inicio

Maya – Walkthrough

15 de agosto de 2007 | 8:04 pm

Un nuevo tutorial online. Esta vez revelo el proceso de realización de Maya, una de las primeras imágenes que realicé hace ya tres años.

La guía sirve para aquellas personas a las que les interesa cómo hacer arte digital, personas que quieren dar el primer paso pero que no saben cómo darlo.

Me gustó hacerlo, así que pueden contar con más guías de este tipo de muchas de mis imágenes, si a alguien le interesa el de una en particular, avisen!

Sin más, Maya – Walkthrough.

Maya

Sol Maya

Con Maya fue la primera vez que al ver un pieza del rompecabezas que suele ser una imagen, las demás ocuparon su posición de inmediato en mi cabeza. Dicho de una manera más clara, mientras miraba los dibujos hechos por un amigo, llego al sol que observan a su derecha.

Luego de observarla durante unos segundos, fue muy claro: el sol en el medio y abajo, para perfecta atención, una pirámide Maya debajo alumbrada sólo por el sol que está poniéndose por detrás, todo bajo un clima místico.

Hasta este punto, todos podemos imaginar. Ahora venía la parte dificil, hacerlo. Lo bueno, sabía qué imagen debía lograr. Lo malo, sabía qué imagen debía lograr, y no me iba a conformar con un punto intermedio por el hecho de no saber cómo hacerlo.

Evolución

El problema con el que me encuentro en este preciso momento en que escribo, es que ya ha pasado mucho tiempo desde que la hice, se estan por cumplir 3 años. Asi que lo único que no recuerdo es exactamente el orden en que fui colocando las piezas. Por suerte sí tengo un archivo completo, es por eso que antes de ir paso por paso les muestro cuál fue la verdadera evolución del trabajo.

Atención: el de a continuación es material inédito, creo que sólo visto por Santiago, amigo con el que compartimos de todo, aprendiendo el uno del otro el uso de Photoshop al mismo tiempo. Sin más, la evolución:

Maya - Evoluci?n 1
Maya - Evoluci?n 2

Pueden ver que la idea siempre fue la misma, lo que fue cambiando a lo largo de las distintas versiones fueron cuestiones de luz, color, y decoración.

Paso a paso

Como dije antes, no recuerdo exáctamente cuál fue el orden de trabajo, asi que voy sin un orden en particular. Primero la pirámide:

Pir?mide Pir?mide

Debo decir que no tengo los derechos de uso de esta fotografía. Pero como no estoy vendiendo la foto ni nada en donde esté, supongo que no habrá problema. No voy a dar una descripción de cómo hice desaparecer a tooooodas las personas, porque eso escapa al objetivo de este artículo. Para aquellos que quieran saber, sean pacientes a nuevos tutoriales, o escribanme un email.

Para hacer el fondo es donde contaba con mayor libertad, ya que no tenía nada específico en mi cabeza. Asi que viendo estas fotos:

Fondo Fondo 2

El fondo resulto en la unión de las partes. Lo importante del fondo es que se debe ver trabajado, con un sentido y fin, pero no debe alejarte de lo fundamental: no debe distraer de el/los persaje/s principales. Al menos esa es mi filosofía, crear un contexto.

Combinaci?n de fondos

En la primer imagen se ve cúal es la idea, use la textura con una opacidad sobre fondo negro, y superpuse la misma figura espejada. Aparte de ser un elemento decorativo, tiene uno funcional. Los personajes estan mirando hacia el centro, en donde queremos que la mirada se dentenga. En la segunda imagen vemos ya algo de iluminación. Con el filtro de luz, puse un omni en donde se va a ubicar el sol, esto no solo permite simular la luz proveniente del sol, sino también la sombra. Ya en la tercer imagen agrego la pirámide trabajada anteriormente.

A destacar el hecho de que si hubiese querido que el sol esté por delante de la pirámide, debería probar con un fondo con la pirámide incluida a la hora de aplicar el filtro de iluminación.

Es hora de agregarle algo místico. Qué mejor que nubes para el caso:

Nubes

Una foto del cielo, me quedo sólo con la nube, y luego la parte divertida: Duplicar, acomodar, agrupar, rotar, etc. para crear una gran nube. Luego, modos de capa para la integración.

El sol

El sol esta dibujado en una hoja cuadriculada, como pueden ver, y pintado con marcadores. El primer paso es que el cuadriculado no se vea:

Sol 1 Sol 2

Un camino a seguir es duplicar el contenido, borrar el centro asi me quedo sólo con los rayos, y hacer un desenfoque. De esta manera, las líneas mas groseras ya desaparecieron. La edición a mano también es válida, de hecho, el centro fue editado de esa manera, no había manera de hacerlo de una forma automática. Ya sé que las últimas versiones tienen mejores opciones de desenfoque, como la de superficies, pero en esa época estaba la 7 nomás.

Sol 3

Me adelanto un par de pasos ahora, para mostrar no sólo como evoluciona el sol, sino también mi ventana de layers. En este punto ya hice varias cosas, volvía duplicar los rayos y le cambiando el modo de capa para mayor enfoque, dupliqué el centro (con otro modo de capa) para lograr otro tipo de efecto, y realicé un ajuste de tonos.

Sol 4

Por último les muestro que la imagen final (en donde agregué más rayos con más desenfoque para lograr el brillo exterior, aparte del marco) es una consecuencia de combinaciones de dos etapas anteriores. Si ven nuevamente la evolución:

Evolución

Notarán que la imagen del centro desencuadra con las de los costados. Esa imagen con más iluminación me sirvió para combinarla con la de la izquierda, siendo el resultado final el de la derecha. Se entiende? Mucho trabajo de máscaras. Si voy teniendo elementos de las distintas etapas que me gustan, simplemente los combino con máscaras en vez de intentar lograr todo en un único layer.

Espero que esta guía sirva para aquellos que ya tienen algo de idea de cómo manejar Photoshop, pero se preguntan cómo usar ese conocimiento para volcarlo en un poco de arte digital. Prometo seguir con este tipo de guías rápidas, como así también hacer poco a poco un manual más completo sobre el uso de Photoshop.

Para hacer comentarios sobre esta pieza en particular, o verla aún más en detalle, clic acá.

Esta obra está bajo una licencia de Creative Commons.

Creative Commons License

Santiago dice:

Excelente el tutorial! me parece que a mas de uno le va a resultar interesante, y me quede pensando como habras hecho para sacar la gente de la piramide, porque como lo habria hecho yo de seguro no quedaba igual a como lo hiciste vos.(concretamente seguro que no hubiese quedado asi de bien)

[...] Walkthrough. maya, méxico, piedra, pirámide, [...]

decime lo que pensás...