martes, 18 de noviembre de 2014

Crear un videojuego con unity3d (Desarrollo de las UVs)

Y tal y cual....Pues aquí estamos una semana más (con días que no escribimos pero porque vamos hasta arriba de trabajo o, en mi caso, hasta arriba de medicamentos y no tenia el cuerpo para hacer un tutrorial)
COMO SIEMPRE: PRIMER ARTÍCULO AQUÍ para que sigan el orden de los tutos! 

Hoy vamos ha hacer lo que más ODIO!!!!!!  en el mundo del diseño pero que a la vez....es lo que hará que nuestro juego quede supermegachachipiruli..... vamos...que quede muy bien:

Las UVs.

Pero como siempre....¿Qué son las UVs?
Estas magníficas hijas de su madre...son las que harán que nuestras texturas queden bien situadas sobre la malla.
Es decir, Son las coordenadas 2d que se proyectan en las caras de objeto 3d. Las letras UV se usan  para el 2d porque las XYZ ya se usan para el 3d.
El ejemplo más rápido es el visual: 
Este sería el desglose del objeto 3d (el cubo) para pintarlo luego en 2d (imagen de la derecha)
El software de la imagen es Blender 


Ya os aviso que el artículo de hoy está repleto de fotos! porque alguno ya nos habéis dicho que tanto escrito os da pereza leer...y así si no sois de lengua hispana si el traductor lo hace mal, pues os podéis guiar por las imágenes, ya que hemos visto que nuestra segunda potencia es EEUU y la tercera es Rusia...así que Bienvenidos y esperamos hacerlo lo más fácil posible para que todos lo entendamos.
Sin más empecemos:

Primer paso! 
Seleccionamos el objeto con el que queramos trabajar. Vamos a la pestaña de modificadores y elegimos UNWRAP UVW  que será el modificador con el que trabajaremos todo el rato.

 Segundo paso.
Podemos presionar (con el objeto seleccionado) Alt+Q para hacer un "hide" de todo lo demás y solo nos aparezca el objeto en pantalla.
Si el modificador se aplicó debemos poder ver el objeto con esas lineas verdes, las cuales luego modificaremos a nuestro antojo (si no se os ve, primero seleccionar el nombre del modificador)
Tercer paso.
Seleccionamos la opción que más nos interese (vértices, aristas o caras) en nuestro caso, con caras  (1) iremos más rápido.
A continuación daremos a la opción Open UV Editor (2) 
Y nos aparecerá el siguiente cuadro (3) Ahí es donde trabajaremos nuestras UVs por eso es interesante tener dos pantallas de pc, porque así enviamos ese cuadro a la otra y podemos trabajar con más comodidad. (el artículo está hecho con una sola pantalla para no tener imágenes muy anchas)
Cuarto paso.
Seleccionamos las caras que estén en la misma orientación y sobre el mismo plano 
Daremos la opción Checker que está marcada en la imagen  para ver esos cuadrados en el objeto, que son la guía para saber si está bien o no lo que estamos haciendo.
 Marcamos el plano y Z (su orientación local) 
Seguiremos marcando las caras que queramos (IMPORTANTE) no olvidarse de las caras que no vemos o que están ocultas, ya que luego nos volveremos locos buscándolas.
La imagen anterior está "mal" pero para el ejemplo nos sirve, en realidad esa UV la deberíamos hacer una sobre otra, ya que toda la barandilla estará pintada del mismo color y sin mucho matiz. 

Usaremos las herramientas de mover, rotar y escalar de dentro de la ventana  para hacer todas las UVs del objeto, las organizaremos y escalaremos para que quepan todas en el exportador (el cuadrado con el checker) 
 Una vez nos guste como está organizada, y creamos que ya nos puede servir iremos a estas opciones: Tools---->Render UVW Template...
 Nos aparecerá esta ventana (1)
usaremos la opción "Render"(2)
y aparecerá la ventana (3) de las uvs
 IMPORTANTE HAY QUE GUARDAR LA IMAGEN DONDE QUERAMOS PERO CON UN FORMATO QUE LEA PHOTOSHOP O ALGÚN EDITOR DE IMAGEN.


Quinto paso.
Photoshop
Aquí hoy solo os explicaré como situar las capas para empezar a texturizar.
Una vez abrimos la imagen anteriormente guardada, presionaremos control+I para hacer la inversa de colores, a continuación (con la capa de las uvs, no con la inferior que la imagen está mal) le pondremos la propiedad "MULTIPLICAR" así podremos pintar por debajo sin perder las lineas.
 Volvamos a 3ds max, abriremos el editor de materiales (1) se abrirá la ventana (2) e iremos a diffuse (3) 
 Nos centraremos en BITMAP que es la opción para poner una imagen nuestra en el material.
 una vez seleccionada, el material quedará "pintado", para probarla pinté una parte de las uvs, ahora arrastraremos con el ratón el material seleccionado al objeto que deseemos y si lo hicimos bien...
  pues se verá más o menos así.

Hoy no os podéis quejar ¿e? poco texto y mucha imagen!! Hasta aquí como usar las UVs a nivel básico.
La semana que viene pintaremos esta uv y si tenemos tiempo os mostraremos el terreno completamente acabado...a ver como va la semana! buen día!!! 
p.d. Como siempre, si tenéis dudas mandarnos privados, comentar, por facebook o por twit


No hay comentarios:

Publicar un comentario