Advertisement
  1. 3D & Motion Graphics

Cómo Crear un Game Boy Retro en 3D: Parte 1

Scroll to top
Read Time: 12 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Sigue este tutorial paso a paso para crear un Game Boy de Nintendo retro que puedes usar en juegos de video, diseño gráfico, y proyectos de ilustración mientras aprendes a cómo modelar en Cinema 4D.

Algunas de las habilidades que aprenderás en este tutorial incluyen modelaje básico en 3D, importar imágenes de referencia, y técnicas de procesamiento (rendering).

En esta primera parte de dos del tutorial, te enseñaré:

  • Cómo Importar Imágenes de Referencia
  • Cómo Preparar para Modelaje
  • Cómo Modelar el Game Boy Retro

1. Cómo Importar Imágenes de Referencia

Paso 1

Usa el botón medio del ratón para dar clic en cualquier lugar en ventana gráfica. Esto mostrará las cuatro vistas. De ahí, usa el botón medio del ratón para seleccionar la vista Frontal.

Four different camera angles to choose fromFour different camera angles to choose fromFour different camera angles to choose from
Hay cuatro diferentes ángulos de cámara de donde elegir

Paso 2

In la pestaña de Atributos selecciona Modo> Configuración de Vista.

Select View SettingsSelect View SettingsSelect View Settings
Selecciona la Configuración de Vista

Paso 3

En la Ventana Gráfica [Derecha] selecciona el botón de Regreso y da clic en el botón que se encuentra a la par de la Imagen.

Select the Back buttonSelect the Back buttonSelect the Back button
Selecciona el botón de Regreso

Paso 4

Selecciona tu imagen de referencia del buscador y ábrelo. En este tutorial usaré la vista frontal de un Nintendo Game Boy retro para asistirme.

Reference image of a Nintendo Game BoyReference image of a Nintendo Game BoyReference image of a Nintendo Game Boy
Imagen de referencia de un Nintendo Game Boy

Paso 5

Ajusta el tamaño de la imagen y la transparencia a tu gusto en la ventana de propiedades.

Adjust size in the properties windowAdjust size in the properties windowAdjust size in the properties window
Ajusta el tamaño en la ventana de propiedades

2. Cómo Ajustar la Forma del Cubo

Paso 1

En la parte superior de la barra de menú selecciona el Cubo para generar un cubo en la escena.

Spawn a cube into the sceneSpawn a cube into the sceneSpawn a cube into the scene
Genera un cubo en la escena

Paso 2

En la ventana de propiedades, ajusta el tamaño de manera que la forma del cubo se ajuste a la forma de la imagen de fondo de Game Boy.

Adjust the size of the cubeAdjust the size of the cubeAdjust the size of the cube
Ajusta la medida del cubo

Paso 3

La forma del cubo debería encajar aproximadamente a la forma de la imagen de fondo de Game Boy en esta etapa.

Asegúrate de revisar la forma usando las otras vistas de cámara también (perspectiva, lateral, superior, etc.)

The cube should fit the size of the reference imageThe cube should fit the size of the reference imageThe cube should fit the size of the reference image
El cubo debería encajar con la medida de la imagen de referencia.

Paso 4

Asegúrate de revisar la forma usando las otras vistas de cámara también (perspectiva, lateral, y superior, etc.) La medida de la forma en el eje Z debería ser aproximadamente a la que el Game Boy debería ser.

View in perspectiveView in perspectiveView in perspective
Vista en perspectiva

Paso 5

Selecciona el botón Hacer Editable para hacer la forma editable. A continuación selecciona el botón de Selección de Borde.

Select Make Editable and Edge Selection buttonsSelect Make Editable and Edge Selection buttonsSelect Make Editable and Edge Selection buttons
Selecciona los botones de Hacer Editable y Selección de Borde.

Paso 6

Selecciona la esquina inferior derecha de la forma. Esta se destaca en anaranjado.

Select the right corner of the shape with Edge SelectionSelect the right corner of the shape with Edge SelectionSelect the right corner of the shape with Edge Selection
Selecciona la esquina derecha de la forma con la Selección de Borde

Paso 7

Una vez seleccionada, elije la Herramienta Bisel al usar el ratón dar Clic Derecho > Bisel. Ajusta el bisel cambiando la configuración en la ventana de propiedades.

Use the Bevel Tool to curve the cornerUse the Bevel Tool to curve the cornerUse the Bevel Tool to curve the corner
Usa la Herramienta de Bisel para curvar la esquina

Paso 8

Selecciona las tres esquinas sobrantes de la forma. Esto se resalta en anaranjado. Usa la Herramienta de Bisel para curvar levemente las esquinas. La curvatura de las tres esquinas remanentes debería ser menor a la de la esquina inferior derecha.

Adjust the remaining corners using Edge SelectionAdjust the remaining corners using Edge SelectionAdjust the remaining corners using Edge Selection
Ajusta las esquinas que sobran usando la Selección de Borde.


3. Cómo Crear la Forma del Game Boy

Paso 1

Selecciona la Herramienta de Movimiento. Para duplicar esta forma necesitarás mantener presionado el botón CTRL en el teclado y luego haz clic y arrastra la Flecha Azul usando el ratón. Deja un pequeño espacio entre ambas formas.

Duplicate the shapeDuplicate the shapeDuplicate the shape
Duplica la forma

Paso 2

Duplica la forma de nuevo y coloca la nueva forma entre los otros dos (en medio). Con la forma media aun seleccionada, usa la Herramienta de Escala y encoje la forma de en medio alrededor de 95%

Duplicate and scale the objectDuplicate and scale the objectDuplicate and scale the object
Duplica y escala el objeto

Paso 3

Haz clic en el pequeña flecha de retroceso en el botón de Cubo y selecciona Cilindro de la lista de opciones. Esto generará un Cilindro en la escena.

Select CylinderSelect CylinderSelect Cylinder
Selecciona el Cilindro

Paso 4

Ajusta las propiedades de la medida y orientación del cilindro usando la ventana de propiedades. El grosor del cilindro debería ser aproximadamente la misma al del pequeño espacio creado entre las dos formas más grandes.

Adjust the CylinderAdjust the CylinderAdjust the Cylinder
Ajusta el Cilindro

Paso 5

Una ve que te encuentres satisfecho con el tamaño y medida del cilindro, colócalo entre las dos formas en el hueco.

Place the CylinderPlace the CylinderPlace the Cylinder
Coloca el Cilindro

4. Cómo Crear la Pantalla

Paso 1

Duplica una de las formas más grandes y luego usa la Herramienta de Escala para reducir el grosor de la forma de manera que se vuelva considerablemente delgada.

Duplicate and scale the objectDuplicate and scale the objectDuplicate and scale the object
Duplica y haz el objeto a escala 

Paso 2

Usa la Herramienta de Movimiento y combínala  con la Herramienta de Selección de Punto para mover las esquinas redondeadas de la forma de manera que encaje con la medida de la orilla de la pantalla (como se muestra en la imagen de fondo de referencia).

Combine the points button with the move and selection toolsCombine the points button with the move and selection toolsCombine the points button with the move and selection tools
Combina el botón de puntos con las herramientas de movimiento y selección.

Paso 3

Selecciona los puntos que quieres mover y luego llevalos a su lugar usando la Herramienta de Movimiento.

Adjust the points of the objectAdjust the points of the objectAdjust the points of the object
Ajusta los puntos del objeto

Paso 3

Crea un cubo nuevo y cambia su forma de manera que encaje con la principal pantalla de Game Boy.

Create a new cube object and fit it to the screenCreate a new cube object and fit it to the screenCreate a new cube object and fit it to the screen
Cre un nuevo objeto cubo y encájalo a la pantalla.

Paso 4

Una vez que estés contento con la medida de las formas, usa la Herramienta de Movimiento para colocarlos en el cuerpo del Game Boy.

Place the new objects to the Game BoyPlace the new objects to the Game BoyPlace the new objects to the Game Boy
Coloca los objetos nuevos en el Game Boy

5. Cómo Crear los Botones

Paso 1

Haz clic en la pequeña flecha de retorno en el botón del Cubo y selecciona Cilindro de la lista de opciones. Esto generará un cilindro en la escena.

Select the Cylinder buttonSelect the Cylinder buttonSelect the Cylinder button
Selecciona el botón del Cilindro

Paso 2

AJusta las propiedades del cilindro de manera que esté orientado de manera correcta, tenga la medida correcta, y tenga el grosor deseado para el botón. Luego usa la Herramienta de Movimiento para mover el botón al lugar correcto usando la imagen de fondo como tu punto de referencia.

Scale the cylinder and place it correctlyScale the cylinder and place it correctlyScale the cylinder and place it correctly
Escala el cilindro y colócalo correctamente

Paso 3

Duplica el botón y usa la Herramienta de Escala para incrementar la medida levemente. Querrás incrementar la medida uniformemente de manera que el punto central de cada objeto sea el mismo (visto de la vista frontal).

Duplicate and scale new cylinderDuplicate and scale new cylinderDuplicate and scale new cylinder
Duplica y escala el nuevo cilindro

Paso 4

Asegúrate de que el cilindro duplicado esté seleccionado y haz clic en el Botón de Hacer Editable.

Select the Make Editable buttonSelect the Make Editable buttonSelect the Make Editable button
Selecciona el botón de Hacer Editable

Paso 5

Ahora que el objeto es editable, podemos editar los puntos. Asegúrate de que el objeto cilindro esté seleccionado y haz clic en el Botón de Puntos.

Haz clic en la Herramienta de Selección de Rectángulo de manera que podamos seleccionar los puntos que deseas editar. Una vez hayas seleccionados los puntos puedes moverlos usando la Herramienta de Movimiento

Combine the points button with the move and selection toolsCombine the points button with the move and selection toolsCombine the points button with the move and selection tools
Combina el botón de puntos con las herramientas de movimiento y selección

Paso 6

Usa la Herramienta de Selección de Rectángulo para seleccionar la mitad del cilindro. Luego usa la Herramienta de Movimiento para mover los puntos a la derecha.

Adjust the points of the shapeAdjust the points of the shapeAdjust the points of the shape
Ajusta los puntos de la forma

Paso 7

Duplica el botón y usa la Herramienta de Movimiento para mover el botón a la derecha.

Duplicate and place buttonsDuplicate and place buttonsDuplicate and place buttons
Duplica y coloca los botones

Paso 8

Cuando muevas un objeto completo, selecciona y usa el botón de Modelo. Si este no está seleccionado, puede que descubras que en su lugar estás moviendo los puntos, bordes, o caras.

Select the Model buttonSelect the Model buttonSelect the Model button
Selecciona el botón de Modelo

Paso 9

Asegurándote de que tengas el botón de Modelo encendido, selecciona las tres formas cilíndricas que  ahora conforman tus botones de Game Boy.

Una vez que los tres hayan sido seleccionados, presiona Alt-G en el teclado para agruparlos. Puedes luego renombrar el Nulo al darle doble clic.

Group the cylindersGroup the cylindersGroup the cylinders
Agrupa los cilindros

Paso 10

Selecciona todo el grupo y usa la Herramienta de Rotación para rotar los botones de manera que coincida con la imagen de referencia en la vista frontal.

Rotate the buttonsRotate the buttonsRotate the buttons
Rota los botones

Paso 11

Asegúrate de usar las otras vistas de cámara para asegurar que la ubicación de los botones sea correcta y que se haya movido al área correcta.

Place the buttons on to the Game BoyPlace the buttons on to the Game BoyPlace the buttons on to the Game Boy
Coloca los botones en el Game Boy

6. Cómo Crear la Plantilla Direccional (D-Pad)

Paso 1

Para crear la D-Pad, usa una técnica similar a la usada para crear los botones del Game Boy.

Primero, crea el cilindro de fondo. Para hace esto haz clic en la pequeña fleca de retroceso en el botón del Cubo y selecciona Cilindro de la lista de opciones. Esto generará un cilindro en la escena.

Select the Cylinder buttonSelect the Cylinder buttonSelect the Cylinder button
Selecciona el botón de Cilindro

Paso 2

Cambia la medida del cilindro usando los parámetros de ventana de manera que encaje aproximadamente con la medida del D-Pad. Luego usa la Herramienta de Movimiento para mover la forma de cilindro en su lugar.

Place cylinder correctly onto Game BoyPlace cylinder correctly onto Game BoyPlace cylinder correctly onto Game Boy
Coloca el cilindro correctamente en el Game Boy

Paso 3

Con la forma de cilindro seleccionada puedes usar los parámetros de ventana para ajustar el radio, altura, y segmentos de rotación del cilindro.

Mientras más segmentos crees, el círculo se volverá más uniforme. También queremos asegurarnos que la altura no sea demasiado extensa, puesto que esta forma sólo se usará en la superficie del Game Boy.

Ajdust the cylinderAjdust the cylinderAjdust the cylinder
Ajusta el cilindro

Paso 4

Crea un cubo y usa la ventana de parámetros de nuevo para ajustar la forma de manera que sea aproximadamente la misma forma como la mitad del D-Pad.

Create a new Cube and adjust itCreate a new Cube and adjust itCreate a new Cube and adjust it
Crea un nuevo Cubo y ajústalo

Paso 5

Con la nueva forma de cubo seleccionada puedes usar la ventana de los parámetros para ajustar el tamaño de la D-Pad. Este objeto necesitará ser duplicado para crear la segunda mitad del D-Pad.

Adjust the new objectAdjust the new objectAdjust the new object
Ajusta el nuevo objeto

Paso 6

Para duplicar esta forma, selecciona el cubo de la lista de objetos. Presiona el botón CTRL en el teclado y haz clic y arrastra el objeto cubo.

Coloca el objeto cubo duplicado en la lista. Esta manera de duplicar un objeto significa que ambos objetos son exactamente el mismo en exactamente la misma posición. 

Duplcate the new cubeDuplcate the new cubeDuplcate the new cube
Duplica el nuevo cubo

Paso 7

Rota el nuevo objeto D-Pad usando la Herramienta de Rotación y rótala exactamente 90 grados.

Rotate the object 90 degreesRotate the object 90 degreesRotate the object 90 degrees
Rota el objeto 90 grados

Paso 8

Asegúrate de usar las otras vistas de cámara para asegurar que la ubicación del D-Pad sea correcta y se haya movido al área correcta.

Place the D-Pad onto the surface of the Game BoyPlace the D-Pad onto the surface of the Game BoyPlace the D-Pad onto the surface of the Game Boy
Coloca la D-Pad en la superficie del Game Boy

7. Cómo Crear los Botones de Inicio y Selección

Paso 1

Ya que los botones de inicio y selección tienen una forma muy similar a la forma que fue creada para el fondo para los botones, duplica la misma forma.

Haz esto presionando y manteniendo presionado el botón CTRL en el teclado y dando clic y arrastrando el objeto usando la Herramienta de Movimiento.

Duplicate shapeDuplicate shapeDuplicate shape
Duplica la forma

Paso 2

Con el nuevo objeto seleccionado, usa la Herramienta de Escala para darle a la forma aproximadamente las mismas dimensiones como el botón de inicio y selección en la imagen de referencia.

Asegúrate de dar clic en el fondo y no en los iconos coloreados cuando uses la herramienta si quieres dar escala uniformemente.

Scale shapeScale shapeScale shape
Forma a Escala

Paso 3

Usa la Herramienta de Movimiento y combinalo con la Herramienta de Selección de Puntos para mover las esquinas redondeadas de la forma de tal manera que encaje con el largo de los botones de inicio y selección (como se muestra en la imagen de fondo de referencia).

Combine the points button with the move and selection toolsCombine the points button with the move and selection toolsCombine the points button with the move and selection tools
Combina el botón de puntos con las herramientas de movimiento y selección

Paso 4

Asegúrate de tener el objeto y la Herramienta de Movimiento seleccionadas. Mantén presionado el botón CTRL en el teclado y haz clic y arrastra el botón para duplicarlo.

Duplicate and space the shapes outDuplicate and space the shapes outDuplicate and space the shapes out
Duplica y separa las formas

Paso 5

Asegúrate de usar las otras vistas de cámara para asegurarte que la ubicación del botón de inicio y selección esté correcto y se haya movido al área correcta.

Place buttons on to the surface of the Game BoyPlace buttons on to the surface of the Game BoyPlace buttons on to the surface of the Game Boy
Coloca los botones en la superficie del Game Boy

8. Cómo Crear los Altavoces

Paso 1

Puesto que los altavoces tienen una forma muy similar a la forma que fue creada para los botones de inicio y selección, entonces duplicaremos la misma forma.

Haz esto al presionar y mantener presionado el botón CTRL en el teclado, dando clic y arrastrando el objeto usando la Herramienta de Movimiento.

Duplicate buttonDuplicate buttonDuplicate button
Duplica el botón

Paso 2

Usa la Herramienta de Rotación para rotar la forma de manera que coincida con el ángulo mostrado en la imagen de referencia.

Rotate buttonRotate buttonRotate button
Rota el botón

Paso 3

Usa la Herramienta de Escala para que la medida coincida aproximadamente con la de los altavoces y la imagen de referencia.

Scale buttonScale buttonScale button
Escala el botón

Paso 4

Usa la Herramienta de Movimiento y combínala con la Herramienta de Selección de Puntos para mover las esquinas redondeadas de la forma para que coincida con el largo de los altavoces (como se muestra en la imagen de referencia de fondo).

Combine the points button with the move and selection toolsCombine the points button with the move and selection toolsCombine the points button with the move and selection tools
Combina el botón de puntos con las herramientas de movimiento y selección

Paso 5

Asegúrate de que el largo de la forma coincida aproximadamente con la de los altavoces en la imagen de referencia.

Lengthen the buttonLengthen the buttonLengthen the button
Alarga el botón

Paso 6

Asegúrate de que tengas seleccionado el objeto y la Herramienta de Movimiento. Mantén presionado el botón CTRL en el tecado y haz clic y arrastra el btón para duplicarlo.

Duplicate the shapeDuplicate the shapeDuplicate the shape
Duplica la forma

Paso 7

Duplica el objeto varias veces hasta que luzca aproximadamente igual a la forma de los altavoces del Game Boy.

Duplicate the shape many times until you are satisfiedDuplicate the shape many times until you are satisfiedDuplicate the shape many times until you are satisfied
Duplica la forma varias veces hasta que estés satisfecho

Paso 8

Asegúrate de usar las otras vistas de cámara para asegurarte que la ubicación sea la correcta y que se haya movido al área correcta.

Place shapes onto the surface of the Game BoyPlace shapes onto the surface of the Game BoyPlace shapes onto the surface of the Game Boy
Coloca las formas en la superficie del Game Boy

9. Cómo usar Boole

Paso 1

Selecciona Boole dando clic en la pequeña flecha al fondo a la derecha del botón de Gama en la parte superior de la pantalla.

Select Boole from menuSelect Boole from menuSelect Boole from menu
Selecciona Boole del menú

Paso 2

Selecciona los objetos en los que quieres que Boole genere un efecto . Esta será la parte frontal del Game Boy y los altavoces (que han sido agrupados usando Alt-G).

Pon ambos objetos en Boole y asegúrate de que el grupo de los altavoces esté colocado debajo del cuerpo del Game Boy.

Group objects under BooleGroup objects under BooleGroup objects under Boole
Agrupa los objetos bajo Boole

Paso 3

Al usar Boole crea recortes usando las formas creadas.

Cut out the speakersCut out the speakersCut out the speakers
Recorta los altavoces

Paso 4

Usa los diferentes ángulos de cámara para comprobar el modelo de Game Boy para asegurarte que se vea correcto.

Final Game Boy modelFinal Game Boy modelFinal Game Boy model
Modelo final de Game Boy

A Continuación

En la segunda parte de la serie tutorial, te mostraré cómo:

  • Crear Materiales
  • Colorear el Modelo de Game Boy
  • Representar gráficamente el Modelo de Game Boy
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new 3D & Motion Graphics tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.