Advertisement
  1. 3D & Motion Graphics

Cómo crear un iPhone en Cinema 4D: Parte 1

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 iPhone en 3D que puedes 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 modelos 3D básicos, importar imágenes de referencia, agregar iluminación a la escena y técnicas básicas de renderización.

En esta, la primera parte del tutorial de dos partes, te mostraré cómo:

  • Cómo importar imágenes de referencia
  • Cómo prepararse para modelar
  • Cómo modelar el iPhone

1. Cómo importar imágenes de referencia

Paso 1

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

Cinema 4D viewportsCinema 4D viewportsCinema 4D viewports

Paso 2

En la pestaña Atributos, selecciona Modo > Ver configuración.

Select view settingsSelect view settingsSelect view settings

Paso 3

En la ventana gráfica [Derecha], selecciona el botón Atrás y haz clic en el botón junto a Imagen.

Select the back tabSelect the back tabSelect the back tab

Paso 4

Selecciona la imagen de referencia desde el buscador y ábrela.

Reference image displayed in the viewportReference image displayed in the viewportReference image displayed in the viewport

Paso 5

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

También puedes cambiar la posición y el tamaño de tu imagen de referencia desde aquí utilizando Offset X, Offset Y, Size X y Size Y.

Adjust transparency of the imageAdjust transparency of the imageAdjust transparency of the image

2. Cómo modelar el cuerpo del iPhone

Paso 1

Para comenzar a modelar el cuerpo del iPhone, selecciona el objeto cubo desde la barra de menú superior. Esto generará un cubo en la ventana gráfica.

Select cube object from the menuSelect cube object from the menuSelect cube object from the menu

Paso 2

Puedes usar la imagen de referencia del iPhone en la Vista Frontal para ayudarte a ajustar el cubo. Utiliza la Herramienta Escala para hacer que la forma del cubo coincida con la forma del iPhone en la imagen.

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

Resize the cube object using the Scale ToolResize the cube object using the Scale ToolResize the cube object using the Scale Tool

Paso 3

Con el objeto aún seleccionado, usa el mouse para hacer clic en el botón Hacer editable. Esto te permite ajustar el modelo aún más, pero deshabilita las opciones para cuando generas el objeto por primera vez.

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

Paso 4

Selecciona la herramienta de selección de bordes.

Select the Edge Selection ToolSelect the Edge Selection ToolSelect the Edge Selection Tool

Paso 5

Usa la Herramienta de selección de bordes para seleccionar las cuatro esquinas del objeto. Los bordes seleccionados serán resaltados en naranja.

Select the corners of the objectSelect the corners of the objectSelect the corners of the object

Paso 6

Una vez que los bordes hayan sido seleccionados, usa el mouse para hacer clic derecho sobre ellos. En el menú que aparece, busca Bisel y selecciónalo.

Select the Bevel ToolSelect the Bevel ToolSelect the Bevel Tool

Paso 7

En la ventana de ajuste (normalmente ubicada en la parte inferior derecha de la pantalla), experimenta con lo siguiente:

  • Modo de bisel: Chaflán
  • Modo Offset: Distancia fija
  • Offset: 31cm
  • 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.

Adjust the bevel settingsAdjust the bevel settingsAdjust the bevel settings

Paso 8

En las siguientes imágenes puedes ver cómo se ven afectados los bordes una vez que se han cambiado los valores.

Demonstration of the bevel toolDemonstration of the bevel toolDemonstration of the bevel tool

Paso 9

Haz clic en la pequeña flecha negra en la esquina inferior derecha de la Herramienta curva en la barra de menú superior. A continuación, selecciona Bisel en la lista. Esto creará una herramienta de bisel en la lista de objetos a la derecha de la pantalla.

Select the Bevel tool from the menuSelect the Bevel tool from the menuSelect the Bevel tool from the menu

Paso 10

Selecciona la herramienta de Bisel y arrástrala al objeto Cubo. Esto aplicará las características de bisel al cubo.

Rearrange the objectsRearrange the objectsRearrange the objects

Paso 11

Asegurándote de que la herramienta de 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 utilizará lo siguiente:

  • Usar Angulo: Seleccionar
  • Ángulo Umbral: 68 grados
  • Modo de Bisel: Chaflán
  • Modo Offset: Radial
  • Offset: 8cm
  • Subdivisión: 6

No dudes en ajustar los deslizadores y los valores hasta que estés satisfecho con el aspecto del objeto.

Adjust the bevel tool slidersAdjust the bevel tool slidersAdjust the bevel tool sliders

Paso 12

En las siguientes imágenes puedes ver cómo se ve afectado 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 de un iPhone 8.

Smoothing the edges of the iPhoneSmoothing the edges of the iPhoneSmoothing the edges of the iPhone

Paso 13

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

Reduce the bevel subdivisionsReduce the bevel subdivisionsReduce the bevel subdivisions

Paso 14

Esto le dará al iPhone un biselado más agudo para una apariencia más estilizada.

3D body of the iPhone3D body of the iPhone3D body of the iPhone

3. Cómo crear la pantalla del iPhone

Paso 1

Para comenzar a modelar la pantalla del iPhone, selecciona el objeto Cubo en la barra de menú superior. Esto generará un cubo en la ventana gráfica.

Select cube object from the menuSelect cube object from the menuSelect cube object from the menu

Paso 2

Usa la imagen de referencia del iPhone 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 de la pantalla del iPhone en la imagen.

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

Resize the cube object using the Scale ToolResize the cube object using the Scale ToolResize the cube object using the Scale Tool

Paso 3

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.

Place the screen object inside the iPhone bodyPlace the screen object inside the iPhone bodyPlace the screen object inside the iPhone body

4. Cómo crear el botón de inicio del iPhone

Paso 1

Para comenzar a modelar el botón de inicio del iPhone, selecciona el objeto Cono en la barra de menú superior. Esto generará un cono en la ventana gráfica.

Select the cone object from the menuSelect the cone object from the menuSelect the cone object from the menu

Paso 2

Usa la Herramienta Rotar para girar el cono 90 grados. Asegúrate de que el extremo puntiagudo apunte hacia el iPhone.

También puedes reducir la altura del cono y aumentar el radio de la punta. Esto ayuda a facilitar un poco el posicionamiento del botón.

Rotate the cone using the rotate toolRotate the cone using the rotate toolRotate the cone using the rotate tool

Paso 3

Usa la imagen de referencia y la Herramienta Escala para ajustar el cono de modo que se ajuste aproximadamente al tamaño del botón de inicio del iPhone.

Resize the coneResize the coneResize the cone

Paso 4

Cambia a la Vista en Perspectiva y usa la Herramienta Mover para colocar el cono en la posición en la que estará el botón de inicio del iPhone.

Place the cone on the modelPlace the cone on the modelPlace the cone on the model

5. Cómo utilizar Boole

Paso 1

Haz clic en la pequeña flecha negra en la esquina inferior derecha de la Herramienta Matriz en la barra de menú superior. A continuación, selecciona Boole en la lista. Esto creará una herramienta Boole en la lista de objetos a la derecha de la pantalla.

Select the boole tool from the menuSelect the boole tool from the menuSelect the boole tool from the menu

Paso 2

Selecciona los objetos cono y cuerpo de la lista y colócalos dentro de la Herramienta Boole. Asegúrate de que el cono esté colocado debajo del cuerpo del iPhone.

Rearrange the objects menuRearrange the objects menuRearrange the objects menu

Paso 3

Esto creará un corte en la forma del  cono. Luego puedes ajustar la posición del objeto utilizando la Herramienta Mover hasta que estés satisfecho con la apariencia del botón Inicio.

Create the iPhone home buttonCreate the iPhone home buttonCreate the iPhone home button

Paso 4

Asegúrate de que está seleccionado el cono y selecciona Phong en la ventana de ajustes. Cambia el Ángulo de Phong a 45 grados. Esto ajustará los grupos de suavizado del botón de inicio para que aparezcan correctamente.

Adjust phong angelAdjust phong angelAdjust phong angel

6. Cómo utilizar Boole para crear los detalles del iPhone

Paso 1

Usa las herramientas de creación de objetos de forma (cilindro, cono, cubo, tubo, etc.) para crear los detalles adicionales para el iPhone. Esto incluirá cosas como la lente de la cámara y el receptor del teléfono.

Create the iPhone detailsCreate the iPhone detailsCreate the iPhone details

Paso 2

Selecciona todos los objetos nuevos (presionando Shif) y pulsa Alt-G en el teclado. Esto agrupara los objetos en un grupo nulo. Asegúrate de que el grupo nulo se coloca dentro del Boole y debajo del cuerpo.

Rearrange the objects menuRearrange the objects menuRearrange the objects menu

Paso 3

Esto creará un corte en la forma de los objetos que creaste inicialmente. Luego puedes ajustar la posición de los objetos con la Herramienta Mover hasta que estés satisfecho con la apariencia.

Use boole to create the detailsUse boole to create the detailsUse boole to create the details

7. Cómo crear los botones del iPhone

Paso 1

Usa las herramientas de creación de objetos de forma (cilindro, cono, cubo, tubo, etc.) para crear los botones adicionales para el iPhone. Esto incluirá cosas como el volumen y los botones de encendido.

Place the iPhone buttonsPlace the iPhone buttonsPlace the iPhone buttons

Paso 2

Utiliza la Herramienta Mover y la Herramienta Rotación para colocar los botones en la posición correcta en el iPhone.

Duplicate and place the iPhone buttonsDuplicate and place the iPhone buttonsDuplicate and place the iPhone buttons

Paso 3

Puedes usar las diferentes vistas (izquierda, derecha, frontal, perspectiva) para ayudarte a colocar los botones en el lugar correcto.

No olvides que la imagen de referencia puede utilizarse para guiarte en esta etapa también.

Use the move tool to place the buttons on the iPhoneUse the move tool to place the buttons on the iPhoneUse the move tool to place the buttons on the iPhone

8. Cómo crear la cámara del iPhone

Paso 1

Utiliza las herramientas de creación de formas para crear las formas para la cámara del iPhone. Las formas de los cilindros se utilizarán para crear los orificios a través de la Herramienta Boolean. Recuerda usar la imagen de referencia para ayudarte a medir el tamaño y la ubicación.

Create objects for the iPhone cameraCreate objects for the iPhone cameraCreate objects for the iPhone camera

Paso 2

Asegúrate de que la ventana gráfica esté mirando hacia la parte posterior del iPhone. Puedes usar la Herramienta Rotar para rotar las formas de la cámara 180 grados si es necesario. Utiliza la Herramienta Mover para colocar las formas correctamente en el cuerpo del iPhone.

Las formas deben colocarse dentro del cuerpo del iPhone en orden para que Boolean trabaje correctamente (para los agujeros de la cámara).

Use the rotate and move tool to place the objects on the iPhoneUse the rotate and move tool to place the objects on the iPhoneUse the rotate and move tool to place the objects on the iPhone

Paso 3

Selecciona los dos orificios de la cámara (mostrados como las formas de cono llamadas 01.1 y 02.1 en la imagen). En la lista de objetos, muévelos para que estén dentro del grupo Boole (creado para los cortes anteriores en las secciones 5 y 6).

Todos los objetos recortados deben colocarse debajo del cuerpo del iPhone para que funcione.

Rearrange the objects menuRearrange the objects menuRearrange the objects menu

Paso 4

Una vez que las formas se han colocado dentro del grupo Boole, los agujeros deben aparecer correctamente dentro del cuerpo del iPhone.

Use boole to create the holes on the iPhoneUse boole to create the holes on the iPhoneUse boole to create the holes on the iPhone

Paso 5

Utiliza las mismas técnicas que las anteriores para crear los otros agujeros en el iPhone.

Crea dos conos más y colócalos sobre la forma redondeada de la cámara.

Place the camera objectsPlace the camera objectsPlace the camera objects

Paso 6

Necesitarás crear un nuevo grupo boole para que aparezcan los nuevos agujeros porque estamos usando un nuevo objeto para cortar agujeros (en lugar del cuerpo del iPhone).

Select boole from the menuSelect boole from the menuSelect boole from the menu

Paso 7

Crea un nuevo grupo boole colocando los objetos dentro de boole (los conos deben colocarse debajo de la forma de la que deseas cortar los agujeros).

Use boole to cut holes in the cameraUse boole to cut holes in the cameraUse boole to cut holes in the camera

Vendrá después...

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

  • Cómo crear materiales de color
  • Cómo agregar iluminación a la escena
  • Cómo renderizar el iPhone
The final iPhone 3D modelThe final iPhone 3D modelThe final iPhone 3D model

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.