{"id":24471,"date":"2022-04-15T11:41:08","date_gmt":"2022-04-15T16:41:08","guid":{"rendered":"https:\/\/niixer.com\/?p=24471"},"modified":"2022-04-15T11:41:12","modified_gmt":"2022-04-15T16:41:12","slug":"animacion-3d-en-blender-con-sketchfab-y-mixamo","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2022\/04\/15\/animacion-3d-en-blender-con-sketchfab-y-mixamo\/","title":{"rendered":"Animaci\u00f3n 3D en Blender con Sketchfab\u00a0y Mixamo"},"content":{"rendered":"\n

En el presente articulo se presentar\u00e1 el paso a paso para crear un escenario de animaci\u00f3n utilizando herramientas adem\u00e1s de Blender como Sketchfab y Mixamo.<\/p>\n\n\n\n

Paso a paso animaci\u00f3n en Blender<\/strong><\/h3>\n\n\n\n

Empezamos entrando a la pagina de Mixamo (https:\/\/www.mixamo.com\/#\/<\/a>) creando una cuenta.<\/p>\n\n\n\n

\"\"
Mixamo<\/figcaption><\/figure><\/div>\n\n\n\n

Del mismo modo, nos podemos loguear si ya contamos con una.<\/p>\n\n\n\n

\"\"
Loguear en Mixamo<\/figcaption><\/figure><\/div>\n\n\n\n

Nos presentar\u00e1 una pesta\u00f1a de personajes y otra de animaciones,para esta parte de proyecto vamos a simular una batalla de mostruos.<\/p>\n\n\n\n

\"\"
Personaje monstruo.<\/figcaption><\/figure><\/div>\n\n\n\n

Para descargarlo damos en el bot\u00f3n DOWNLOAD <\/strong>sin cambiar ninguna caracter\u00edstica <\/p>\n\n\n\n

\"\"
Descargar personaje 1.<\/figcaption><\/figure><\/div>\n\n\n\n

Igualmente En estos pasos lo vamos a repetir por cada personaje que queramos implementar en nuestro proyecto.<\/p>\n\n\n\n

\"\"
Personajes<\/figcaption><\/figure><\/div>\n\n\n\n

Siguiendo con tener las animaciones listas, procedemos a abrir Blender y creamos un nuevo proyecto General<\/p>\n\n\n\n

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

Selecciona el cubo de la escena y lo eliminamos con la tecla suprimir.<\/p>\n\n\n\n

\"\"
Resultado<\/figcaption><\/figure><\/div>\n\n\n\n

Sketchfab para animaci\u00f3n de Blender<\/strong><\/h3>\n\n\n\n

Para poder generar un ambiente con respecto a su idea puede buscar otros elementos (objetos 3D) con mallas, texturas, para generar un escenario con respecto al contexto o historia que desea contar.<\/p>\n\n\n\n

Busque en Google, Sketchfab para Blender<\/p>\n\n\n\n

\"\"
Sketchfab para Blender<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Instalar Sketchfab para Blender.
<\/figcaption><\/figure><\/div>\n\n\n\n

Por lo tanto damos clic en en \u2018latest release\u2019<\/p>\n\n\n\n

\"\"
Instalar Sketchfab para Blender.<\/figcaption><\/figure><\/div>\n\n\n\n

Ahora vamos a instalar el complemento Sketchfab en Blender, para ello vamos a ir al men\u00fa Editar\/Preferencias<\/p>\n\n\n\n

\"\"
Instalar en Blender<\/figcaption><\/figure><\/div>\n\n\n\n

Damos clic en Instalar <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Escogemos el plugin descargado previamente<\/p>\n\n\n\n

\"\"
Sketchfab para blender instalado<\/figcaption><\/figure><\/div>\n\n\n\n

Pulsamos la tecla N, aparecer\u00e1 una pesta\u00f1a de Sketchfab
Por lo tanto nos pedir\u00e1 loguearnos con nuestra cuenta de Sketchfab<\/p>\n\n\n\n

\"\"
Login en Sketchfab<\/figcaption><\/figure><\/div>\n\n\n\n

Ingresamos la cuenta correspondiente<\/p>\n\n\n\n

\"\"
Ingresar cuenta Sketchfab<\/figcaption><\/figure><\/div>\n\n\n\n

Asimismo se hab\u00eda dicho previamente se va a simular un campo de batalla, por lo tanto buscamos la palabra moon y nos aparecer\u00e1 el siguiente escenario.<\/p>\n\n\n\n

\"\"
Escenario<\/figcaption><\/figure><\/div>\n\n\n\n

En este caso, este fue el escenario escogido.<\/p>\n\n\n\n

\"\"
Escenario importado<\/figcaption><\/figure><\/div>\n\n\n\n

Los personajes fueron descargados en formato FBX,entonces vamos a dar clic en Archivo>Importar>FBX<\/strong><\/p>\n\n\n\n

\"\"
Importar personajes<\/figcaption><\/figure><\/div>\n\n\n\n

Buscaremos en el personaje que descargamos previamente y empezaremos a ubicarlo en la escena como deseemos.<\/p>\n\n\n\n

\"\"
Importar personajes 1<\/figcaption><\/figure><\/div>\n\n\n\n

Para un manejo m\u00e1s f\u00e1cil nos podemos dirigir a una vista frontal para que el cuerpo del personaje quede alineado con el piso del escenario<\/p>\n\n\n\n

\"\"
Importar personajes 2<\/figcaption><\/figure><\/div>\n\n\n\n

Haremos lo mismo con los otros personajes, teniendo en cuenta la ubicaci\u00f3n que deseamos.<\/p>\n\n\n\n

\"\"
Importar personaje 3<\/figcaption><\/figure><\/div>\n\n\n\n

Este ser\u00eda el resultado de los personajes principales alineados en la escena<\/p>\n\n\n\n

\"\"
Importar personajes 4<\/figcaption><\/figure><\/div>\n\n\n\n

Creaci\u00f3n grader\u00eda<\/strong><\/h3>\n\n\n\n

Siguiendo con la grader\u00eda, en primer lugar a\u00f1adiremos una malla tipo plano subdividido.<\/p>\n\n\n\n

\"\"
Crear grader\u00eda<\/figcaption><\/figure><\/div>\n\n\n\n

Lo ubicaremos justo a un lado del escenario.<\/p>\n\n\n\n

\"\"
Alinear plano<\/figcaption><\/figure><\/div>\n\n\n\n

Con la tecla S escalaremos horizontalmente simulando una grader\u00eda flotante.<\/p>\n\n\n\n

\"\"
Escalar plano<\/figcaption><\/figure><\/div>\n\n\n\n

Pasamos al modo edici\u00f3n y con la tecla E + Z escalamos un poco hacia arriba.<\/p>\n\n\n\n

\"\"
Escalar plano 1<\/figcaption><\/figure><\/div>\n\n\n\n

Este ser\u00eda el resultado de la transformaci\u00f3n de la grader\u00eda<\/p>\n\n\n\n

\"\"
Instanciar plano<\/figcaption><\/figure><\/div>\n\n\n\n

Asignamos el material verde, parecido al del piso del escenario principal<\/p>\n\n\n\n

\"\"
Material grader\u00eda<\/figcaption><\/figure><\/div>\n\n\n\n

Inmediatamente realizamos el mismo proceso de importaci\u00f3n de los personajes pero esta vez de los del p\u00fablico, aline\u00e1ndolos justo encima de la grader\u00eda<\/p>\n\n\n\n

\"\"
Alineaci\u00f3n personajes grader\u00eda<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Alineaci\u00f3n personajes grader\u00eda 1<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Alineaci\u00f3n personajes grader\u00eda 2<\/figcaption><\/figure><\/div>\n\n\n\n

I<\/strong>luminaci\u00f3n animaci\u00f3n<\/a> de Blender<\/h3>\n\n\n\n

En primer lugar en la iluminaci\u00f3n, utilizaremos en primer lugar una luz tipo punto.<\/p>\n\n\n\n

\"\"
A\u00f1adir tipo luz<\/figcaption><\/figure><\/div>\n\n\n\n

Lo ubicaremos en la parte superior del p\u00fablico, con ayuda de la ALT + D <\/strong>podemos instanciar la luz y ubicarlo en otro lugar de la escena.<\/p>\n\n\n\n

\"\"
Instanciar luz<\/figcaption><\/figure><\/div>\n\n\n\n

En segundo lugar, agregamos una luz tipo foco para ubicarla en la parte superior del escenario.<\/p>\n\n\n\n

\"\"
A\u00f1adir tipo luz foco<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Alineaci\u00f3n foco<\/figcaption><\/figure><\/div>\n\n\n\n

Para la potencia escogeremos 20000 W <\/strong>Y el color rojo.<\/p>\n\n\n\n

\"\"
Potencia luz<\/figcaption><\/figure><\/div>\n\n\n\n

Se quiso hacer una simulaci\u00f3n de fuego, para esto nos dirigimos a editar > preferencias<\/strong> y buscamos images nos va a aparecer desactivado el plugin entonces lo activamos en el check.<\/p>\n\n\n\n

\"\"
A\u00f1adir imagen en planos<\/figcaption><\/figure><\/div>\n\n\n\n

Con ayuda de https:\/\/www.textures.com\/library<\/a> podremos encontrar la textura deseada, escribimos fire<\/strong> y descargamos la imagen<\/p>\n\n\n\n

\"\"
Buscar imagen de fuego<\/figcaption><\/figure><\/div>\n\n\n\n

Para su importaci\u00f3n Archivo>Importar > Images as Planes<\/strong><\/p>\n\n\n\n

\"\"
A\u00f1adir imagen<\/figcaption><\/figure><\/div>\n\n\n\n

Buscamos la imagen previamente guardada y la ubicamos en la parte superior del escenario<\/p>\n\n\n\n

\"\"
Alineaci\u00f3n imagen fuego<\/figcaption><\/figure><\/div>\n\n\n\n

Para instanciarla con la tecla Alt +D <\/strong>.<\/p>\n\n\n\n

\"\"
Duplicaci\u00f3n fuego<\/figcaption><\/figure><\/div>\n\n\n\n

A continuaci\u00f3n presentamos unas im\u00e1genes con el resultado del escenario utilizando Sketchfab y Mixamo.<\/p>\n\n\n\n

\"\"
Resultado escenario<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Resultado escenario 2<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Resultado escenario 3<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Resultado escenario 4<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Resultado escenario 5<\/figcaption><\/figure><\/div>\n\n\n\n

M\u00fasica animaci\u00f3n<\/strong><\/h3>\n\n\n\n

Agregamos un Altavoz<\/p>\n\n\n\n

\"\"
Agregar altavoz<\/figcaption><\/figure><\/div>\n\n\n\n

Nos aparecer\u00e1 esta ventana en la parte derecha de Blender,en el bot\u00f3n Abrir buscamos la canci\u00f3n o audio que deseemos para darle contexto a la escena.<\/p>\n\n\n\n

\"\"
Buscar canci\u00f3n<\/figcaption><\/figure><\/div>\n\n\n\n

Animaci\u00f3n propia con texturas<\/strong><\/h3>\n\n\n\n

Primero creamos un nuevo proyecto en Blender y empezamos eliminando el cubo por defecto.<\/p>\n\n\n\n

\"\"
Eliminar cubo<\/figcaption><\/figure><\/div>\n\n\n\n

Agregaremos un plano para el piso.<\/p>\n\n\n\n

\"\"
A\u00f1adir piso<\/figcaption><\/figure><\/div>\n\n\n\n

Con ayuda de la herramienta de https:\/\/www.textures.com\/library<\/a> buscaremos una textura relacionada con el baile, para esto escribimos la palabra dance y nos aparecer\u00e1 la siguiente imagen.<\/p>\n\n\n\n

\"\"
Textura pared<\/figcaption><\/figure><\/div>\n\n\n\n

Descargamos en el primer item<\/p>\n\n\n\n

\"\"
Descarga textura pared<\/figcaption><\/figure><\/div>\n\n\n\n

Para la pared agregaremos un plano perpendicular al piso <\/p>\n\n\n\n

\"\"
A\u00f1adir pared<\/figcaption><\/figure><\/div>\n\n\n\n

Para agregar la textura en el material de la pared vamos a elegir BSDF Difuso<\/strong><\/p>\n\n\n\n

\"\"
BSDF Difuso<\/figcaption><\/figure><\/div>\n\n\n\n

Y seguidamente en color elegimos imagen seleccionando la textura descargada previamente<\/p>\n\n\n\n

\"\"
A\u00f1adir textura<\/figcaption><\/figure><\/div>\n\n\n\n

Seleccionamos la textura.<\/p>\n\n\n\n

\"\"
A\u00f1adir textura 1<\/figcaption><\/figure><\/div>\n\n\n\n

Con el editor UV Editing vamos a ubicarlo de tal manera que parezca una pared.<\/p>\n\n\n\n

\"\"
UV Editing<\/figcaption><\/figure><\/div>\n\n\n\n

Para el piso se escogi\u00f3 algo similar al tablero de damas, hacemos el mismo procedimiento para descargarlo e importarlo.<\/p>\n\n\n\n

\"\"
Textura piso<\/figcaption><\/figure><\/div>\n\n\n\n

Empezaremos a importar los personajes,en primer lugar estar\u00e1 el modelo Facebuilder.<\/p>\n\n\n\n

\"\"
Importaci\u00f3n personajes<\/figcaption><\/figure><\/div>\n\n\n\n

Lo alinearemos en la escena.<\/p>\n\n\n\n

\"\"
Personaje FaceBuilder<\/figcaption><\/figure><\/div>\n\n\n\n

Con Mixamo descargaremos otros dos personajes.<\/p>\n\n\n\n

\"\"
Personajes<\/figcaption><\/figure><\/div>\n\n\n\n

Y los alinearemos a la escena.<\/p>\n\n\n\n

\"\"
Alineaci\u00f3n personajes<\/figcaption><\/figure>\n\n\n\n

En las practicas pasadas se realizaron varios objetos con sus texturas.<\/p>\n\n\n\n

\"\"
Barril <\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Mugs<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Caja de juguetes<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Cascanueces<\/figcaption><\/figure><\/div>\n\n\n\n

Iluminaci\u00f3n escenario<\/strong><\/h3>\n\n\n\n

Agregar luz tipo punto y lo ubicaremos en un extremo del escenario.<\/p>\n\n\n\n

\"\"
Luz punto<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Ubicaci\u00f3n luz<\/figcaption><\/figure><\/div>\n\n\n\n

Con la tecla ALT + D lo instanciaremos.<\/p>\n\n\n\n

\"\"
Instanciar luces<\/figcaption><\/figure><\/div>\n\n\n\n

Daremos color blanco y potencia de 50000 W<\/p>\n\n\n\n

\"\"
Potencia luces<\/figcaption><\/figure><\/div>\n\n\n\n

Para el piso agregaremos una luz tipo \u00e1rea<\/p>\n\n\n\n

\"\"
Luz \u00e1rea<\/figcaption><\/figure><\/div>\n\n\n\n

Por lo tanto, estas se ubicar\u00e1n de la siguiente manera<\/p>\n\n\n\n

\"\"
Ubicaci\u00f3n luces<\/figcaption><\/figure><\/div>\n\n\n\n

Le daremos color amarillo y potencia de 20000 w<\/p>\n\n\n\n

\"\"
Potencia \u00e1reas<\/figcaption><\/figure><\/div>\n\n\n\n

Haremos el mismo proceso en los otros extremos pero le damos luz azul<\/p>\n\n\n\n

\"\"
Resultado luces<\/figcaption><\/figure><\/div>\n\n\n\n

Finalmente, en este escenario se simulo el baile de Macarena por lo tanto vamos a\u00f1adir un altavoz con la canci\u00f3n correspondiente<\/p>\n\n\n\n

\"\"
Altavoz escenario 2<\/figcaption><\/figure><\/div>\n\n\n\n

Por consiguiente, presentamos algunas im\u00e1genes con el resultado del escenario 2 utilizando texturas.<\/p>\n\n\n\n

\"\"
Resultado escenario<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Resultado escenario 1 <\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Resultado escenario 2.<\/figcaption><\/figure>\n\n\n\n

V\u00eddeo animaci\u00f3n en Blender<\/h2>\n\n\n\n

Como resultado, se realiz\u00f3 una muestra del resultado final de los dos escenarios creados.<\/p>\n\n\n\n

\n