Advertisement
  1. 3D & Motion Graphics

Cómo crear un reloj inteligente en Cinema 4D: 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

Sigue este tutorial paso a paso para crear un modelo de reloj inteligente 3d que puedas usar en videojuegos, diseño gráfico y proyectos de ilustración mientras aprendes Cinema 4D rápidamente.

Algunas de las habilidades que aprenderás en este tutorial incluyen crear modelado 3d básico, importar imágenes de referencia, agregar iluminación a la escena y técnicas básicas de renderizado.

En la primera parte del tutorial te enseñé a:

  • Cómo importar imágenes de referencia
  • Cómo prepararte para el modelado
  • Cómo modelar el reloj inteligente

En esta segunda parte del tutorial te enseñaré a:

  • Cómo crear materiales de colores
  • Cómo agregar iluminación a la escena
  • Cómo renderizar el reloj inteligente

8. Cómo crear un nuevo material

Paso 1

Ubicado cerca de la parte inferior de la pantalla, debe haber una ventana de selección de material. Haz clic en crear > nuevo material para crear un nuevo material para usarlo y que puedas editar.

Los materiales se usan para colorear los diversos objetos y partes del reloj inteligente.

Create a new materialCreate a new materialCreate a new material

Paso 2

Haz doble clic en el nuevo icono de material (que se muestra como una esfera). Esto abre el editor de materiales, donde puedes ajustar las diversas propiedades del material, como el color, la transparencia y la reflectancia.

Para este estilo en particular, solo te interesará el color plano (luminosidad).

Choose LuminanceChoose LuminanceChoose Luminance

Paso 3

Marca el botón para luminosidad y desactiva las casillas de color y reflectancia. Esto nos dará el aspecto sombreado de nuestra imagen final del reloj inteligente.

Unticl Color and ReflectanceUnticl Color and ReflectanceUnticl Color and Reflectance

Paso 4

Colorea el reloj inteligente, comenzando con el cuerpo, agregando el material al objeto. Simplemente arrastra y suelta el material sobre el objeto listado a la derecha de la pantalla.

Este proceso se repite para las otras partes del reloj inteligente. El color base del reloj es el siguiente:

  • R: 201
  • G: 197
  • B: 198
Adjust the colorAdjust the colorAdjust the color

Paso 5

Aplica este color de material a los botones del reloj inteligente también

Add the material to the buttonsAdd the material to the buttonsAdd the material to the buttons

9. Cómo ajustar las propiedades del material

Paso 1

En el editor de materiales, haz clic en el botón de flecha junto a textura y selecciona sketch and toon > shader de celdas en el menú.

Choose Sketch and ToonChoose Sketch and ToonChoose Sketch and Toon

Paso 2

Haz clic en el nuevo botón shader de celdas que aparece junto a textura para abrir un nuevo menú.

Click on the Cel buttonClick on the Cel buttonClick on the Cel button

Paso 3

En el nuevo menú, ajusta la configuración de la siguiente manera:

  1. Cambia el difuso para que coincida con la imagen de abajo. Debe ser escala de grises con el color que se ilumina de izquierda a derecha.
  2. Deselecciona cámara.
  3. Selecciona luces
  4. Selecciona sombras
  5. Selecciona multiplicar en el menú desplegable.
Select MultiplySelect MultiplySelect Multiply

Paso 4

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

El editor de materiales te ofrece muchas opciones diferentes para elegir el color. Estos incluyen rgb, hsv, etcétera. Elige la opción con la que estés más familiarizado como color plano. Debido al modo de sombreado multiplicar, los diferentes tonos de color también aparecen en el material.

Si el material ya se ha aplicado al modelo, el color del modelo se ajusta automáticamente al nuevo color del material. Esto es útil si cambias de opinión sobre un determinado color o una determinada parte del modelo del reloj inteligente.

Use the Color PickerUse the Color PickerUse the Color Picker

Paso 5

Como ya has aplicado el material al modelo, el color del reloj inteligente se ajusta automáticamente al nuevo color del material.

Adjusted material shown on watchAdjusted material shown on watchAdjusted material shown on watch

10. Cómo ajustar el sombreado

Paso 1

Para tener una mejor idea del sombreado y de cómo se verá el renderizado a medida que trabajes en él, haz clic y mantén presionado el botón renderizar en el visor de imagenes y selecciona región de render interactivo en el menú.

Choose Interactive Render RegionChoose Interactive Render RegionChoose Interactive Render Region

Paso 2

Usa el ratón para ajustar la ventana al modelo del reloj inteligente. Busca la flecha pequeña en el lado derecho de la ventana y usa el ratón para arrastrarla a la esquina superior derecha del cuadro (esto aumenta la resolución).

Reduce la resolución moviendo la flecha hacia abajo si observas que el rendimiento está disminuyendo.

Increase the ResolutionIncrease the ResolutionIncrease the Resolution

Paso 3

Para cambiar la forma en que se enfrenta la fuente de luz, ve a opciones > luz predeterminada.

Agrega un objeto ligero a la escena si te sientes más cómodo trabajando de esa manera.

Change light source directionChange light source directionChange light source direction

Paso 4

Cambia la fuente de luz en la ventana luz. Haz clic en el lugar donde deseas que provenga la fuente de luz en la esfera y se sincronizará con el puerto de visualización. Experimenta con diferentes posiciones de iluminación para llegar a una situación de iluminación que sea de tu agrado.

Esto se ajusta en cualquier momento para que puedas cambiar la iluminación otra vez en caso de que cambies de opinión.

Click on the Default LightClick on the Default LightClick on the Default Light

11. Otras soluciones de iluminación

Paso 1

Para configurar la iluminación básica, ve al botón suelo ubicado en la barra de menú superior. Haz clic con el botón izquierdo del ratón y luego selecciona cielo físico del menú.

Choose Physical SkyChoose Physical SkyChoose Physical Sky

Paso 2

Asegúrate de que cielo físico esté seleccionado en el menú de la derecha; aparecerá un nuevo menú en la parte inferior derecha de la pantalla. Selecciona la pestaña hora y ubicación y elige una hora con las teclas de flecha izquierda y derecha.

Esto cambia la iluminación de la escena (según la hora del día). Escoge un momento adecuado para iluminar la escena. Verás cómo la iluminación afecta a la escena en la ventana gráfica.

Choose Time and LocationChoose Time and LocationChoose Time and Location

Paso 3

Para agregar una luz a la escena, selecciona 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 podrás mover alrededor de la escena. Mueve el objeto ligero con la herramienta mover a una posición adecuada.

Select Light ObjectSelect Light ObjectSelect Light Object

Paso 4

Para personalizar aún más la iluminación, experimenta con las opciones de objetos de luz en la parte inferior derecha de la pantalla. Aquí puedes ajustar la intensidad, el tipo de luz e incluso el color.

Adjust the Light ObjectAdjust the Light ObjectAdjust the Light Object

12. Cómo colorear la pantalla del reloj inteligente

Paso 1

Para crear un nuevo material, podemos duplicar el material manteniendo presionada la tecla ctrl en el teclado y luego usando el ratón para hacer clic y arrastrar el material hacia un lado.

Duplicate the MaterialDuplicate the MaterialDuplicate the Material

Paso 2

Haz doble clic en el nuevo material para abrir el editor de materiales y selecciona luminosidad. A partir de ahí, cambia el color como te muestro a continuación:

  • R: 56
  • G: 47
  • B: 66
Change the color of the LuminanceChange the color of the LuminanceChange the color of the Luminance

Paso 3

Aplica el nuevo material a la pantalla haciendo clic y arrastrándolo directamente sobre el objeto.

Color the Smartwatch screenColor the Smartwatch screenColor the Smartwatch screen

13. Cómo colorear la correa de muñeca del reloj inteligente

Paso 1

Crea un nuevo material. Duplica un material anterior para mantener la configuración de antes.

Haz doble clic en el nuevo material para abrir el editor de materiales y selecciona luminosidad. A partir de ahí, cambia el color como te muestro a continuación:

  • R: 70 
  • G: 69
  • B: 65
Choose a new color for the wrist strapChoose a new color for the wrist strapChoose a new color for the wrist strap

Paso 2

Aplica el nuevo material a las dos correas haciendo clic en el material y arrastrándolo a los objetos a través de la ventana gráfica o la ventana de la lista de objetos.

Add material to the wrist strapAdd material to the wrist strapAdd material to the wrist strap

14. Cómo renderizar el reloj inteligente

Paso 1

En la barra de menú superior, haz clic en el botón editar configuraciones de render. Esto abre la ventana de configuración de render.

Click on Render SettingsClick on Render SettingsClick on Render Settings

Paso 2

En el menú resultante de render, cambia las opciones a tus necesidades. Primero deberás marcar la configuración de guardado para seleccionar una ubicación de archivo, formato de archivo y canal alfa.

Selecciona canal alfa si deseas mantener el fondo transparente. Esto es útil si deseas agregar un fondo a la imagen en Adobe Photoshop.

Enter Save SettingsEnter Save SettingsEnter Save Settings

Paso 3

En la configuración de salida, elige la resolución, altura y ancho de la imagen.

Enter Output SettingsEnter Output SettingsEnter Output Settings

Paso 4

Para asegurarte de que el renderizado del reloj inteligente sea agradable y nítido, ve a la configuración de antialiasing. Selecciona imagen fija que se puede encontrar en filtro.

Choose Cubic Still ImageChoose Cubic Still ImageChoose Cubic Still Image

Paso 5

Para crear la imagen final del reloj inteligente, haz clic en el botón renderizar en el visor de imágenes. Recuerda asegurarte de haber seleccionado la vista correcta en tu ventana gráfica (frontal, derecha, izquierda o perspectiva, etcétera) y que estés satisfecho con el ángulo de la cámara.

Elige un ángulo adecuado en la ventana gráfica navegando por la escena.

Click on the Render buttonClick on the Render buttonClick on the Render button

Paso 6

Para tener más control sobre cómo se ve el render final, crea un objeto de cámara para ayudarte. Encuentra primero una vista adecuada utilizando la ventana gráfica y luego haz clic en el botón de la cámara.

Esto crea una cámara usando la vista actual en la ventana gráfica. Consulta la configuración de la cámara para ver cómo afectará al render final.

Click on the Camera buttonClick on the Camera buttonClick on the Camera button

El resultado final

Espera a que termine el render final. Una vez que se complete el renderizado, repite los pasos anteriores y cambia la cámara o la ventana gráfica para crear una nueva imagen desde un ángulo diferente.

A lo largo del curso del proyecto, has aprendido a:

  • Importar imágenes de referencia
  • Prepararte para el modelado
  • Modelar un reloj inteligente
  • Crear materiales de colores
  • Agregar iluminación a la escena
  • Renderizar el reloj inteligente

Siéntete libre de compartir tus propias creaciones en los comentarios. También puedes exportar tu imagen a Adobe Photoshop para mejorarla o usarla como parte de una imagen más grande.

Final Smartwatch renderFinal Smartwatch renderFinal Smartwatch render
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.