{"id":23984,"date":"2022-04-08T20:23:23","date_gmt":"2022-04-09T01:23:23","guid":{"rendered":"https:\/\/niixer.com\/?p=23984"},"modified":"2022-04-12T13:17:27","modified_gmt":"2022-04-12T18:17:27","slug":"tutorial-de-texturas-uv-en-modelos-2d-y-3d-e-iluminacion-en-blender","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2022\/04\/08\/tutorial-de-texturas-uv-en-modelos-2d-y-3d-e-iluminacion-en-blender\/","title":{"rendered":"Tutorial de Blender para texturas UV en modelos 2D y 3D e Iluminaci\u00f3n"},"content":{"rendered":"\n

El Tutorial en Blender<\/a> expuesto aqu\u00ed contendr\u00e1 el c\u00f3mo se crea, insertan primitivas 2D y 3D, modelaci\u00f3n <\/a>de las primitivas hasta obtener nuestro objeto deseado, inserci\u00f3n de las texturas de cada modelo 2D y 3D para poder generar una escena a nuestra imaginaci\u00f3n y por \u00faltimo el manejo de la iluminaci\u00f3n para nuestra escena<\/a>. <\/p>\n\n\n\n

Se utilizo como gu\u00eda para la implementaci\u00f3n la documentaci\u00f3n del profesor Carlos Pinz\u00f3n de la Universidad Central<\/a>.<\/p>\n\n\n\n

Cap\u00edtulo 1: Creaci\u00f3n del proyecto<\/strong><\/h3>\n\n\n\n

En primer lugar, creamos un nuevo proyecto general (figura 1). Por ello teniendo el proyecto creado debemos dirigirnos en la parte superior vamos a ir a UV Editing (figura 2) del lado izquierdo vemos la representaci\u00f3n en coordenadas en 2D, en este lado aparecer\u00e1 la textura y del lado derecho se puede observar la vista en 3D.<\/p>\n\n\n\n

\"Blender\"
Figura 1<\/figcaption><\/figure><\/div>\n\n\n\n
\"UV
Figura 2<\/figcaption><\/figure><\/div>\n\n\n\n

Cap\u00edtulo 2: Primer objeto<\/strong><\/h3>\n\n\n\n

En segundo lugar del tutorial de Blender vamos a agregar una textura en la parte superior podemos crear una nueva textura en el UV Editing (figura 3) le damos clic donde dice (+ Nueva). Ahora podemos parametrizar los siguientes campos, darle un nombre a la nueva imagen, tambi\u00e9n el tama\u00f1o de resoluci\u00f3n, en este caso Ancho x Alto (figura 4). Por consiguiente le cambiamos los par\u00e1metros por los siguientes (figura 5), le damos clic en aceptar y como resultado (figura 6) nos aparece el siguiente cuadro y hacemos un alejamiento para ver el modelo nueva mente en coordenadas 2D.<\/p>\n\n\n\n

\"UV
Figura 3<\/figcaption><\/figure><\/div>\n\n\n\n
\"Par\u00e1metros
Figura 4<\/figcaption><\/figure><\/div>\n\n\n\n
\"Par\u00e1metros
Figura 5<\/figcaption><\/figure><\/div>\n\n\n\n
\"Textura\"
Figura 6<\/figcaption><\/figure><\/div>\n\n\n\n

Seguidamente en la parte superior le damos la opci\u00f3n modo de selecci\u00f3n de islas que es la cuarta opci\u00f3n de la lineal (figura 7).<\/p>\n\n\n\n

\"Opciones
Figura 7<\/figcaption><\/figure><\/div>\n\n\n\n

Modificaci\u00f3n del material<\/strong><\/h3>\n\n\n\n

Para ver el modelo seleccionado y activo, procedemos a asignar la textura al modelo 3D para ello vamos a las propiedades del objeto en material (figura 8), nos aparece de este modo (figura 9).<\/p>\n\n\n\n

\"Propiedades
Figura 8<\/figcaption><\/figure><\/div>\n\n\n\n
\"Par\u00e1metros
Figura 9<\/figcaption><\/figure><\/div>\n\n\n\n

Asimismo vamos a modificarlo con los siguientes par\u00e1metros, cambiando la superficie a BSDF Principista a BSDF Difuso (figura 10) y clicamos en donde dice color (amarillo) y seleccionamos imagen (figura 11), ahora seleccionamos nuestra textura \u201cSin nombre\u201d (figura 12).<\/p>\n\n\n\n

\"Par\u00e1metros
Figura 10<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 11<\/figcaption><\/figure><\/div>\n\n\n\n
\"Nombre
Figura 12<\/figcaption><\/figure><\/div>\n\n\n\n

Si estamos en Modo Solido no vamos a apreciar de que la imagen se asigne al modelo por lo tanto para poder verificarlo debemos tener en cuenta que estemos en Modo Materiales o en Modo Render<\/p>\n\n\n\n

\"Modo
Modo material<\/figcaption><\/figure><\/div>\n\n\n\n
\"Modo
Modo render o procesamiento<\/figcaption><\/figure><\/div>\n\n\n\n

Cap\u00edtulo 3: Segundo objeto<\/strong><\/h3>\n\n\n\n

Es m\u00e1s para el tutorial de Blender debemos Ocultar nuestro primer objeto (figura 13).<\/p>\n\n\n\n

\"Blender\"
Figura 13<\/figcaption><\/figure><\/div>\n\n\n\n

Por ello, agregamos una nueva malla con shift+a \u201ccilindro\u201d (figura 14), crearle m\u00e1s segmentos con la herramienta de Cortar Bucle (figura 15)<\/p>\n\n\n\n

\"Primitiva
Figura 14<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 15<\/figcaption><\/figure><\/div>\n\n\n\n

Por lo tanto extruimos la cara de arriba, hacia el centro, con la tecla E y escalamos hacia adentro para ver las diagonales de la tapa de la caneca (figura 16) repetimos el proceso en la cara inferior (figura 17).<\/p>\n\n\n\n

\"Tutorial
Figura 16<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 17<\/figcaption><\/figure><\/div>\n\n\n\n

De tal modo que con la selecci\u00f3n de aristas, con las teclas shift+Alt seleccionamos todo el circulo interior despu\u00e9s de la extrusi\u00f3n (figura 18) Ahora lo marcaremos como una costura, para ello vamos en el men\u00fa superior seleccionamos UV, Marcar como costura (figura 19), resultado (figura 20).<\/p>\n\n\n\n

\"Tutorial
Figura 18<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 19<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 20<\/figcaption><\/figure><\/div>\n\n\n\n

De esta forma, repetimos el proceso para los bordes externos de las 2 caras y un borde vertical (figura 21).<\/p>\n\n\n\n

\"Tutorial
Figura 21<\/figcaption><\/figure><\/div>\n\n\n\n

Textura del objeto<\/strong><\/h3>\n\n\n\n

Agregamos la textura<\/a>. Ya teniendo la textura guardada (figura 22)<\/p>\n\n\n\n

\"Tutorial
Figura 22<\/figcaption><\/figure><\/div>\n\n\n\n

Por consiguiente le agregaremos una nueva textura en materiales, la llamaremos Barrel, cambiamos de nuevo el Shader en Usar Nodos\/ Superficie\/ y cambiamos BSDF Principista a BSDF Difuso igualmente que los pasos del primer objeto (figura 23).<\/p>\n\n\n\n

\"Tutorial
Figura 23<\/figcaption><\/figure><\/div>\n\n\n\n

            Vamos a abrir la textura que hemos descargado (figura 24) en el bot\u00f3n que dice \u201cAbrir\u201d, buscamos la textura (figura 25)<\/p>\n\n\n\n

\"Tutorial
Figura 24<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 25<\/figcaption><\/figure><\/div>\n\n\n\n

Desde el editor de UV Editing seleccionamos la textura barrel y la empezamos a aplicar (figura 26) ya seleccionada (figura 27)<\/p>\n\n\n\n

\"Tutorial
Figura 26<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 27<\/figcaption><\/figure><\/div>\n\n\n\n

Marcamos con la tecla A para seleccionar todo y vamos al men\u00fa de UV del editor Vista 3D y damos click en desplegar (figura 28).<\/p>\n\n\n\n

\"Tutorial
Figura 28<\/figcaption><\/figure><\/div>\n\n\n\n

Organizando las islas de la textura en su correcta posici\u00f3n vemos bien estructurada la textura movi\u00e9ndolas con \u201cg\u201d (figura 29).<\/p>\n\n\n\n

\"Tutorial
Figura 29<\/figcaption><\/figure><\/div>\n\n\n\n

Cap\u00edtulo 4: Tercer objeto<\/strong><\/h3>\n\n\n\n

El tercer objeto que ser\u00e1 una lata de gaseosa comenzamos agregando un cilindro (figura 30) seleccionamos la cara superior y extruimos con \u201cE\u201d en 0.5m (figura 31) y escalamos hacia adentro (figura 32), extruimos hacia abajo y insertamos una nueva cara con \u201ci\u201d (figura 33) la nueva cara insertada la extruimos en 0.08m (figura 34), volvemos a insertar unca cara y extruimos (figura 35).<\/p>\n\n\n\n

\"Tutorial
Figura 30<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 31<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 32<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 33<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 34<\/figcaption><\/figure><\/div>\n\n\n\n

Parte inferior de la lata<\/strong><\/h3>\n\n\n\n

Para la parte inferior de la lata seleccionamos la cara y extruimos en 0.25m y escalamos e insertamos nueva cara  (figura 35), extruimos hacia adentro esa nueva cara (figura 36), insertamos una nueva cara un poco m\u00e1s peque\u00f1a que la anterior y eliminamos esa cara (figura 37), en el modo v\u00e9rtices seleccionamos todos los v\u00e9rtices interiores (figura 38) presionamos \u201cm\u201d (fusionar) para fusionar los v\u00e9rtices en el centro (figura 39) y movemos ese v\u00e9rtice hacia arriba \u201cg\u201d y \u201cz\u201d para tener terminada la forma de la lata (figura 40).<\/p>\n\n\n\n

\"Tutorial
Figura 35<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 36<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 37<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 38<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 39<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 40<\/figcaption><\/figure><\/div>\n\n\n\n

Costuras del objeto<\/strong><\/h3>\n\n\n\n

Ya en el modo objeto le vamos a dar clic derecho y seleccionar \u201csombrear suave\u201d, empezamos a realizar las costuras para el texturizado, seleccionamos todos los bordes a los cuales vamos a realizar las costuras (figura 41).<\/p>\n\n\n\n

\"Tutorial
Figura 41<\/figcaption><\/figure><\/div>\n\n\n\n

Textura de la lata<\/strong><\/h3>\n\n\n\n

Insertamos la textura <\/a>como se realiz\u00f3 en el segundo objeto:<\/p>\n\n\n\n

Agregaremos una nueva textura en materiales, la llamaremos Barrel, cambiamos de nuevo el Shader en Usar Nodos\/ Superficie\/ y cambiamos BSDF Principista a BSDF Difuso igualmente seleccionamos en la parte de color la imagen.<\/p>\n\n\n\n

Marcamos con la tecla A para seleccionar todo y vamos al men\u00fa de UV del editor Vista 3D y damos click en desplegar (figura 42)<\/p>\n\n\n\n

\"Tutorial
Figura 42<\/figcaption><\/figure><\/div>\n\n\n\n

Ahora organizando las islas de la textura en su correcta posici\u00f3n vemos bien estructurada la textura movi\u00e9ndolas con \u201cg\u201d (figura 43).<\/p>\n\n\n\n

\"Tutorial
Figura 43<\/figcaption><\/figure><\/div>\n\n\n\n

Tutorial de Blender<\/strong> para Primitivas geom\u00e9tricas<\/strong><\/h3>\n\n\n\n

La primera primitiva que vamos a texturizar es un cono de tr\u00e1nsito para ello debemos agregar la primitiva del cilindro y le vamos a hacer m\u00faltiples cortes (figura 44), escalamos la cara superior y insertamos una nueva cara y eliminamos la cara insertada (figura 45), debemos ir escalando los bordes hasta obtener la forma del cono (figura 46).   <\/p>\n\n\n\n

\"Tutorial
Figura 44<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 45<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 46<\/figcaption><\/figure><\/div>\n\n\n\n

Parte inferior del cono<\/strong><\/h3>\n\n\n\n

As\u00ed mismo para la parte inferior vamos a insertar un plano (figura 47), extruimos la cara inferior del plano (figura 48). Es por ello que seleccionamos los bordes de las esquinas y con la herramienta biselar, biselamos un poco los bordes (figura 49).<\/p>\n\n\n\n

\"Tutorial
Figura 47<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 48<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 49<\/figcaption><\/figure><\/div>\n\n\n\n

Seguidamente vamos a unir los dos objetos, desde el modo objeto seleccionamos los dos objetos (figura 50) que nos aparezca cada uno de un color diferente, oprimimos ctrl+j para unir los 2 objetos y que nos aparezca ahora de un solo color (figura 51).<\/p>\n\n\n\n

\"Tutorial
Figura 50<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 51<\/figcaption><\/figure><\/div>\n\n\n\n

Textura del cono<\/strong><\/h3>\n\n\n\n

Insertamos la textura<\/a> como se realiz\u00f3 en el segundo objeto:<\/p>\n\n\n\n

Leagregaremos una nueva textura en materiales, la llamaremos Barrel, cambiamos de nuevo el Shader en Usar Nodos\/ Superficie\/ y cambiamos BSDF Principista a BSDF Difuso igualmente seleccionamos en la parte de color la imagen, generamos las respectivas costuras (figura 52). Finalmente con la tecla A para seleccionar todo y vamos al men\u00fa de UV del editor Vista 3D y damos click en desplegar (figura 53)<\/p>\n\n\n\n

\"Tutorial
Figura 52<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 53<\/figcaption><\/figure><\/div>\n\n\n\n

Por \u00faltimo, organizando las islas de la textura en su correcta posici\u00f3n vemos bien estructurada la textura movi\u00e9ndolas con \u201cg\u201d (figura 54).<\/p>\n\n\n\n

\"Tutorial
Figura 54<\/figcaption><\/figure><\/div>\n\n\n\n

Segunda primitiva<\/strong><\/h3>\n\n\n\n

Adem\u00e1s la segunda primitiva es una caja de madera para ello vamos a insertar un cubo (figura 55)<\/p>\n\n\n\n

\"Tutorial
Figura 55<\/figcaption><\/figure><\/div>\n\n\n\n

Le vamos a agregar una nueva textura <\/a>en materiales, la llamaremos Barrel, cambiamos de nuevo el Shader en Usar Nodos\/ Superficie\/ y cambiamos BSDF Principista a BSDF Difuso igualmente seleccionamos en la parte de color la imagen. Finalmente con la tecla A para seleccionar todo y vamos al men\u00fa de UV del editor Vista 3D y damos click en desplegar (figura 56).<\/p>\n\n\n\n

\"Tutorial
Figura 56<\/figcaption><\/figure><\/div>\n\n\n\n

Tercera primitiva<\/strong><\/h3>\n\n\n\n

Para la tercera primitiva es un bal\u00f3n de basquetbol para ello vamos a agregar la primitiva esfera (figura 57).<\/p>\n\n\n\n

\"Tutorial
Figura 57<\/figcaption><\/figure><\/div>\n\n\n\n

Por lo tanto le agregaremos una nueva textura<\/a> en materiales, la llamaremos Barrel, cambiamos de nuevo el Shader en Usar Nodos\/ Superficie\/ y cambiamos BSDF Principista a BSDF Difuso igualmente seleccionamos en la parte de color la imagen.<\/p>\n\n\n\n

Seguidamente marcamos con la tecla A para seleccionar todo y vamos al men\u00fa de UV del editor Vista 3D y damos clic en desplegar (figura 58).<\/p>\n\n\n\n

\"Textura
Figura 58<\/figcaption><\/figure><\/div>\n\n\n\n

Cuarta primitiva<\/strong><\/h3>\n\n\n\n

Finalmente la cuarta primitiva es un flotador para ello vamos a insertar una rosca (figura 59).<\/p>\n\n\n\n

\"Tutorial
Figura 59<\/figcaption><\/figure><\/div>\n\n\n\n

Le vamos a agregar una nueva textura<\/a> en materiales, la llamaremos Barrel, cambiamos de nuevo el Shader en Usar Nodos\/ Superficie\/ y cambiamos BSDF Principista a BSDF Difuso igualmente seleccionamos en la parte de color la imagen y hacemos 2 costuras en la mitad de la rosca por dentro y por fuera (figura 60).<\/p>\n\n\n\n

\"Tutorial
Figura 60<\/figcaption><\/figure><\/div>\n\n\n\n

Por consiguiente marcamos con la tecla A para seleccionar todo y vamos al men\u00fa de UV del editor Vista 3D y damos clic en desplegar (figura 61).<\/p>\n\n\n\n

\"Textura
Figura 61<\/figcaption><\/figure><\/div>\n\n\n\n

Tutorial de Blender<\/strong> para el escenario<\/strong><\/h3>\n\n\n\n

Tutorial de Blender para el escenario, vamos a hacer un patio con piscina y una pared de ladrillos para ello primero vamos a modelar el suelo que va a hacer un plano con textura de pasto, el plano tendr\u00e1 de tama\u00f1o 15m y creamos otro plano para generar la pared (figura 62), cortamos la pared a la mitad con crtl+r (figura 63), le agregamos las texturas se siguen los mismos pasos que se han venido haciendo con los dem\u00e1s objetos (figura 64) . Por ello el suelo<\/a> de pasto y la pared<\/a> de ladrillos.<\/p>\n\n\n\n

\"Tutorial
Figura 62<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 63<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 64<\/figcaption><\/figure><\/div>\n\n\n\n

Creaci\u00f3n de la piscina<\/strong><\/h3>\n\n\n\n

Primero para crear la piscina para ello insertamos un cubo (figura 65), escalamos el cubo (figura 66), le cortamos m\u00e1s de la mitad (figura 67) y eliminamos la parte inferior del cubo y extruimos las caras laterales (figura 68). Por lo tanto ahora hacemos una rotaci\u00f3n en x de 180\u00ba (figura 69).<\/p>\n\n\n\n

\"Tutorial
Figura 65<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 66<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 67<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 68<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 69<\/figcaption><\/figure><\/div>\n\n\n\n

En primer lugar para piscina le hacemos una extrusi\u00f3n en las caras internas de -0.5m (figura 70),le vamos a agregar la textura<\/a>. Inmediatamente seleccionamos los bordes (figura 71) presionamos \u201cm\u201d y le damos en la opci\u00f3n en el centro, movemos y rotamos la piscina hacia la pared (figura 72), hacemos unas cuantas costuras en la piscina para que quede mejor la textura (figura 73).<\/p>\n\n\n\n

\"Tutorial
Figura 70<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 71<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 72<\/figcaption><\/figure><\/div>\n\n\n\n

Agua de la piscina<\/strong><\/h3>\n\n\n\n

Seguidamente para dale una textura de agua vamos a agregar otro plano dentro la piscina (figura 73), le agregamos textura<\/a> de agua tomada (figura 74).<\/p>\n\n\n\n

\"Tutorial
Figura 73<\/figcaption><\/figure><\/div>\n\n\n\n
\"Tutorial
Figura 74<\/figcaption><\/figure><\/div>\n\n\n\n

Acomodamos cada objeto para que tenga sentido la escena ya habiendo organizado nuestros objetos e instanci\u00e1ndolos (figura 76) para darle m\u00e1s cosas a la pared a\u00f1adiremos posters de mi videojuego favorito Valorant (figura 77).<\/p>\n\n\n\n

Posters usados<\/strong><\/h3>\n\n\n\n