Advertisement
  1. 3D & Motion Graphics

Cómo crear un reloj inteligente en cinema 4d: parte 1

Scroll to top
Read Time: 9 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 esta primera parte del tutorial te enseñaré a:

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

1. Cómo importar imágenes de referencia

Paso 1

Usa el botón central del ratón para hacer clic en cualquier lugar de la ventana gráfica. Esto muestra las cuatro vistas. Desde allí, usa el botón central del ratón para seleccionar la vista derecha.

Cinema 4D viewsCinema 4D viewsCinema 4D views

Paso 2

En la pestaña atributos, selecciona modo > configuración del visor.

View settingsView settingsView settings

Paso 3

En la ventana gráfica (derecha), selecciona el botón fondo y haz clic en el botón junto a imagen.

Choose back buttonChoose back buttonChoose back button

Paso 4

Selecciona la imagen de referencia del buscador y ábrela.

Reference image displayedReference image displayedReference image displayed

Paso 5

Una vez que la imagen se muestra en el fondo de la ventana gráfica, cambia la transparencia de la imagen. Esto a veces puede facilitar el modelado a partir de la imagen de referencia.

Cambia la posición y el tamaño de la imagen de referencia desde aquí usando desplazamiento X, desplazamiento Y, tamaño X y tamaño Y.

Adjust the transparencyAdjust the transparencyAdjust the transparency

2. Cómo modelar la cara del reloj

Paso 1

Para comenzar a modelar la cara del reloj inteligente, selecciona el objeto cubo en la barra del menú superior. Esto genera un cubo en la ventana gráfica.

Select Cube from the menuSelect Cube from the menuSelect Cube from the menu

Paso 2

Usa la imagen de referencia del reloj inteligente en la vista frontal para ayudarte a ajustar el cubo.

Usa la herramienta escala para hacer que la forma del cubo coincida con la forma del reloj inteligente en la imagen.

Asegúrate de utilizar las otras vistas (frontal, izquierda, derecha, perspectiva, etcétera) para verificar que la forma se vea correcta desde todos los ángulos.

Transform the cube to fit reference imageTransform the cube to fit reference imageTransform the cube to fit reference image

Paso 3

Con el objeto aún seleccionado, usa el ratón para hacer clic en el botón hacer editable para poder ajustar aún más el modelo.

Al hacer clic en el botón hacer editable, se deshabilitan las opciones para la primera vez que se genera el objeto.

Debido a esto, debes asegurarte de estar satisfecho con la forma actual del cubo antes de hacer clic en este botón.

Select the Make Editable buttonSelect the Make Editable buttonSelect the Make Editable button

Paso 4

Selecciona la herramienta de selección aristas.

Edge Selection Tool buttonEdge Selection Tool buttonEdge Selection Tool button

Paso 5

Usa la herramienta de selección aristas para seleccionar las cuatro esquinas del objeto. Los bordes seleccionados se resaltan en naranja.

Select the edge corners of the cubeSelect the edge corners of the cubeSelect the edge corners of the cube

Paso 6

Una vez que los bordes han sido seleccionados, usa el ratón para hacer clic derecho en los bordes. En el menú que aparece, busca biselar y selecciónala.

Select the Bevel ToolSelect the Bevel ToolSelect the Bevel Tool

Paso 7

En la ventana de ajustes (generalmente ubicada en la parte inferior derecha de la pantalla), prueba con los siguientes valores:

  • Modo bisel: chaflán
  • Modo desfase: distancia fija
  • Desfase: 50cm
  • Subdivisión: 10
  • Profundidad: 100%

Siéntete libre de ajustar los controles deslizantes y los valores hasta que estés satisfecho con la apariencia del objeto.

Curve the corners of the cubeCurve the corners of the cubeCurve the corners of the cube

Paso 8

En las imágenes que te muestro a continuación, puedes ver cómo se afectan los bordes una vez que se han cambiado los valores.

Usa la imagen de referencia del reloj inteligente en la vista frontal para ayudar mientras ajustas las esquinas.

Use reference imageUse reference imageUse reference image

Paso 9

Haz clic en la pequeña flecha negra en la esquina inferior derecha de la herramienta doblar en la barra de menú superior. Selecciona bisel de la lista. Esto crea una herramienta de bisel en la lista de objetos a la derecha de la pantalla.

Choose Bevel button from top menuChoose Bevel button from top menuChoose Bevel button from top menu

Paso 10

Selecciona la herramienta bisel y arrástrala al objeto cubo. Esto aplicará las funciones de bisel al cubo.

Bevel in listed viewBevel in listed viewBevel in listed view

Paso 11

Para asegurarte de que la herramienta bisel esté seleccionada en la lista de objetos, usa la ventana de ajustes para cambiar la forma en que funciona el bisel.

Para este tutorial, se utilizaron los siguientes ajustes:

  • Usar ángulo: seleccionado
  • Umbral ángulo: 68 grados
  • Modo bisel: chaflán
  • Modo desfase: radial
  • Desfase: 20 cm
  • Subdivisión: 6

Siéntete libre de ajustar los controles deslizantes y los valores hasta que estés satisfecho con la apariencia del objeto.

Adjust the Bevel object settingsAdjust the Bevel object settingsAdjust the Bevel object settings

Paso 12

En las imágenes que te muestro a continuación, puedes ver cómo se cambia el cubo una vez que se han cambiado los valores. Esto hace que el objeto parezca más suave, lo que coincide correctamente con la apariencia del reloj inteligente que se está modelando.

Curved edgesCurved edgesCurved edges

Paso 13

Para un enfoque más estilizado y gráfico, reduce las subdivisiones de bisel a un valor de 1.

Simplified edgesSimplified edgesSimplified edges

Paso 14

Esto le da al reloj inteligente un bisel más nítido para una apariencia más estilizada. Sin embargo, si buscas un aspecto más realista con un bisel más suave, aumenta el número de subdivisiones de bisel.

Low Poly watch faceLow Poly watch faceLow Poly watch face

3. Cómo crear la pantalla del reloj inteligente

Paso 1

Para comenzar a modelar la pantalla del reloj inteligente, duplica el objeto actual de la vista de lista. Para ello, mantén presionada la tecla ctrl en el teclado para hacer clic y arrastrar un objeto duplicado.

Duplicate the watch faceDuplicate the watch faceDuplicate the watch face

Paso 2

Elimina el modificador de bisel del objeto duplicado.

Remove Bevel Remove Bevel Remove Bevel

Paso 3

Usa la herramienta escalar para ajustar el grosor del nuevo objeto.

Asegúrate de utilizar las otras vistas (frontal, izquierda, derecha, perspectiva, etcétera) para verificar que la forma se vea correcta desde todos los ángulos.

Scale watch faceScale watch faceScale watch face

Paso 4

Una vez que la forma y el tamaño del cubo se hayan ajustado correctamente, usa la herramienta mover para mover la pantalla a su posición.

Move object into positionMove object into positionMove object into position

4. Cómo crear los botones del reloj inteligente

Paso 1

Haz clic en la pequeña flecha hacia atrás en el botón cubo y selecciona cilindro de la lista de opciones. Esto generará un cilindro en la escena.

Select Cylinder from top menuSelect Cylinder from top menuSelect Cylinder from top menu

Paso 2

Ajusta las propiedades del cilindro para que esté orientado de la manera correcta, para que tenga el tamaño correcto y también el grosor deseado para el botón.

Usa la herramienta mover para mover el botón al lugar correcto utilizando la imagen de fondo como referencia.

La configuración del cilindro es la siguiente:

  • Radio: 25cm
  • Altura: 25cm
  • Segmentos de altura: 1
  • Segmentos de rotación: 36
  • Orientación: -X
Place buttonPlace buttonPlace button

Paso 3

Asegúrate de que el cilindro esté seleccionado y haz clic en el botón hacer editable.

Choose Make Editable ButtonChoose Make Editable ButtonChoose Make Editable Button

Paso 4

Duplica el cilindro. Esto actúa como el segundo botón.

Duplicate buttonDuplicate buttonDuplicate button

Paso 5

Ahora que el objeto es editable, edita los puntos. Asegúrate de que el segundo objeto del cilindro esté seleccionado y haz clic en el botón puntos.

Haz clic en la herramienta de selección de rectángulo para seleccionar los puntos para editar. Selecciona los puntos para luego moverlos con la herramienta mover.

Select Points ToolSelect Points ToolSelect Points Tool

Paso 6

Usa la herramienta de selección de rectángulo para seleccionar la mitad del cilindro. Luego usa la herramienta mover para mover los puntos hacia abajo.

Adjust pointsAdjust pointsAdjust points

Paso 7

Para mover los dos botones a su posición, cuando muevas un objeto completo, selecciona y usa el botón modelar. Si esto no está seleccionado, es posible que en su lugar muevas los puntos, bordes o caras.

Select Model buttonSelect Model buttonSelect Model button

Paso 8

Usa la herramienta mover para mover los dos botones a su posición.

Move new button into positionMove new button into positionMove new button into position

Paso 9

Asegúrate de utilizar las otras vistas de la cámara para asegurarte de que la ubicación del botón sea correcta y se mueva al área indicada.

Check all viewsCheck all viewsCheck all views

5. Cómo crear la correa del reloj

Paso 1

Para comenzar a modelar la correa para la muñeca del reloj inteligente, selecciona el objeto cubo en la barra de menú superior.

Esto genera un cubo en la ventana gráfica.

Choose Cube object from menuChoose Cube object from menuChoose Cube object from menu

Paso 2

Ajusta las propiedades del cubo para que se parezca a la correa de la muñeca. Esto generalmente se representa como una forma rectangular muy larga.

La configuración de la correa es la siguiente:

  • Tamaño X: 230 cm
  • Tamaño Y: 1000 cm
  • Tamaño Z: 45 cm
Adjust cube to make strap shapeAdjust cube to make strap shapeAdjust cube to make strap shape

Paso 3

Para que la forma se doble correctamente, se deben agregar segmentos de ancho al objeto. Para una curva más suave, se deben agregar más segmentos (Y).

Add segments to watch strapAdd segments to watch strapAdd segments to watch strap

6. Cómo usar el deformador de curvatura

Paso 1

Para crear un doblado adecuado para la correa de la muñeca, necesitarás usar el deformador de doblar. Selecciona el botón doblar de la barra de menú superior.

Esto genera un objeto deformador de doblar en la lista de vista.

Select Bender deformer from menuSelect Bender deformer from menuSelect Bender deformer from menu

Paso 2

En la lista de vista, mueve el deformador de curva en el objeto de la correa del reloj. Esto significa que el deformador afectará e influirá únicamente en el objeto de la correa del reloj.

Move bend deformer in list menuMove bend deformer in list menuMove bend deformer in list menu

Paso 3

Con el deformador de curva seleccionado, asegúrate de que ajustar a padre se haya marcado. Esto asegura que el deformador afecte toda la correa del reloj.

Click fit to ParentClick fit to ParentClick fit to Parent

Paso 4

Con el deformador de curva aún seleccionado, ve al cuadro de parámetros y prueba diferentes ajustes con la fuerza.

En este tutorial yo utilicé los siguientes ajustes:

  • Fuerza: 180
  • Angulo: 90
Adjust Bend Derformer parametersAdjust Bend Derformer parametersAdjust Bend Derformer parameters

Paso 5

En la vista de lista, vuelve a seleccionar el objeto de la correa del reloj y usa las herramientas rotar y mover para moverlo a la posición correcta sobre el reloj inteligente.

Move and rotate strap into placeMove and rotate strap into placeMove and rotate strap into place

7. Cómo completar la correa del reloj

Paso 1

Para editar la correa del reloj, haz clic en el botón hacer editable en la esquina superior izquierda de la pantalla.

Select Make Editable buttonSelect Make Editable buttonSelect Make Editable button

Paso 2

Elige la herramienta polígono y usa la herramienta mover para extender la punta de la correa del reloj.

También notarás que al entrar en un modo de edición como este, se desactiva temporalmente el deformador de curvatura.

Use Polygon ToolUse Polygon ToolUse Polygon Tool

Paso 3

Una vez que regreses al modo de modelado haciendo clic en el botón modelar, la correa aparece normalmente con la geometría extendida.

Return to Model ModeReturn to Model ModeReturn to Model Mode

Paso 4

Elige la herramienta aristas del menú de la izquierda.

Choose Edge ToolChoose Edge ToolChoose Edge Tool

Paso 5

Usa la herramienta aristas y la herramienta de selección para seleccionar los bordes de la correa extendida.

Select watch strap edgesSelect watch strap edgesSelect watch strap edges

Paso 6

Con los bordes aún seleccionados, usa la herramienta bisel para curvar los bordes.

Select the Bevel ToolSelect the Bevel ToolSelect the Bevel Tool

Paso 7

En la ventana de edición, cambia la configuración como te muestro a continuación:

  • Modo bisel: chaflán
  • Modo de desplazamiento: Distancia fija
  • Desplazamiento: 72 cm
  • Subdivisión: 30
  • Profundidad: 100%
Bevel the corners of the watch strapBevel the corners of the watch strapBevel the corners of the watch strap

Paso 8

Regresa al modo de modelado para ver cómo se ve la correa del reloj y para finalizar cualquier ajuste adicional que desees hacer.

Una vez que estés satisfecho con su aspecto, duplica la correa del reloj. Para ello, mantén presionada la tecla ctrl en el teclado para hacer clic y arrastrar un objeto duplicado.

Gira la correa duplicada 180 grados y colócala en la parte inferior del reloj.

Duplicate watch strapDuplicate watch strapDuplicate watch strap

Próximamente...

Final smart watch 3D modelFinal smart watch 3D modelFinal smart watch 3D model

En la 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


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.