{"id":25359,"date":"2022-04-28T22:14:49","date_gmt":"2022-04-29T03:14:49","guid":{"rendered":"https:\/\/niixer.com\/?p=25359"},"modified":"2022-04-29T11:36:44","modified_gmt":"2022-04-29T16:36:44","slug":"escenario-de-mario-bros-creado-en-blender","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2022\/04\/28\/escenario-de-mario-bros-creado-en-blender\/","title":{"rendered":"Mario Bros creado en Blender"},"content":{"rendered":"\n

En el presente articulo se presentar\u00e1 el paso a paso para crear un escenario de animaci\u00f3n simulando un el de Mario Bros creado en Blender con personajes de Mixamo.<\/p>\n\n\n\n

Creaci\u00f3n del escenario<\/strong><\/h3>\n\n\n\n

En el primer paso vamos a a\u00f1adir un plano subdividido para crear el terreno del escenario.<\/p>\n\n\n\n

\"Creaci\u00f3n
Creaci\u00f3n terreno<\/figcaption><\/figure><\/div>\n\n\n\n

En segundo paso, escalamos y creamos 50 subdivisiones para X y Y<\/p>\n\n\n\n

\"Plano
Plano subdividido<\/figcaption><\/figure><\/div>\n\n\n\n

Este ser\u00eda el resultado del plano<\/p>\n\n\n\n

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

En este plano vamos a escalar dos veces hacia arriba con ayuda de la tecla E<\/p>\n\n\n\n

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

Para crear un fondo vamos a simular unas monta\u00f1as<\/p>\n\n\n\n

\"Creaci\u00f3n
Creaci\u00f3n monta\u00f1as<\/figcaption><\/figure><\/div>\n\n\n\n

Este ser\u00eda el resultado del trozo de plano escalado.<\/p>\n\n\n\n

\"Escalar
Escalar monta\u00f1as<\/figcaption><\/figure><\/div>\n\n\n\n

En este contexto, vamos a utilizar la edici\u00f3n proporcional para suavizar estas transiciones .
El \u00edcono para la edici\u00f3n proporcional es un punto en la parte superior de la ventana de la escena (tambi\u00e9n puedes usar el atajo O)<\/p>\n\n\n\n

\"Edici\u00f3n
Edici\u00f3n monta\u00f1as<\/figcaption><\/figure><\/div>\n\n\n\n

Junto a \u00e9l, est\u00e1 su tipo de atenuaci\u00f3n, que est\u00e1 configurado de forma predeterminada como suave .Al mover el v\u00e9rtice seleccionado hacia arriba, use la rueda de desplazamiento para establecer el \u00e1rea a la que se aplicar\u00e1 la edici\u00f3n proporcional:<\/p>\n\n\n\n

\"Edici\u00f3n
Edici\u00f3n proporcional<\/figcaption><\/figure><\/div>\n\n\n\n

Realizamos el mismo proceso en el escenario creando varias monta\u00f1as.<\/p>\n\n\n\n

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

Este ser\u00eda el resultado final de la edici\u00f3n proporcional.<\/p>\n\n\n\n

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

Con la herramienta de Sketchfab, buscaremos un castillo y lo importaremos al escenario.<\/p>\n\n\n\n

\"Castillo
Castillo

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

Alineamos con las herramientas de transformaci\u00f3n justo en un extremo de las monta\u00f1as.<\/p>\n\n\n\n

\"Resultado
Resultado transformaci\u00f3n castillo<\/figcaption><\/figure><\/div>\n\n\n\n

Para aplicar el material, nos dirigimos a la propiedad y con el gotero que aparece lo pasamos sobre el escenario del castillo para tener proporcionalidad en los colores.<\/p>\n\n\n\n

\"Material
Material monta\u00f1as<\/figcaption><\/figure><\/div>\n\n\n\n

Este ser\u00eda el resultado luego de a\u00f1adir los materiales en el escenario simulando el de Mario Bros.<\/p>\n\n\n\n

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

En la parte de atr\u00e1s vamos a crear un plano.<\/p>\n\n\n\n

\"Creaci\u00f3n
Creaci\u00f3n cielo<\/figcaption><\/figure><\/div>\n\n\n\n

Lo rotamos 90\u00b0 en el eje Y y lo ubicamos detr\u00e1s de las monta\u00f1as.<\/p>\n\n\n\n

\"Transformaci\u00f3n
Transformaci\u00f3n cielo<\/figcaption><\/figure><\/div>\n\n\n\n

Para a\u00f1adir el material cambiamos la superficie a modo BSDF Difuso<\/p>\n\n\n\n

\"Material
Material cielo Mario Bros<\/figcaption><\/figure><\/div>\n\n\n\n

Y en el punto amarillo elegimos Imagen<\/p>\n\n\n\n

\"Imagen
Imagen cielo Mario Bros<\/figcaption><\/figure><\/div>\n\n\n\n

Para que se a\u00f1ada el material en una sola cara damos clic dereche en la cara y desplegar caras UV.<\/p>\n\n\n\n

\"Desplegar
Desplegar caras UV<\/figcaption><\/figure><\/div>\n\n\n\n

En la parte de arriba de Blender, aparece la pesta\u00f1a de UV Editing,en la cual podemos mover la textura hasta tenerlo como deseamos. <\/p>\n\n\n\n

\"Aplicar
Aplicar material cielo Mario Bros<\/figcaption><\/figure><\/div>\n\n\n\n

Cubos de ladrillo Mario Bros<\/h3>\n\n\n\n

El primer paso ser\u00e1 agregar una malla de tipo cubo.<\/p>\n\n\n\n

\"A\u00f1adir
A\u00f1adir cubo de ladrillo<\/figcaption><\/figure><\/div>\n\n\n\n

La escalamos hasta que qued\u00e9 como un rect\u00e1ngulo con ayuda de la tecla S.<\/p>\n\n\n\n

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

Nos pasamos a modo edici\u00f3n con el Tab,seguidamente CTRL + R y con el scroll a\u00f1adimos 4 subdivisiones<\/p>\n\n\n\n

\"Subdivisiones
Subdivisiones ladrillo<\/figcaption><\/figure><\/div>\n\n\n\n

Realizamos el mismo proceso de desplegar cada cara.<\/p>\n\n\n\n

\"Desplegar
Desplegar caras en cubo<\/figcaption><\/figure><\/div>\n\n\n\n

En este proceso utilizamos el siguiente material de ladrillo, simulando uno de Mario Bros.<\/p>\n\n\n\n

\"Marial
Marial de ladrillo<\/figcaption><\/figure><\/div>\n\n\n\n

Entre los cubos a\u00f1adimos un cubo tipo pregunta para el escenario de Mario Bros creado en Blender<\/p>\n\n\n\n

\"Material
Material de pregunta de Mario Bros<\/figcaption><\/figure><\/div>\n\n\n\n

Hacemos los mismos pasos, escalando y rotando hasta tener la cara con el material deseado.<\/p>\n\n\n\n

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

Este ser\u00eda el resultado del cubo con los materiales aplicados.<\/p>\n\n\n\n

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

Monedas o premios de Mario Bros<\/strong><\/h3>\n\n\n\n

El primer paso para crear la moneda es a\u00f1adir una malla de cilindro<\/p>\n\n\n\n

\"\"
Cilindro moneda<\/figcaption><\/figure><\/div>\n\n\n\n

La alineamos justo encima del cubo creado anteriormente, gir\u00e1ndola 90\u00b0 en el eje Y y escal\u00e1ndola en el eje X, de tal manera que formemos un cilindro delgado<\/p>\n\n\n\n

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

Pasamos al modo edici\u00f3n,con la tecla i creamos una nueva cara.<\/p>\n\n\n\n

\"Crear
Crear cara moneda<\/figcaption><\/figure><\/div>\n\n\n\n

Seleccionamos la nueva cara y con la tecla E la escalamos hacia adentro<\/p>\n\n\n\n

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

A\u00f1adimos un nuevo material y le asignamos el color E7D01F<\/strong>,reflejando un dorado<\/p>\n\n\n\n

\"Material
Material dorado<\/figcaption><\/figure><\/div>\n\n\n\n

En la cara creado del centro, buscamos un material para simular una moneda de Mario Bros.<\/p>\n\n\n\n

\"Parte
Parte central de la moneda<\/figcaption><\/figure><\/div>\n\n\n\n

A\u00f1adimos la textura con UV editing.<\/p>\n\n\n\n

\"Aplicar
Aplicar material<\/figcaption><\/figure><\/div>\n\n\n\n

Obtenemos el siguiente resultado de la moneda.<\/p>\n\n\n\n

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

Creaci\u00f3n de personajes<\/strong><\/h3>\n\n\n\n

Para la creaci\u00f3n de personajes, utilizaremos la herramienta de Ready Player Me<\/a>, personalizando nuestro avatar.<\/p>\n\n\n\n

\"Ready
Ready player me<\/figcaption><\/figure><\/div>\n\n\n\n

Para hacer uso de este lo descargamos en el formato .glb<\/p>\n\n\n\n

\"Descarga
Descarga glb<\/figcaption><\/figure><\/div>\n\n\n\n

Lo importamos en un nuevo proyecto de Blender Archivo>Importar>glb<\/p>\n\n\n\n

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

En este proyecto se utilizo la cara creada con Facebuilder,para esto ocultamos todos los componentes de la cara.<\/p>\n\n\n\n

\"Crear
Crear el personaje principal<\/figcaption><\/figure><\/div>\n\n\n\n

Abrimos el proyecto de Facebuilder con Control + C copiamos el rostro.<\/p>\n\n\n\n

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

Con Control + V lo pegamos en el modelo de Ready Player me ubic\u00e1ndolo en la parte del rostro<\/p>\n\n\n\n

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

Lo exportamos como fbx dando clic en Archivo>Exportar> FBX<\/p>\n\n\n\n

\"Exportar
Exportar como fbx<\/figcaption><\/figure><\/div>\n\n\n\n

Para animar los personajes utilizaremos Mixamo<\/a>,como es un nuevo personaje en la parte derecha damos clic en Upload Character<\/strong><\/p>\n\n\n\n

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

Seleccionamos el fbx exportado de Blender anteriormente<\/p>\n\n\n\n

\"Modelo
Modelo fbx<\/figcaption><\/figure><\/div>\n\n\n\n

Este empezar\u00e1 a importarlo<\/p>\n\n\n\n

\"Subir
Subir modelo fbx<\/figcaption><\/figure><\/div>\n\n\n\n

Como es un modelo nuevo se debe utilizar el Auto rigger en las siguientes partes del modelo teniendo en cuenta la simetria<\/p>\n\n\n\n

\"Alinear
Alinear modelo<\/figcaption><\/figure>\n\n\n\n

Luego de ubicar los puntos,ya podremos escoger las animaciones que queramos.<\/p>\n\n\n\n

\"Animar
Animar fbx<\/figcaption><\/figure><\/div>\n\n\n\n

Cuando ya tengamos el modelo animado damos clic en Download <\/strong>con las siguiente configuraciones<\/p>\n\n\n\n

\"Configurar
Configurar modelo para descarga<\/figcaption><\/figure><\/div>\n\n\n\n

Siguiendo en el escenario principal y lo importamos dando clic en Importar> Fbx<\/p>\n\n\n\n

\"Importe
Importe de modelo<\/figcaption><\/figure><\/div>\n\n\n\n

Lo escalaremos y ubicaremos donde deseemos<\/p>\n\n\n\n

\"Alineaci\u00f3n
Alineaci\u00f3n de fbx<\/figcaption><\/figure><\/div>\n\n\n\n

Para este personaje se desea agregar varias animaciones en el mismo,para esto vamos a repetir el proceso de Mixamo cuantas veces deseemos,para aplicarlas nos vamos a dirigir a “Animaci\u00f3n no lineal”,importarmos el fbx y a\u00f1adiremos un nuevo clip de acci\u00f3n eligiendo la siguiente animaci\u00f3n que se desee.<\/p>\n\n\n\n

\"Transici\u00f3n
Transici\u00f3n de personaje<\/figcaption><\/figure><\/div>\n\n\n\n

As\u00ed se ver\u00eda luego de unas animaciones implementadas, para el posicionamiento de cada animaci\u00f3n se utilizar\u00e1 las propiedades de los objetos dando clic en el rombo ubicado en cada funci\u00f3n ya sea de rotaci\u00f3n, escalado o posici\u00f3n.<\/p>\n\n\n\n

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

Se quiso dar m\u00e1s contexto al escenario, entonces se instanci\u00f3 algunos objetos ya creados.<\/p>\n\n\n\n

\"\"
Instanciaci\u00f3n objetos<\/figcaption><\/figure><\/div>\n\n\n\n

Creaci\u00f3n cinem\u00e1tica Mario Bros.<\/strong><\/h3>\n\n\n\n

Para crear la cinem\u00e1tica en primera instancia a\u00f1adiremos una c\u00e1mara que definiremos con el clic derecho como la c\u00e1mara activa.<\/p>\n\n\n\n

\"\"
C\u00e1mara<\/figcaption><\/figure><\/div>\n\n\n\n

Para a\u00f1adir los keyframes utilizaremos la transformaci\u00f3n en cada posici\u00f3n de los personajes que en este caso son los animados.<\/p>\n\n\n\n

\"\"
A\u00f1adir keyframes<\/figcaption><\/figure>\n\n\n\n

Para bloquear la posici\u00f3n daremos clic sobre los rombos.<\/p>\n\n\n\n

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

Este ser\u00eda el resultado luego de a\u00f1adir los keyframes.<\/p>\n\n\n\n

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

M\u00fasica Mario Bros<\/h2>\n\n\n\n

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

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

Para a\u00f1adir el sonido damos clic en Abrir, eligiendo la m\u00fasica deseada.<\/p>\n\n\n\n

\"\"
Elegir sonido<\/figcaption><\/figure><\/div>\n\n\n\n

Iluminaci\u00f3n escenario<\/h2>\n\n\n\n

En este caso solo se agregar\u00e1 un tipo de luz Sol que se alinear\u00e1 en el centro del escenario.<\/p>\n\n\n\n

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

Daremos potencia de 5000<\/p>\n\n\n\n

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

A continuaci\u00f3n presentamos el v\u00eddeo del paso a paso y resultado de cinem\u00e1tica:<\/p>\n\n\n\n

\n