I am new to blender and trying to create an iPhone like model. This is what I have done so far:

Sorry about the black background I don't know why it exists :/

I have successfully added:

  1. The white body (mesh cube) of the iPhone.
  2. The blue screen as a mesh plane.
  3. The volume button (mesh cube) on the right.

I want to create a circular button on the iPhone body near the bottom. As you can see in this image:

enter image description here

the button is slightly depressed towards the bottom. I want to achieve similar effects.

So, I first inserted a Bezier curve and then converted it to mesh object using Alt+C. I have tried using Extrude (both individual and region) but they didn't work. This is my wireframe (without extrude):

enter image description here

My question:

Please explain how to depress the circle towards the bottom in the z-index?

Solution: Better way, Easier way

  1. Start with a plane and add loops around the general square area that will contain the button.
  2. Add additional loops to subdivide the square. These loops will provide additional vertices for our circular button.
  3. Use Inset Polygon to create a smaller square area. Use LoopTools Circle to turn the insetted quads into a perfect circle.
  4. Move the central vertex of the circle down in the Z-axis. This will create the depression.
  5. Add definition by creating further edge loops around the circle.
  6. Add a Subdivision Surface modifier and your done.

enter image description here

The resulting topology is all quads and neatly subdivides. enter image description here

  • $\begingroup$ Hi, your solution is a bit complicated, but it seems a better way to do this thing. I will accept your answer - but also add my answer which I felt is a little easy. Thank you! $\endgroup$ – Gaurang Tandon Jun 1 '16 at 4:14

Create a UV-sphere, and remove all vertices you don't need. If you want you can lessen the depression by scaling it in the z-axis. Then rotate so that it aligns with your model.

  • 1
    $\begingroup$ Thank you! The only problem with this solution was that the UV bowl was casting its shadow on the iPhone body. I have added my answer to take it further and remove the shadow problem. $\endgroup$ – Gaurang Tandon Jun 1 '16 at 4:15

Ok, so I finally understood how to do this project:

  1. Create a UV sphere. Remove its top vertices in edit mode.
  2. Change its depression by scaling in the z-axis.
  3. Position it over the iPhone body, on the place where you want the depression to be.
  4. Use the Knife Project tool to create a hole in in the iPhone body.
  5. Translate in the z-axis to make button completely fit in the hole.

The result is a neat button with shadows also!

enter image description here


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.