{"id":18543,"date":"2021-11-22T16:10:58","date_gmt":"2021-11-22T21:10:58","guid":{"rendered":"https:\/\/niixer.com\/?p=18543"},"modified":"2021-11-22T19:25:57","modified_gmt":"2021-11-23T00:25:57","slug":"animacion-3d","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/22\/animacion-3d\/","title":{"rendered":"Animaci\u00f3n Blender 3D – Mixamo"},"content":{"rendered":"\n

Para muchas personas la animaci\u00f3n 3D es un tema complejo para desarrollar, por lo tanto no se aventuran a conocer este mundo, por miedos a la falta de conocimientos del tema o simplemente por no tener las herramientas para generar este desarrollo.<\/p>\n\n\n\n

En este art\u00edculo vamos a visualizar como podemos generar una animaci\u00f3n en 3D con la herramienta blender <\/a>y as\u00ed mismo lo m\u00e1s importante usando Mixamo<\/a> <\/a>como proveedor de objetos animados.<\/p>\n\n\n\n

I<\/span><\/strong><\/a>mplementaci\u00f3n<\/span><\/strong><\/h2>\n\n\n\n

Descarga de personaje y animaciones<\/strong><\/h3>\n\n\n\n

Inicialmente ingresamos a la p\u00e1gina de www.mixamo.com<\/a> con el fin de buscar el elemento al cual le queremos realizar nuestra animaci\u00f3n 3D.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 1 P\u00e1gina de inicio de Mixamo<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez estemos en la p\u00e1gina nos logueamos para poder hacer b\u00fasqueda de nuestros archivos, es decir dando clic en el bot\u00f3n de Log In.<\/p>\n\n\n\n

En el formulario de Login ingresamos nuestros datos para el logueo.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 2 Inicio de sesi\u00f3n en mixamo<\/figcaption><\/figure><\/div>\n\n\n\n

Cuando estemos dentro de mixamo, hacemos clic en la opci\u00f3n Characters, <\/strong>la cual se encuentra en el nanvar de nuestra p\u00e1gina. Y a continuaci\u00f3n seleccionamos el personaje que m\u00e1s se acople a nuestro fin, en este caso seleccionamos a Ortiz.<\/em><\/strong><\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 3 Characters disponibles en mixamo <\/figcaption><\/figure><\/div>\n\n\n\n

Una vez seleccionado nuestro personaje, vamos a descargarlo dando clic en el bot\u00f3n download. All\u00ed vamos a descargar nuestro personaje en formato FBX.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 4 Di\u00e1logo de descarga de ilustraciones <\/figcaption><\/figure><\/div>\n\n\n\n

Ahora vamos a buscar una animaci\u00f3n acorde a nuestro personaje y a nuestro fin, para esto seleccionamos la opci\u00f3n Find animations <\/em><\/strong>que se encuentra a mano derecha de nuestro personaje.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 5 B\u00fasqueda de animacions en mixamo <\/figcaption><\/figure><\/div>\n\n\n\n

A continuaci\u00f3n, buscamos la mejor animaci\u00f3n que este acorde a nuestro proyecto y de la misma manera realizamos la descarga de esta.<\/p>\n\n\n\n

En este caso vamos a realizar la descarga de la animaci\u00f3n de pasos de boxeo.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 6 Animaciones disponibles en mixamo<\/figcaption><\/figure><\/div>\n\n\n\n

Cuando realicemos la descarga de nuestra animaci\u00f3n vamos a guardarla en formato FBX y damos clic en descargar.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 7 Di\u00e1logo de descarga de animaciones en mixamo<\/figcaption><\/figure><\/div>\n\n\n\n

En este punto del proyecto ya tenemos nuestro personaje con animaciones. Por lo cual vamos a guardar en la carpeta de nuestro proyecto, dentro de una carpeta llamada animaciones.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 8 Directorio de almacenamiento de animaciones <\/figcaption><\/figure><\/div>\n\n\n\n

Configuraci\u00f3n de Skectchfab para la construcci\u00f3n de escenarios<\/strong><\/h3>\n\n\n\n

Para buscar un escenario donde podemos implementar nuestro proyecto vamos a buscar en nuestro navegador Sketchfab<\/a> para Blender<\/a><\/strong> y seleccionamos nuestra opci\u00f3n de github para su descarga.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 9 B\u00fasqueda de sketchfab para ambientes en blender<\/figcaption><\/figure><\/div>\n\n\n\n

Dentro de github vamos a buscar la secci\u00f3n de instalaci\u00f3n y hacemos clic en la referencia latest rel\u00e9ase <\/em><\/strong>donde descargaremos el archivo<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 10 Link de decarga de nuestro complemento para sketchfab<\/figcaption><\/figure><\/div>\n\n\n\n

El paso anterior nos redireccionar\u00e1 a una p\u00e1gina donde vamos a descargar el archivo .zip que se encuentra all\u00ed<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 11 Archivo de descarga de complemento de sketchfab<\/figcaption><\/figure><\/div>\n\n\n\n

Este archivo lo vamos a guardar en la carpeta principal de nuestro proyecto.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 12 Complemento de sketchfab descargado en nuestro directorio<\/figcaption><\/figure><\/div>\n\n\n\n

Ahora para realizar la instalaci\u00f3n de nuestro complementamos vamos a abrir blender y creamos un proyecto nuevo general.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 13 Acceso a nuestra aplicaci\u00f3n blender<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Ilustraci\u00f3n 14 Creaci\u00f3n de un proyecto general en blender<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez tengamos abierto blender vamos a ir al men\u00fa de preferencias<\/strong>, esto lo ubicamos en la opci\u00f3n de Editar<\/strong><\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 15 Selecci\u00f3n de preferencias para la instalaci\u00f3n de nuestro complemento sketchfab<\/figcaption><\/figure><\/div>\n\n\n\n

En la ventana que nos abre de preferencias vamos a dar clic en la opci\u00f3n Instalar.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 16 Cuadro de di\u00e1logo para la instalaci\u00f3n de complementos<\/figcaption><\/figure><\/div>\n\n\n\n

En la ventana que nos aparece vamos a buscar el archivo .zip que acabamos de descargar y damos clic en Instalar complemento.<\/p>\n\n\n\n

\"\"
Ilutraci\u00f3n 17 Ventana de b\u00fasqueda de complementos a instalar<\/figcaption><\/figure><\/div>\n\n\n\n

Para validar que nuestro complemento quedo instalado correctamente, vamos a la ventana de complementos y visualizamos que si aparece en la lista de complementos.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 18 Validaci\u00f3n de complementos instalados<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez tengamos instalado nuestro complemento vamos a realizar la activaci\u00f3n de este para poder usarlo dentro de nuestro proyecto.<\/p>\n\n\n\n

Para ello oprimimos la tecla N y seleccionamos que dice skectchfab<\/strong><\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 19 Activaci\u00f3n de addon para uso de escenarios<\/figcaption><\/figure><\/div>\n\n\n\n

Ahora vamos a activar el complemento para poder buscar el modelo o nuestro ambiente que vamos a usar dentro del proyecto. <\/p>\n\n\n\n

Esto lo hacemos dando clic en el bot\u00f3n act\u00edvate-addon <\/strong>y a continuaci\u00f3n nos vamos a loguear la cuenta que tenemos en Skectchfab de ser el caso de que tengamos, si no, vamos a la p\u00e1gina oficial www.sketchfab.com<\/a><\/strong> y nos registramos respectivamente.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 20 Inicio de sesi\u00f3n para el uso de sketchfab<\/figcaption><\/figure><\/div>\n\n\n\n

As\u00ed estaremos preparados para iniciar con el desarrollo de nuestro proyecto.<\/p>\n\n\n\n

Implementaci\u00f3n de escenario<\/strong><\/h3>\n\n\n\n

Para buscar el escenario que vamos a usar en nuestro proyecto escribimos el nombre de este en la secci\u00f3n de importar.<\/p>\n\n\n\n

En nuestro caso vamos a seleccionar un ring de boxeo para nuestra animaci\u00f3n, as\u00ed que escribimos en nuestro buscador Ring Box y seleccionamos la imagen que m\u00e1s nos quede acorde.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 21 B\u00fasqueda de nuestro escenario<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez elegido nuestro escenario damos clic en el bot\u00f3n de Import model<\/strong><\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 22 Importaci\u00f3n de escenarios<\/figcaption><\/figure><\/div>\n\n\n\n

Cuando importamos nuestro modelo, podemos visualizar nuestro escenario en nuestro proyecto<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 23 Visualizaci\u00f3n de escenario importado<\/figcaption><\/figure><\/div>\n\n\n\n

Implementaci\u00f3n de animaciones<\/strong><\/h3>\n\n\n\n

Para realizar la implementaci\u00f3n de nuestra animaci\u00f3n vamos a importar las animaciones que descargamos de mixamo, para ello vamos a la opci\u00f3n Archivo\/Importar<\/strong> y seleccionamos FBX<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 24 Secci\u00f3n para la importaci\u00f3n de animacions<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez nos aparezca la ventana de b\u00fasqueda procedemos a realizar la selecci\u00f3n de nuestras animaciones.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 25 Selecci\u00f3n de animaciones a implementar<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez importemos nuestras animaciones vamos a obtener un resultado como el siguiente el cual organizaremos en posiciones, ubicaci\u00f3n y tama\u00f1o dentro de nuestro escenario.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 26 Visualizaci\u00f3n de escenario y animaciones implementadas<\/figcaption><\/figure><\/div>\n\n\n\n

Sonido<\/strong><\/h3>\n\n\n\n

Para implementar sonido dentro de nuestra animaci\u00f3n 3D, lo que vamos a hacer es que vamos a implementar un parlante como si fuera una malla. As\u00ed que vamos a la opci\u00f3n de Agregar<\/strong> en blender y luego seleccionamos Altavoz<\/strong><\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 27 Implementaci\u00f3n de sonido a nuestra animaci\u00f3n<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez hemos agregado nuestro parlante, vamos a seleccionar nuestro objeto y vamos a las propiedades de sonido la cual tiene un icono de una nota musical.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 28 Selecci\u00f3n de audio a reproducir en el proyecto<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez all\u00ed vamos a seleccionar el audio que queremos implementar dentro de nuestro directorio y le damos en adicionar.<\/p>\n\n\n\n

\"\"
29 Selecci\u00f3n de audio a implementar<\/figcaption><\/figure><\/div>\n\n\n\n

Cuando implementemos el audio podemos generar las respectivas pruebas de sonido generando la reproducci\u00f3n de nuestra animaci\u00f3n y as\u00ed mismo poder generar las modificaciones que necesitemos en cuanto a la ubicaci\u00f3n, distancia y volumen de nuestro audio dentro de nuestro escenario.<\/p>\n\n\n\n

Finalmente veremos un resultado parecido dentro de nuestro proyecto.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 30 Resultado final de nuestra implementaci\u00f3n de proyecto<\/figcaption><\/figure><\/div>\n\n\n\n

Podemos realizar la gesti\u00f3n y validaci\u00f3n de animaciones de nuestro proyecto generando cambios dentro de la plantilla de tiempos para poder visualizar como va quedando nuestro proyecto finalmente generando los respectivos resultados.<\/p>\n\n\n\n

Ac\u00e1 podemos visualizar las posiciones de nuestras animaciones con el fotograma en 12<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 31 Animaci\u00f3n a 12 fotogramas<\/figcaption><\/figure><\/div>\n\n\n\n

Ac\u00e1 podemos visualizar las posiciones de nuestras animaciones con el fotograma en 17<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 32 Animaci\u00f3n a 17 fotogramas<\/figcaption><\/figure><\/div>\n\n\n\n

Ac\u00e1 podemos visualizar las posiciones de nuestras animaciones con el fotograma en 29<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 33 Animaci\u00f3n a 29 fotogramas<\/figcaption><\/figure><\/div>\n\n\n\n

Finalmente podemos visualizar las posiciones de nuestras animaciones con el fotograma en 108 que es el cuadro final de nuestra animaci\u00f3n 3D.<\/p>\n\n\n\n

\"\"
Ilustraci\u00f3n 34 Animaci\u00f3n a 108 fotogramas<\/figcaption><\/figure><\/div>\n\n\n\n

Ac\u00e1 te dejo un video explicativo sobre nuestra implementaci\u00f3n de animaciones 3D con la herramienta de belnder y mixamo.<\/p>\n\n\n\n

\n