Advertisement
  1. 3D & Motion Graphics

Como Crear un Retro Game Boy en 3D: Parte 2

Scroll to top
Read Time: 8 min

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

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

Seguir este tutorial paso a paso para crear a un retro Nintendo Game Boy que se pueden utilizar en proyectos de Ilustración, diseño gráfico y videojuegos mientras aprender a modelar en Cinema 4D.

Algunas de las habilidades que aprenderá en este tutorial incluyen la creación de 3D básico de modelado, importación de imágenes de referencia y técnicas de representación básicas.

En este sentido, la primera parte del tutorial de dos partes, te voy a mostrar cómo para:

  • Cómo crear Materiales
  • Cómo el Modelo de Color
  • Cómo Hacer el Game Boy

10. Cómo Crear un Nuevo Material

Paso 1

Situado cerca de la parte inferior de la pantalla allí debe ser una ventana de selección de materiales. Haga clic en Crear > Nuevo Material para crear un nuevo material para usar que se puede editar. Usaré los materiales a color en los diferentes objetos y partes de nuestra Nintendo Game Boy.

Create a new materialCreate a new materialCreate a new material

Paso 2

Haga Doble clic en el nuevo material a traer por el Editor de Materiales. Esto es donde usted puede ajustar las propiedades de su material como el color, la transparencia y la reflectancia etcetera.

Para este particular estilo solamente estaremos interesados en color plano.

The material editorThe material editorThe material editor

Paso 3

Desmarque las casillas de Color y Reflectancia y el botón de la señal de Luminancia. Esto nos da la apariencia de color plano para nuestra imagen final.

Edit the material editor propertiesEdit the material editor propertiesEdit the material editor properties

Paso 4

Para agregar un material al objeto, arrastrar y soltar el material al objeto mediante el ratón.

También puede arrastrar y soltar el material sobre el objeto que aparece a la derecha de la pantalla.

El mismo material puede utilizarse para varias partes del modelo. Por ejemplo, puede utilizar este uno material para el frente, parte posterior y medianas partes de nuestro modelo de Nintendo Game Boy.

Drag and drop the material onto an objectDrag and drop the material onto an objectDrag and drop the material onto an object

11. Cómo Ajustar las Propiedades del Material

Paso 1

En el Editor de materiales, haga clic en el botón de flecha al lado de Textura y seleccione Sketch y Toon > Cel desde el menú.

Select sketch and toonSelect sketch and toonSelect sketch and toon

Paso 2

Haga clic en el botón nuevo de Cel que aparece al lado de textura para que aparezca un nuevo menú.

Select CelSelect CelSelect Cel

Paso 3

En este nuevo menú, ajuste la configuración como sigue:

  1. Cambiar el difusor para que coincida con la imagen de abajo. Debe ser en escala de grises con el color que la luz de izquierda a derecha.
  2. Desactive la Cámara.
  3. Luces de Señal.
  4. Sombras de Garrapata
  5. Seleccione Multiplicar en el menú desplegable.
Editing the sketch and toon propertiesEditing the sketch and toon propertiesEditing the sketch and toon properties

Paso 4

Seleccione un color haciendo doble clic en el cuadro de opción de color.

El Editor de Materiales le da muchas opciones diferentes para elegir y escoger su color. Estos incluyen RGB, HSV etcetera. Elija cualquier opción te familiarizas más con un color plano. Por multiplicar shading mode, los tonos de color diferente también aparecen en el material.

Si el material ya se ha aplicado el modelo, el color del modelo se ajustará automáticamente para el color material nuevo.

Choosing a colourChoosing a colourChoosing a colour

12. Cómo Puedo Ajustar el Sombreado

Paso 1

Para obtener una mejor idea de la sombra y cómo nuestro render final resultará, haga clic en la pequeña flecha negra en la parte inferior derecha del Botón Procesar y seleccione Región de Render Interactiva en el menú.

Select interactive render regionSelect interactive render regionSelect interactive render region

Paso 2

Ajustar la ventana para que se ajuste alrededor del Modelo de Game Boy. Busca la flecha muy pequeña en el lado derecho de la ventana y utilice el ratón para arrastrar a la parte superior (esto aumenta la resolución). Disminuir la resolución moviendo la flecha hacia abajo si es necesario.

Increase the resolutionIncrease the resolutionIncrease the resolution

Paso 3

Para cambiar la forma de la fuente de luz quede ir a Opciones > Luz por Defecto.

Agregar un objeto de luz a la escena si es más cómodo trabajar de esa manera.

Select default lightSelect default lightSelect default light

Paso 4

En la ventana de Luz por Defecto, haga clic donde desea que la fuente de luz que provienen de la esfera y se sincronizará con el puerto de vista. Experimentar con posiciones de iluminación para llegar a una situación de iluminación que más te guste.

Esto se puede ajustar en cualquier momento.

Editing the default lightEditing the default lightEditing the default light

13. Otras Soluciones de Iluminación

Paso 1

Para configurar la iluminación básica, usted querrá ir al botón de piso situado en la barra de menú superior. Mantenga Clic Izquierdo y Cielo Físico seleccione desde el menú.

Select physical skySelect physical skySelect physical sky

Paso 2

Asegurarse de que el Cielo Físico está seleccionada en el menú de la derecha, aparece un nuevo menú en la parte inferior derecha de la pantalla. Seleccione la Hora y Lugar y elegir un tiempo usando las teclas de flecha izquierda y derecha. Esto va a cambiar la iluminación de la escena. Elegir un momento adecuado para iluminar la escena.

Editing the physical skyEditing the physical skyEditing the physical sky

Paso 3

Para agregar iluminación a la escena, seleccione el botón Agregar Luz en la barra de menú superior en la parte superior de la pantalla.

Esto creará un Objeto de Luz que usted puede moverse alrededor de la escena. Mover el objeto ligero utilizando la Herramienta de Mover a una posición adecuada.

Select add lightSelect add lightSelect add light

Paso 4

Para personalizar la iluminación además, experimentar con las opciones de objeto ligero en la parte inferior derecha de la pantalla. Aquí puede ajustar la Intensidad, Tipo de Luz y Color uniforme.

Editing the light propertiesEditing the light propertiesEditing the light properties

14. Cómo la Pantalla de Color

Paso 1

Duplicar el material manteniendo CTRL en el teclado y luego con el ratón para hacer clic y arrastrar el material al lado.

Duplicating the materialDuplicating the materialDuplicating the material

Paso 2

Haga Doble clic en el nuevo material para abrir hasta el Editor de Materiales y seleccione Luminancia. A partir de ahí podemos cambiar el color a lo siguiente:

  • R: 79
  • G: 222
  • B: 183

También podemos hacer clic en el Cel para cambiar las propiedades de sombreado de este material si es necesario.

Choosing a green colourChoosing a green colourChoosing a green colour

Paso 3

Duplicar el primer material nuevo (mantener CTRL y haga clic en y arrastrar con el ratón).

Duplicating the materialDuplicating the materialDuplicating the material

Paso 4

Haga Doble clic en el nuevo material para abrir hasta el Editor de Materiales y seleccione Luminancia. Desde allí puede cambiar el color a lo siguiente:

  • R: 111
  • G: 126
  • B: 135
Choosing the grey colourChoosing the grey colourChoosing the grey colour

Paso 5

Para crear un color plano, seleccione Cel y cambiar las propiedades de Difuminar a un color.

Editing the shading optionsEditing the shading optionsEditing the shading options

Paso 6

Para aplicar los nuevos materiales para el objeto, usa el ratón para arrastrar y soltar los materiales para el objeto que desee colorear. Arrastre y coloque el material a la lista de objetos a la derecha de la pantalla.

Arrastrar y soltar el material de la pantalla en la pantalla de Game Boy.

Applying the green material to the screenApplying the green material to the screenApplying the green material to the screen

Paso 7

Arrastrar y soltar el material gris oscuro en el borde de la pantalla de la Game Boy.

Applying the grey material to the screen borderApplying the grey material to the screen borderApplying the grey material to the screen border

15. Cómo Hacer Botones de color

Paso 1

Duplicar un nuevo material del primer material nuevo (mantener CTRL y haga clic en y arrastrar con el ratón). Haga Doble clic en el nuevo material para abrir hasta el Editor de Materiales y seleccione Luminancia. Cambiar el color a lo siguiente:

  • R: 232
  • G: 96
  • B: 32
Creating the red colour materialCreating the red colour materialCreating the red colour material

Paso 2

Duplicar un material nuevo. Haga Doble clic en el nuevo material para abrir hasta el Editor de Materiales y seleccione Luminancia. A partir de ahí podemos cambiar el color a lo siguiente:

  • R: 165
  • G: 199
  • B: 219
Creating the light grey colour materialCreating the light grey colour materialCreating the light grey colour material

Paso 3

Arrastrar y soltar el material gris claro en los bordes del botón de la Game Boy.

Applying the light grey colour materialApplying the light grey colour materialApplying the light grey colour material

Paso 4

Arrastrar y soltar el material rojo brillante en los botones principales de la Game Boy.

Applying the red colour material to the buttonsApplying the red colour material to the buttonsApplying the red colour material to the buttons

16. Cómo Colorear D-Pad y Botones Pequeños

Paso 1

Duplicar un material nuevo como hiciste antes. Haga doble clic en el nuevo material para abrir hasta el Editor de Materiales y seleccione Luminancia. A partir de ahí cambiar el color a lo siguiente:

  • R: 89
  • G: 98
  • B: 106
Creating the dark grey colour materialCreating the dark grey colour materialCreating the dark grey colour material

Paso 2

Arrastre y coloque el nuevo material en el D-Pad, comienzo y botones selectos de la Game Boy.

Applying the dark grey colour material to the buttonsApplying the dark grey colour material to the buttonsApplying the dark grey colour material to the buttons

17. Cómo Hacer el Game Boy

Paso 1

Haga clic en el botón de Ajustes de Procesamiento situado en la barra de menú superior.

Selecting the render settings buttonSelecting the render settings buttonSelecting the render settings button

Paso 2

En las opciones de Guardar, seleccionas la ubicación del archivo que desea guardar la imagen en. Asegúrese de que elegir también el formato (PNG) y la señal Canal Alfa.

Puede señal Canal Alfa, si desea seguir editando la imagen en otro programa como Adobe Photoshop.

Choosing the save settingsChoosing the save settingsChoosing the save settings

Paso 3

En los Ajustes de Salida elija la resolución, la altura y la anchura de la imagen. Este tutorial utiliza la configuración 1920x1200 72 dpi.

Choosing the output settingsChoosing the output settingsChoosing the output settings

Paso 4

En la configuración de Suavizado, seleccione Cúbico (Aún Imagen) que puede encontrarse en el filtro. Esto asegurará que su procesamiento es agradable y fuerte.

Choosing the Anti-Aliasing settingsChoosing the Anti-Aliasing settingsChoosing the Anti-Aliasing settings

Paso 5

Haga clic en el botón Procesar para procesar la imagen final. No olvide asegurarse de que ha seleccionado la vista justa en su punto de visión (frente, derecha, izquierda o perspectiva etc.) y que eres feliz con el ángulo de la cámara.

Elegir un ángulo adecuado en la vista navegando alrededor de la escena.

Click on the render buttonClick on the render buttonClick on the render button

Paso 6

También puede crear una cámara si desea un mayor control sobre la cámara y opciones.

Click on the camera buttonClick on the camera buttonClick on the camera button

El Resultado Final

Espere a que el render final terminar. Una vez finalizado el render puede repetir los pasos anteriores y cambiar la cámara o el puerto de vista para crear una nueva imagen desde un ángulo diferente.

Durante el curso del proyecto con éxito han aprendido cómo:

  • Importación de Imágenes de Referencia
  • Preparar para el Modelado
  • Modelo la Retro Game Boy
  • Crear Materiales
  • Modelo de Color
  • Procesar el Game Boy

No dude en compartir sus creaciones a continuación. También puede exportar la imagen en Adobe Photoshop para realzar más lejos o utilizar como parte de una imagen más grande.

Final Nintendo Game Boy ImageFinal Nintendo Game Boy ImageFinal Nintendo Game Boy Image

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.