{"id":70656,"date":"2025-10-10T17:39:06","date_gmt":"2025-10-10T22:39:06","guid":{"rendered":"https:\/\/niixer.com\/?p=70656"},"modified":"2025-10-10T17:39:09","modified_gmt":"2025-10-10T22:39:09","slug":"crea-tu-primera-animacion-en-blender-con-modelos-de-sketchfab-y-mixamo","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2025\/10\/10\/crea-tu-primera-animacion-en-blender-con-modelos-de-sketchfab-y-mixamo\/","title":{"rendered":"Crea tu primera animaci\u00f3n en Blender con modelos de Sketchfab y Mixamo"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Esta es una seguimiento de las herramientas que nos ofrece blender para ellos estudiaremos algunos conceptos b\u00e1sicos de la herramienta como lo son UV Editing, shading,usaremos la herramienta de unity, sketchfab, maxiamo y la inserci\u00f2n de una plantilla de textura para guiarnos en la implementaci\u00f3n de las texturas<\/p>\n\n\n\n

Sketchfab<\/h3>\n\n\n\n

Sketchfab <\/a>es una plataforma en l\u00ednea que permite visualizar, compartir y vender modelos 3D en tiempo real desde cualquier navegador. Gracias a su compatibilidad con m\u00faltiples formatos y su potente visor interactivo, Sketchfab se ha convertido en una herramienta esencial para artistas digitales, dise\u00f1adores, desarrolladores de videojuegos y profesionales de la realidad virtual y aumentada. Su facilidad de uso y la posibilidad de incrustar modelos en sitios web lo convierten en un recurso accesible para presentar contenido 3D de forma profesional e interactiva.<\/p>\n\n\n\n

MAXIAMO<\/h3>\n\n\n\n

Es una plataforma web desarrollada por Adobe que ofrece una extensa biblioteca de animaciones 3D listas para usar, as\u00ed como herramientas autom\u00e1ticas para riggear (esqueletizar) modelos 3D. Su principal ventaja es la capacidad de aplicar animaciones complejas a personajes 3D sin necesidad de conocimientos avanzados en rigging o animaci\u00f3n. Mixamo <\/a>es ampliamente utilizado en videojuegos, visualizaci\u00f3n interactiva y desarrollo de contenido digital por su rapidez y eficiencia en la producci\u00f3n de animaciones realistas.<\/p>\n\n\n\n

UNITY<\/h3>\n\n\n\n

Unity es un motor de desarrollo multiplataforma l\u00edder en la industria para la creaci\u00f3n de videojuegos, simulaciones, experiencias interactivas y aplicaciones de realidad aumentada (AR) y realidad virtual (VR). Con un entorno de trabajo intuitivo y potentes herramientas gr\u00e1ficas y de scripting, Unity <\/a>permite a desarrolladores y dise\u00f1adores transformar ideas creativas en proyectos interactivos en 2D y 3D. Su versatilidad y compatibilidad con m\u00faltiples dispositivos lo convierten en una opci\u00f3n preferida tanto por estudios profesionales como por desarrolladores independientes.<\/p>\n\n\n\n

Textura primitivas<\/h3>\n\n\n\n

Para comenzar nuestra pr\u00e1ctica de primitivas comenzaremos con un cubo, parametrizando todos sus \u00e1ngulos, posterior a esto usaremos la herramientas de  UV Editing, para ello abriremos el aplicativo de Blender, que hemos trabajado en anteriores pr\u00e1cticas CLICK AQUI PARA VER OTROS USOS DE LA HERRAMIENTA DE BLENDER.<\/p>\n\n\n\n

Para poder visualizar los atajos comando que se presionan en el teclado usaremos un complemento adicionalmente a\u00f1adiremos un complemento, el cual nos permite visualizar los comandos en la parte inferior izquierda de la pantalla, generando un cubo con el comando “ALT + A”.<\/p>\n\n\n\n

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

Como Abrir la Herramienta de UV Editing.<\/h3>\n\n\n\n

Nos desplazamos a la barra de men\u00fa encontrada en la parte superior de la aplicaci\u00f3n de Blender.(Ver Figura).<\/p>\n\n\n\n

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

Al presionar la herramienta de UV Editing se nos desplegar\u00e1 una ventana adicional ubicada en la parte izquierda de nuestro Script, esta nos permite visualizar el elemento en un plano 2D.(Ver Figura).<\/p>\n\n\n\n

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

Configurar una malla gu\u00eda en Blender.<\/h3>\n\n\n\n

Para configurar una malla guia que nos permite entender como funciona las primitivas en necesario, esto es fundamental para el entendimiento  y buena aplicaci\u00f3n de una textura, para ello nos dirigimos a la parte superior izquierda de la nueva ventana desplegada en ella seleccionaremos Image>New, cambiaremos el Generated Type a Color Grid.<\/p>\n\n\n\n

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

Para Agregar una Textura nos dirigiremos a \u2014-Material presionamos  Add Material y  seleccionaremos Base Color como se ve en se\u00f1alado en  la Figura (Ver Figura ) con un rect\u00e1ngulo rojo y posteriormente escogeremos Image Texture (Ver Figura).<\/p>\n\n\n\n

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

Al seleccionar Image Texture habr\u00e1 cambiado el modo de selecci\u00f3n de colores a color basado en una imagen, esto nos permitir\u00e1 a\u00f1adir una imagen (Ver Figura ).A Continuaci\u00f3n en las figuras n-n, se realizar\u00e1 la b\u00fasqueda de la imagen deseada y el update de dicha imagen.<\/p>\n\n\n\n

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

Como se puede ver en la Figura (Ver Figura ) este es el resultado  de a\u00f1adir una textura a nuestra figura primitiva.<\/p>\n\n\n\n

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

A Continuaci\u00f3n en las figuras n-n Configuraremos cada cara de nuestro primitiva, para ajustar la textura de la mejor manera.<\/p>\n\n\n\n

Seleccionamos toda nuestra primitiva con la letra “a” para crear una plantilla de la de nuestro modelo para el unWrapped  de la plantilla en la figuras n-n realizaremos el UnWrapping a la  primitiva.<\/p>\n\n\n\n

Que es UnWrapping<\/h3>\n\n\n\n

En Blender, el Unwrap, o desenvoltura UV, es el proceso de aplanar un objeto 3D a un espacio 2D para poder aplicar texturas de manera correcta. Esto se logra marcando “costuras” (seams) en la malla 3D y usando la funci\u00f3n “Unwrap” para proyectar las caras del modelo en un plano, de forma similar a desarmar una caja de papel. El resultado es un mapa UV, una representaci\u00f3n 2D que permite a Blender saber c\u00f3mo distribuir la textura sobre el objeto tridimensional, evitando distorsiones.<\/p>\n\n\n\n

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

Al haber realizado un desenvolvimiento o UnWrapping pasaremos a configurar cada una de las  caras con la textura que deseamos.<\/p>\n\n\n\n

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

En la figura podemos ver el resultado de nuestra primitiva con una textura a\u00f1adida gracias a UV Editing(Ver Figura ).<\/p>\n\n\n\n

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

Para facilitar el proceso de Extrusi\u00f3n de la primitiva ejecutamos el siguiente comando “shift + Clic”, esto nos permitir\u00e1  seleccionar m\u00faltiple de caras(Ver Figura ).<\/p>\n\n\n\n

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

C\u00f3mo hacer un cono vial en Blender.<\/h3>\n\n\n\n

Para realizar un cono Vial necesitamos  seleccionar la primitiva de cubo o  cube (Ver Figura ).<\/p>\n\n\n\n

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

Para dar una forma m\u00e1s octogonal a nuestra primitiva seleccionaremos el modo de artistas (Mode Edge), seleccionando cada unas de las esquinas con ayuda el comando “SHIFT + CLIC “, posteriormente agregaremos el siguiente comando ctrl + b para redondear las esquinas previamente seleccionadas, como se puede ver en las Figura n-n.<\/p>\n\n\n\n

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

cambiar a modo objeto y colocar click derecho para suavizar el objeto para ello daremos click derecho Shade Smooth o tambi\u00e9n podemos usar el comando   Subdivision Surface  con el comando de teclas  “CTRL + 3”.<\/p>\n\n\n\n

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

cambiamos a modo de selecci\u00f3n de  caras “faces Mode” y creamos una nueva cara con la tecla ” i ” , presionamos ” e ” y le damos  dimensiones en el eje z, para ellos usaremos el comando de “s + la dimensi\u00f3n deseada x,y,z”  y comenzaremos a Extruir el objeto.<\/p>\n\n\n\n

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

para darle una forma m\u00e1s de cono vial usaremos la tecla s tecla ” s ”  para escalar el objeto en el eje x, repetiremos este proceso hasta tener todo el cono.<\/p>\n\n\n\n

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

A\u00f1adir un color en Blender.<\/h3>\n\n\n\n

Para poder pintar el cono con diferentes colores, vamos a realizar una subdivisi\u00f3n del objeto con el comando ” Ctrl + R” la cual activa el cortado en bucle, a\u00f1adimos 4 l\u00edneas gu\u00eda para colocar los reflectantes del cono, A continuaci\u00f3n nos dirigiremos a la barra de tareas que se encuentra en la parte derecha de nuestro proyecto, seleccionamos el objeto y nos dirigimos a el conjunto de Herramientas llamado ” Material ” y seleccionaremos la parte del objeto que queremos pintar crearemos un material y seleccionaremos el color.<\/p>\n\n\n\n

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

cambiamos Edit Mode Face y seleccionamos las l\u00edneas donde ir\u00e1n las reflectantes<\/p>\n\n\n\n

con ” Alt +A ” para seleccionar toda las caras<\/p>\n\n\n\n

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

presionamos el bot\u00f3n ” Assign ” como se puede ver en la figura n(Ver Figura )para asignar el color blanco a la parte seleccionada<\/p>\n\n\n\n

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

Nos damos al modo de  material que se encuentra en la barra lateral derecha de nuestro Blender y le damos click configuramos los colores.<\/p>\n\n\n\n

Repetimos el proceso para colocar las otras reflectantes, este es el resultado<\/p>\n\n\n\n

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

Seleccionamos una cara y le damo a ” Shift + h ” para ocultar las dem\u00e1s caras, al terminar de modificar la cara que seleccionamos presionamos ” Alt + h”.<\/p>\n\n\n\n

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

Al tener la figura base de la coca cola vamos a suavizar nuestro modelo para ellos nos dirigimos al apartado de vista “Object > mode” y presionar ” Ctrl + 3 “, esto nos permite suavizar el objeto. <\/p>\n\n\n\n

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

Cambiamos a modo de v\u00e9rtices seleccionamos los v\u00e9rtices deseados para crear una nueva cara y presionamos f.<\/p>\n\n\n\n

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

SCENARIO<\/h3>\n\n\n\n

A continuaci\u00f3n nos enfocaremos en realizar un espacio acorde a los requerimientos de su entorno para ello,utilizaremos las herramientas ya vistas en este Art\u00edculo como lo son creaci\u00f3n de figuras primitivas, mirror entre otras herramientas que nos ofrece Blender de en el modelado de un escenario en Blender para ello creamos un nuevo proyecto.<\/p>\n\n\n\n

Nuestro escenario se inspira en una tarima de para eso comenzaremos realizando las vigas del escenario creando un nueva nueva figura primitiva, y repetiremos esto hasta terminar de crear la primera fila de la tarima.<\/p>\n\n\n\n

Usaremos el comando de duplicaci\u00f3n que nos ofrece Blender para los objetos presionamos “shift + d” y a continuaci\u00f3n presionamos la tecla r\u00e1pida para ajustar la ubicaci\u00f3n del nuevo objeto ” g + scroll hacia arriba”.<\/p>\n\n\n\n

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

Para las columnas de nuestra tarima usaremos el mismo m\u00e9todo anteriormente explicado, pero en este caso para el eje Y.<\/p>\n\n\n\n

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

Usaremos nuevamente el comando de copia de objetos, nos facilitara la creaci\u00f3n de columnas y filas de nuestra tarima, presionamos  el comando  del teclado “shift + D”.<\/p>\n\n\n\n

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

acomodamos las vigas<\/p>\n\n\n\n

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

resultado de  las vigas<\/p>\n\n\n\n

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

“Ctrl + j” para unir todo<\/p>\n\n\n\n

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

seleccionamos el objeto.<\/p>\n\n\n\n

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

Seleccionamos esta configuraci\u00f3n.<\/p>\n\n\n\n

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

Ajustes de las wireframe<\/p>\n\n\n\n

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

Con shift + a  mesh + plane para agregar un piso al modelo<\/p>\n\n\n\n

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

Sub dividir el cubo<\/p>\n\n\n\n

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

Seleccionamos el vertices y presionamos  g<\/p>\n\n\n\n

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

Cambiamos al modo de objetos redondear esquinas con ctrl + b<\/p>\n\n\n\n

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

ctrl + r para crear mas caras<\/p>\n\n\n\n

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

ir de nuevo al modelo ya que el modelo presenta un armature o esqueleto<\/p>\n\n\n\n

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

presionamos ‘ALT + P   ‘ y seleccionamos clear and keep Transformation<\/p>\n\n\n\n

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

seleccionamos el Armature que ven\u00eda con el modelo y lo eliminado<\/p>\n\n\n\n

ahora como se puede apreciar el modelo ya no presenta esqueleto<\/p>\n\n\n\n

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

Exportar los modelos de mixamo<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Este es el resultado final<\/p>\n\n\n\n

Como crear una colecci\u00f3n en movimientos en Blender<\/h3>\n\n\n\n

para eso crearmos un nuevo  linea de tiempo, la nueva liena de tiempo la vamos a configurar como dopeSheet, adicional cambiamos propiedad a action editor<\/p>\n\n\n\n

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

seleccionamos el primer animaci\u00f3n para poder renombrarla <\/p>\n\n\n\n

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

abrir otra editor<\/p>\n\n\n\n

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

combertir movimientos en acciones<\/p>\n\n\n\n

seleccionar el esqueleto de nuestro animacion de mixiamo<\/p>\n\n\n\n

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


<\/p>\n\n\n\n

al presionar la acci\u00f3n de ‘push down Action’ convertimos nuestra animaci\u00f3n en una acci\u00f3n para Blender.<\/p>\n\n\n\n

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

al convertir nuestra animaciones en Acciones en Blender esto nos facilita reutilizarlas y asignarlas a un solo modelo. Para este caso borraremos los dem\u00e1s modelos en Blender y nos quedaremos con solo 1 que posteriormente le asignaremos uno a uno las acciones<\/p>\n\n\n\n

C\u00f3mo agregar acciones a nuestro modelos<\/h3>\n\n\n\n

En este apartamos miraremos c\u00f3mo agregar acciones a nuestra sinematica, para ellos es de vital importancia tener en cuenta, estar ubicado en la ventana ” nonLinear Animation “, como podemos apreciar en la imagen.<\/p>\n\n\n\n

Para agregar una nueva acci\u00f3n primera crearemos un nuevo  “Track”, en este caso usaremos el “Track ” de caminar para copiarlos usaremos el comando  ‘SHIFT + A’ para duplicar la acci\u00f3n, para eso nos dirigiremos con el cursor a la Track caminar y presionaremos el comando anteriormente propuesto.
<\/p>\n\n\n\n

Para agregar una nueva acci\u00f3n usaremos el siguiente comando”SHIFT + A’ para visualizar las acciones ya creadas, para ello nos dirigiremos con el cursor sobre el lienzo y presionamos el comando para agregar una nueva acci\u00f3n.<\/p>\n\n\n\n

Crear transici\u00f3n entre im\u00e1genes<\/h3>\n\n\n\n

Para generar una transici\u00f3n m\u00e1s suave usaremos la barra de herramientas que tiene por defecto Blender, nos dirigiremos a la pesta\u00f1a de “Strip”,y realizaremos la siguiente configuraci\u00f3n para cada una de las acciones que agregamos al proyecto.<\/p>\n\n\n\n

en la ventana de ”Strip ‘ cambiar los ajustes como “Extrapolation” y “Auto Blend In\/Out”, le asignaremos a”Extrapolation” como  nothing y nos aseguraremos que “Auto Blend In\/Out” este culiado.<\/p>\n\n\n\n

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

Resultado de poner todas las animaciones<\/p>\n\n\n\n

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

Como poner musica en Blender<\/h3>\n\n\n\n

para poder agregarle musica al proyecto es necesario cambiar de vista, para ellos cambiaremos a la vista “Video Secuencer”<\/p>\n\n\n\n

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

En esta pesta\u00f1a nueva que se ha desplegado agregaremos cada unos de los SoundTrack, para nuestra cinem\u00e1tica.<\/p>\n\n\n\n

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

Resultado final al incorporar todos los Soundtracks<\/p>\n\n\n\n

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

Configurar la c\u00e1mara <\/h3>\n\n\n\n

para poder agregarle c\u00e1mara al proyecto es necesario cambiar de vista, para ellos cambiaremos a la vista “TimeLiner”.<\/p>\n\n\n\n

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

“CTRL + B”  y seccionamos la c\u00e1mara que desee para colocar la c\u00e1mara en la cualquier parte del video, en caso de no tener una c\u00e1mara nos cambiaremos a la vista “3D ViewPort” y usaremos el comando “ALT + A”, con este comando se desplegaran una lista de posibles elemento que podemos crear, entre ellos podemos encontrar camara, daremos click para crear una nueva c\u00e1mara.<\/p>\n\n\n\n

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

Importar video en Blender<\/h3>\n\n\n\n

colocar el frame de inicio y el de final<\/p>\n\n\n\n

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

importar el audio<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

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