{"id":18762,"date":"2021-11-22T18:09:33","date_gmt":"2021-11-22T23:09:33","guid":{"rendered":"https:\/\/niixer.com\/?p=18762"},"modified":"2021-11-26T20:40:14","modified_gmt":"2021-11-27T01:40:14","slug":"modelo-de-animacion-3d-blender","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/22\/modelo-de-animacion-3d-blender\/","title":{"rendered":"Modelo de animaci\u00f3n 3D Blender."},"content":{"rendered":"\n

En este proyecto realizaremos una animaci\u00f3n 3D de una batalla de baile con P\u00f3kemones. Para facilitarnos la realizaci\u00f3n de este proyecto vamos a dividirlo en 5 paso principales.<\/p>\n\n\n\n

1. Creaci\u00f3n del proyecto e instalaci\u00f3n plugins.<\/h2>\n\n\n\n

En este primer paso vamos a crear un proyecto b\u00e1sico en Blender <\/a>donde realizaremos toda nuestra animaci\u00f3n.<\/p>\n\n\n\n

\"\"
Figura 1. \u2013 Blender creaci\u00f3n nuevo proyecto.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Despu\u00e9s procederemos a la instalaci\u00f3n del pluggin de Sketchfab para Blender para eso procederemos a buscar \u201cSketchfab para Blender\u201d en Google y nos dirigimos al primer sitio web de GitHub.<\/p>\n\n\n\n

\"\"
Figura 2. \u2013 GitHub plugin Sketchfab-Blender.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Procedemos a ir a la parte de descarga de la \u00faltima versi\u00f3n disponible y procedemos a descargar el archivo .zip.<\/p>\n\n\n\n

\"\"
Figura 3. \u2013 GitHub descarga pluggin Sketchfab-Blender<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Con este abrimos la secci\u00f3n de preferencias de Blender que se encuentra en la opci\u00f3n de editar y nos dirigimos a la pesta\u00f1a de complementos. En esta parte nos dirigimos a la opci\u00f3n instalar y buscamos el archivo .zip descargado anteriormente y procedemos a instalarlo.<\/p>\n\n\n\n

\"\"
Figura 4. \u2013 <\/em>Blender-Complementos.<\/figcaption><\/figure><\/div>\n\n\n\n

Despu\u00e9s procedemos a buscar nuestro segundo complemento “Dynamic Sky” en la barra de b\u00fasqueda y procedemos a habilitar nuestros complementos marc\u00e1ndolos.<\/p>\n\n\n\n

\"\"
Figura 5. \u2013 Habilitaci\u00f3n pluggin.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Con esto hemos terminado la descarga de los plugins, el primero nos ayudara a la importaci\u00f3n de modelos\/escenarios 3D de Sketchfab y el segundo nos ayudara a la generaci\u00f3n de luz y cielo en nuestro proyecto.<\/p>\n\n\n\n

2. Descarga de modelos e animaciones.<\/h2>\n\n\n\n

Para esta parte utilizamos la ayuda de 2 sitios web, el primero es Mixamo <\/a> que nos permite descargar animaciones ya hechas para implementar en nuestros proyectos, y la segunda Models-Resource<\/a> en el cual encontraremos los modelos 3D utilizados en este proyecto.<\/p>\n\n\n\n

Tambi\u00e9n podemos descargar modelos 3D gratuitos desde SketchFab<\/a>.<\/p>\n\n\n\n

\"\"
Figura 6. \u2013 Mixamo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Figura 7. \u2013 <\/em>Models Resource.<\/figcaption><\/figure><\/div>\n\n\n\n

A.    Descarga Modelos<\/h3>\n\n\n\n

Para descargar los modelos que utilizaremos nos dirigimos a Models Resource y buscamos nuestro modelo, lo seleccionamos y damos descargar zip.<\/p>\n\n\n\n

\"\"
Figura 8. \u2013 B\u00fasqueda modelo 3D Steven Pokem\u00f3n Models Resource.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Figura 9. \u2013<\/em> Descarga modelo 3D Steven Pokem\u00f3n Models Resource<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

B.    Descarga de animaciones<\/h3>\n\n\n\n

Ya con nuestros modelos descargados (archivos .zip), procederemos a buscar las animaciones que vamos a utilizar en nuestro proyecto en el sitio web Mixamo. Iniciamos sesi\u00f3n para poder subir nuestros modelos y tener una mejor noci\u00f3n de c\u00f3mo se ver\u00edan estas animaciones en nuestros modelos.<\/p>\n\n\n\n

\"\"
Figura 10. \u2013 Carga modelos 3D Mixamo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Para esto seleccionamos el bot\u00f3n \u201cUpload character”. Buscamos nuestro modelo 3D y dejamos que la pagina procese nuestro modelo. Seleccionamos el bot\u00f3n \u201cNext\u201d\u00a0\u00a0y\u00a0 con esto tendr\u00edamos cargado nuestro modelo.<\/p>\n\n\n\n

Ahora buscamos las animaciones que vamos a usar.<\/p>\n\n\n\n

\"\"
Figura 11. \u2013 Descarga del modelo 3D (Steven) con animaci\u00f3n (Walking) Mixamo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Para descargar la animaci\u00f3n necesitaremos escoger las siguientes opciones:<\/p>\n\n\n\n

En formato  escogemos .fbx, seleccionamos \u201cWith skin\u201d (Esta opci\u00f3n nos permitir\u00e1 descargar la animaci\u00f3n con el modelo 3D que hemos subido), en la opci\u00f3n \u201cFrames per Second\u201d elegimos 60 (nos permitir\u00e1 tener una mayor fluidez en la animaci\u00f3n) y le damos descargar.<\/p>\n\n\n\n

\"\"
Figura 12. \u2013 Selecci\u00f3n de opciones de descarga del modelo 3D Mixamo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Realizamos los pasos B. para descarga de animaciones para las dem\u00e1s animaciones que utilicemos en nuestro proyecto.<\/p>\n\n\n\n

3. Importaci\u00f3n de\u00a0 escenario y modelos.<\/h2>\n\n\n\n

Ya en nuestro proyecto procedemos a borrar todos los elementos creados por defecto.<\/p>\n\n\n\n

Nos dirigimos al men\u00fa de Sketchfab con la tecla \u201cN\u201d en Blender (Debemos iniciar sesi\u00f3n en Sketchfab para poder usar esta opci\u00f3n) y buscamos \u201cPractice \/ Pokemon Arena\u201d en la barra de b\u00fasqueda. Le damos en el bot\u00f3n \u201cImport model\u201d con esto se descargara e importara el escenario de Sketchfab a nuestro proyecto.<\/p>\n\n\n\n

\"\"
Figura 13. \u2013 Blender-Importaci\u00f3n escenario.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Una vez importado nuestro escenario, importaremos nuestro modelo 3D (Steven), para eso buscaremos el archivo .fbx.<\/p>\n\n\n\n

Una vez importado procedemos a escalarlo y posicionar a nuestro modelo (Steven) para que este quede bien situado en el escenario.<\/p>\n\n\n\n

\"\"
Figura 14. \u2013 Blender-Escalamiento y posicionamiento modelo 3D (Steven).<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Repetimos este paso con los dem\u00e1s modelos 3D (Buizel, Zinnia y Hitmonchan).<\/p>\n\n\n\n

\"\"
Figura 15. \u2013 Blender-Modelos 3D Importados.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

4. Animaci\u00f3n de Modelos y m\u00fasica<\/h2>\n\n\n\n

Desplazamiento de modelo con animaci\u00f3n (Caminar):<\/h3>\n\n\n\n

Nos dirigimos a la secci\u00f3n de \u201cAnimaci\u00f3n no lineal\u201d, donde podremos ver en la parte inferior todas las animaciones que tienen nuestros modelos.<\/p>\n\n\n\n

Procedemos a pulsar el bot\u00f3n \u201cEmpujar acci\u00f3n abajo\u201d.<\/p>\n\n\n\n

\"\"
Figura 16. \u2013 Blender-Animaci\u00f3n no lineal.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Procedemos a importar el archivo .fbx de la animaci\u00f3n que deseamos que realice nuestro modelo en este caso ser\u00e1 caminar esto creara otro modelo con la animaci\u00f3n la cual ignoraremos ya que posteriormente la eliminaremos. Con el nuevo modelo este traer\u00e1 consigo la animaci\u00f3n que queremos implementar en nuestro modelo ya escalado, con lo cual procedemos a renombrar la animaci\u00f3n a \u201cCaminar Steven\u201d en la fila naranja de nuestra l\u00ednea de tiempo y pulsaremos el bot\u00f3n \u201cEmpujar acci\u00f3n abajo\u201d.<\/p>\n\n\n\n

\"\"
Figura 17. \u2013 Blender-Importaci\u00f3n archivo .fbx animaci\u00f3n a implementar<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Con esto ya podremos eliminar el segundo modelo de \u201cSteven\u201d. Ahora seleccionamos nuestro modelo original de \u201cSteven\u201d y nos seleccionamos la l\u00ednea de tiempo (L\u00ednea naranja), apretamos la combinaci\u00f3n de teclas (\u201cShift\u201d + \u201cA\u201d) y buscamos el nombre de la animaci\u00f3n creada, damos enter.<\/p>\n\n\n\n

Y con esto hemos asignado la animaci\u00f3n de caminar a nuestro modelo, con esto podemos eliminar la animaci\u00f3n que tra\u00eda nuestro modelo y mover a la parte deseada de la l\u00ednea de tiempo nuestra animaci\u00f3n.<\/p>\n\n\n\n

\"\"
Figura 18. \u2013 Blender-Animaci\u00f3n en l\u00ednea del tiempo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Desplazamiento y concatenacion de animaciones.<\/h3>\n\n\n\n

Ahora si reproducimos\u00a0 la animaci\u00f3n esta no se desplazara\u00a0 ya que la animaciones\u00a0 son est\u00e1ticas, por lo cual tenemos que realizar un par de \u201cKey Frames\u201d, para esto\u00a0 nos disponemos a nuestra l\u00ednea de tiempo en el frame 0 , y procedemos a establecer el primer key frame.<\/p>\n\n\n\n

\"\"
Figura 19. \u2013 Blender-Creaci\u00f3n Key Frame #1.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Con esto la animaci\u00f3n partir\u00e1 de las coordenadas en los ejes (X\/Y\/Z) y con la rotaci\u00f3n en los ejes (X\/Y\/Z) establecidos. Ahora procedemos a desplazarnos en la l\u00ednea de tiempo al \u00faltimo frame\u00a0 de la animaci\u00f3n, con esto procederemos a desplazar nuestro modelo en el eje Y una distancia considerable para que la animaci\u00f3n sea m\u00e1s natural, con esto procedemos a generar nuestro segundo key frame.<\/p>\n\n\n\n

\"\"
Figura 20. \u2013 Blender-Creaci\u00f3n Key Frame #2.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Con esto nuestro modelo se desplazara en el escenario con nuestra animaci\u00f3n de caminar seleccionada.<\/p>\n\n\n\n

Ya que tenemos nuestro modelo con la animaci\u00f3n y el desplazamiento en el escenario podemos incluir otra animaci\u00f3n para esto importamos el archivo .fbx de la animaci\u00f3n que queremos incluir en nuestro caso ser\u00e1 un giro a la derecha. La cual vamos a incluir de la misma manera vista anteriormente.<\/p>\n\n\n\n

\"\"
Figura 21. \u2013 Blender-Concatenaci\u00f3n 2 animaci\u00f3n #1.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Ya que esta animaci\u00f3n de giro es est\u00e1tica no es necesario crear un key frame al inicio de la animaci\u00f3n pero si al final de este para que el eje de rotaci\u00f3n se restablezca y no tengamos problemas al concatenar m\u00e1s animaciones.<\/p>\n\n\n\n

\"\"
Figura 22. \u2013 Blender- Creaci\u00f3n Key Frame #3.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

De esta manera podemos concatenar m\u00e1s animaciones a nuestros modelos\u00a0 (Buizel, Zinnia, Hitmonchan).<\/p>\n\n\n\n

Agregar m\u00fasica.<\/h3>\n\n\n\n

Para agregar m\u00fasica nos dirigimos al apartado \u201cEditor de video\u201d.<\/p>\n\n\n\n

Procedemos a oprimir el bot\u00f3n \u201cAgregar\u201d y seleccionamos \u201cSonido\u201d. Buscamos nuestra canci\u00f3n \u201cpokemon-red-yellow-blue-battle-music-trainer.mp3\u201d.<\/p>\n\n\n\n

\"\"
Figura 23 \u2013 Blender- Editor de video pista de audio a\u00f1adida.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

5. Manejo de c\u00e1mara y renderizado<\/h2>\n\n\n\n

Creamos una c\u00e1mara en nuestro escenario.<\/p>\n\n\n\n

\"\"
Figura 24. \u2013 Creaci\u00f3n de c\u00e1mara<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Para un mejor manejo de c\u00e1maras crearemos un atajo para transitar con la c\u00e1mara, para esto nos vamos a \u201cVista\u201d, \u201cNavegaci\u00f3n\u201d y le damos click derecho a \u201cTransitar\u201d, crearemos nuestro atajo para esta funci\u00f3n.<\/p>\n\n\n\n

\"\"
Figura 25. \u2013 Creaci\u00f3n de atajo \u201cTransitar\u201d<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Con nuestro atajo procedemos a usar la vista de nuestra c\u00e1mara usando la tecla \u201c0\u201d del teclado num\u00e9rico, una vez en esa vista procedemos a usar nuestro atajo de \u201cTransitar\u201d, con este podremos desplazar la c\u00e1mara con las teclas \u201cA\u201d y \u201cD\u201d, con las teclas \u201cW\u201d y \u201cS\u201d acercarnos y alejarnos, adem\u00e1s de usar el mouse para manejar en enfoque de la vista de la c\u00e1mara. Con esto claro nos ubicamos en el fotograma 0 y procedemos a crear los key frame de la c\u00e1mara.<\/p>\n\n\n\n

\"\"
Figura 26. \u2013 Key frames C\u00e1mara<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Con esto podemos avanzar en la l\u00ednea del tiempo de nuestro proyecto desplazando y enfocando la c\u00e1mara al movimiento de nuestros modelos estableciendo los key frames que nosotros necesitemos.<\/p>\n\n\n\n

\"\"
Figura 27. \u2013 L\u00ednea de tiempo C\u00e1mara<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Para renderizar nuestra animaci\u00f3n tenemos que establecer la cantidad de frames a renderizar para eso nos vamos a la vista \u201cAnimation\u201d y establecemos el inicio y final de los frames a renderizar.<\/p>\n\n\n\n

\"\"
Figura 28. \u2013 Inicio y final de la animaci\u00f3n<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Como pen\u00faltimo paso vamos a establecer la ubicaci\u00f3n y el formato para el video de nuestra animaci\u00f3n, para ello nos dirigimos a la opci\u00f3n \u201cPropiedades de salida\u201d y habilitamos el audio.<\/p>\n\n\n\n

\"\"
Figura 29. \u2013 Preferencias de salida Blender<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Ahora vamos a la opci\u00f3n de \u201cProcesar\u201d y seleccionamos la opci\u00f3n de \u201cProcesar animaci\u00f3n\u201d con esto empezara el procesado de renderizado de nuestra animaci\u00f3n (Esto puede demorar dependiendo de la potencia de nuestros ordenadores).<\/p>\n\n\n\n

\"\"
Figura 30. \u2013 Procesar animaci\u00f3n<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Figura 31 \u2013 Interfaz de procesado de animaci\u00f3n Blender<\/em>.<\/figcaption><\/figure><\/div>\n\n\n\n

Resultado Final<\/strong>:<\/h2>\n\n\n\n
\n