Hello and welcome to Increality’s third installment of modeling electronics. This Making of a Sony PlayStation tutorial is intended as a walk-through or guide to modeling and texturing a PSP. This tutorial is however not a step-by-step, number for number tutorial. If you’re looking for a step-by-step tutorial for intermediate to advanced modeling using 3D Max, I encourage you to check out my Basic iPhone tutorial or my Advanced iPhone tutorial to bring yourself up to speed with how I will be modeling in this tutorial. Then challenge yourself by coming back to this tutorial. If your fairly familiar with modeling using editable poly, then without any further adieu, lets begin.

First, I set up my scene using one thin reference box with images on the front and back. You can find the reference images by doing a google search. There’s plenty out there.
I then began creating my model by using the line tool. I created an arc first to follow the curve of the side of the PSP, then mirrored it. After that I attached the two arcs together to make one object, created a couple of lines to connect them together and made sure to weld any pair of vertices that needed to be connected. I believe I ended up with 8 vertices after doing this.I tried several other ways for beginning this model, but I really like this one because it gets your basic shape going right off the bat.

Next I added a simple extrude. I didn’t have a side reference view, so I modeled the thickness by eye. I converted to an editable poly by collapsing all. I’ve found it easier to use editable poly rather than editable mesh for more detailed models such as this. Next I did some connecting of vertices and cutting of polygons to get it to where it is here. I knew I was going to need more segmentation for the detail later on.
I proceeded to extrude so that I had 3 main chunks on the side. The middle area for the triggers/etc., and the section for the front and the back. I deleted the necessary polygons around the indented trigger areas, then rebuilt them to make the indentations. Then I adjusted the appropriate vertices to bring the angles out remembering to use “alt” + “x” to toggle between see-through mode.

Next I started modelling the back handle areas. I pulled out some vertices on both of these sides together as one and tried to get a good end result after mesh smooth was applied. I wanted some added detail on the back. I did this be chamfering lines or inseting, and extruding by negative. Standard view – And after mesh smooth applied

I started adding some details. First I chamfered the edges of the model to make it look more clean. Second for the looped area down on the bottom left. This was a little difficult because that area is hard to work with. I found the best way to do this was to delete the polygons by using the reference image in the back as my guide. Then, using the left view port, duplicate vertices and drag them over to the center so that I could rebuild polygons in that area while in Polygon sub-object mode. Then I started adding detail just above the loop area on the back. I used the same method as earlier pretty much. Chamfer, inset and then extrude with negative values.

Next I modeled the detail on top. Moved on and added more detail to the plug area, and both sides where those little side switches are.

This next part was really fun to do. It however took a rather long time to figure out. This is the area where the left buttons needed to go. Check out some of the steps to the right here – It all started from chamfering the necessary vertices, and simply building up from them. Chamfer, then pull vertices out in one direction using your front viewport so that they match the circle around the buttons in the referance image. Once you get the pattern figured out it isn’t all that hard to do. You keep moving on and then start chamfering and adjusting areas or extruding so that you can start building up each individual button.

For the right side I did pretty much the same as the left side buttons. There were some differences, but still it was a matter of figuring out a pattern in your mesh that would work for the design of the psp buttons. Again it all started from a simple chamfering of the vertices and adjusting them in that area. The back then was fairly easy because it followed the same method as the circles around the button areas on the front. I also added a chamfer or inset of the edges and extruded to the negative to get that inseted groove going around the circle.
To finish off the modeling part, I added the screen area and also added some last details to the back. Take a look at the finished model  -

Texturing began by deciding which renderer I wanted to use. I ended up using Vray, and used the materials that came with it. Most of Vray’s materials are very cool. Just remember if you decide to use Vray as your renderer, it does not have the capability to render Raytrace materials. I may end up texturing this model using MentalRay so that I can have one version with Raytrace, I just like those materials a lot. I used Multi-Subobject for my texturing method, and had 26 different polygon channel sets. If interested, you can take a look at how I set up my material Id’s below.

1 – default
2 – screen
3 – Front buttons at bottom
4 – button “square”
5 – button “triangle”
6 – button “Circle”
7 – button “X”
8 – button “up”
9 – button “left”
10 – button “right”
11 – button “down”
12 – Toggle button
13 – Left Trigger
14 – Right Trigger
15 – Center middle section – whitish/gray
16 – Center circle on back for large PSP logo
17 – Ring on back, shiny
18 – Yellow plug
19 – Top bumps (above screen)
20 – Front/Right Sony logo
21 – Front/Left PSP graphic logo
22 – Smaller Sony logo back/left towards the top
23 – Small UMD letters on back top right
24 – Sound/Power 25 – Power/Hold
26 – Front Default
Most of my text logos and graphic logos I created in Illustrator, and brought into photoshop to convert them to transparent gif’s. Gifs work great because you can use them in the diffuse channel and set them to Alpha RGB’s. Play around with them and you can get awsome results. This enables you to have the graphic, or text that shows up on the psp, and have the background default texture show through where needed. The rest of the model was textured using the Vray, and using bump maps for such things as the toggle control on the front lower left, and bumps maps for the bottom buttons aswell.That’s how this model came to be. I hope you enjoyed this tutorial and are able to see one useful method for modelling a Playstation Portable. This model was a great learning experience and I also hope you’re as happy with your model at it’s completion as I was with mine.
This tutorial is © 2007 Increality.com

This is a texturing tutorial for the “Advanced Creation of iPhone (Editable Poly)” tutorial . Please complete it before moving on into this tutorial.

Step 1.
First thing we’ll be doing for this texturing tutorial is to add a slight adjustment to our model to prep it for texturing in the next steps. Grab all the polygons that wrap around the iphone in the image to the right here. These polygons make up the screen, the sides and the back though out the middle section of the model. Going over to your modify panel on the right, find the “Slice Plane” function and select it. You’ll see the yellow slice plane in the perspective window now. Rotate it if necessary (mine needed rotating 90 degrees on the X value) and move it down into the general area as shown. Hit the “Slice” button right below “Slice Plane” to make your cut. Now, moving over to left viewport and using the left reference image as your guide (image found in the modelling tutorial), move the vertices to match up as shown. Mine required that I move those set of vertices down. Make sure that “Ignore Backfacing” is still un-checked when you do this so that you know when you’re selecting the vertices you’ll be getting all of them all the way around the model. That completes this step and now we’ll be ready to texture the model properly.
Step 2.
Ok, we need to start texturing this newly created iPhone model by setting some Material ID’s. Going to your Polygon Sub-Object mode, you will see further down the Modify panel an area to set Material ID’s under “Polygon Properties”. For instance, if you have every polygon in your whole iphone model selected, it will probably show the number “1″ here next to Set ID because that’s the default. We need to set 7 ID’s for our model, which we will do here in the next step.

Step 3.
Next I’ll show you exactly what areas of the model I selected when choosing how to texture it. What we need to do, while in Polygon Sub-object mode, is select the polygons that make up each area that will have a specific texture, set the ID for it, then un-select and move on to the next set of polygons that will have their own ID and texture. To set an ID, simply have the polygons you desire to be set, go to the Set ID and type in the ID number and hit “Enter” on your keyboard. Take a look at the image to the left here to see the specific areas. Each section labeled with the appropriate Material ID. You’ll notice that ID 1. is not shown here, and that is because it’s the default ID. We are marking all 6 ID’s in the image, and what ever is left will be our default ID 1., which we will also create a material for when we reach that step. Below you will find my notes which have each Material ID and how I kept track of them. These notes were very helpful when I started setting up the texture for each ID.

ID 1 = (metallic silverish gray) (default ID)
ID 2 = gloss black(gloss black on the front screen area)..and the plug in areas on the side.
ID 3 = flat white (for the voice mic pickup square)
ID 4 = screen area texture
ID 5 = gloss silver trim around the front..and earhole area.
ID 6 = flat black – bottom, back of the iphone area.
ID 7 = the logo area (4 polygons) on the back of the iphone.

Step 4.
Ok, now it’s time to set up 7 material ID’s in our Material Editor. Go to your Material Editor by clicking the “m” key on your keyboard. You’ll see a button under the material slots that says “Standard”, click that, and then select the Multi/Sub-Object from the list in the Material/Map Browser dialog box that opens up. Another dialog box will open called “Replace Material”. Use the default settings and click “ok”. Your Material Editor dialog box will now have changed below. Click the “Set Number” button. When the “Set Number of Materials” dialog box opens set the number to “7″, and click “ok”. You will now have 7 material slots ready to go. These are all sub materials within your main material slot up above, that give you the ability to have several materials all within one object. Awsome!

Step 5.
Before we continue, download the screen image and the apple logo that we’ll be using in the next sequence of steps. The screen image is one that I’ve used for my models. I encourage you to use it as a template to come up with your own screen image.
Download:

Step 6. (ID 1.)
ID 1 = (metallic silverish gray) (default ID)
Great, now lets start creating some textures. Click the button that says “none” for ID 1, and under the list choose “Raytrace”. Folow the image to the right here, and adjust your materials as so. Remember, all the materials I go over here are simply how I textured mine phone. Feel free to come up with your own textures and find things that work best for you if you’d like. Ok, so for this first material ID, change the shading to “Metal”. Put in an Environment map of “Cellular”. Finally click on the Reflect area and change the Red, Green and Blue values all to 55. Feel free to name your texture maps to help keep track of them. That completes this material ID 1.

Step 7. (ID 2.)
ID 2 = gloss black(gloss black on the front screen area)..and the plug in areas on the side.
Click the “Go to Parent” button (right above the Raytrace button with an upward pointing arrow) to go back to your 7 ID materials.
Now select the next ID by hitting the “none” next to it (ID 2) and select Raytrace for it aswell. Follow the settings in the image to achieve something close to what I have. We’re not changing much, just bumping up the specular a bit, and making sure our shading is set to “Anisotropic”.

Step 8. (ID 3.)
ID 3 = flat white (for the voice mic pickup square)
Moving on to the next Material ID, click the “none” button next to the ID 3. Pick “Raytrace” once again. Leave the “Shading” set to “Phong”. Change the Diffuse color to solid white. Specular level = 30. Glossiness = 20. Nothing else is changed here. We’re just looking for a flat white color to texture our white area on the mic.

Step 9. (ID 4.)
ID 4 = screen area texture
Ok, moving on to ID 4, click the next button for this ID and select Raytrace. Next, click the “Diffuse” button within that, and under the list, select “Bitmap”. You will need to locate your screen image. You may use the one provided for you ealier in this tutorial, or put in one of the same size of your own. Change all the settings as shown in the image to the left here, including Tiling and Offset. Click the “Go to Parent” button to get back, and copy your diffuse map into your luminosity map. Also make sure to change the main Specular and Glossiness levels. Make any adjustments you find necessary. It is a good idea to do a test render here by pressing F9 on your keyboard. Take a look and make sure your screen is fitting properly. If it needs adjustment, you can change it in small increments by adjusting the Tiling and Offset within the diffuse map. Remember, any time you adjust the Diffuse map, you’ll need to re-copy onto the Luminosity map to keep them the same. That completes our screen area.

Step 10. (ID 5.)
ID 5 = gloss silver trim around the front..and ear hole area.
Next, lets get the silver trim and earpiece textured. Click “none” next to ID 5. Again, we’re using Raytrace for this material aswell. Follow the image and adjust your settings to something similar to what I have. You’ll see I’ve used a DGS Material for the Diffuse map, and a Flat Mirror for the Reflect map. If you don’t have the DGS material, just try to find something that has a glossy feel to it. I show the colors I use for the DGS material…you can use similar colors, or go with something more warm. Completly up to you, feel free to be creative here. The Reflect is simply a Flat Mirror, default settings are used.
{mosimage}

{mosimage} Step 11. (ID 6.)
ID 6 = flat black – bottom, back of the iphone area.
Now lets create a flat black texture for the bottom back area of the phone. Click the “none” button next to ID 6. You can see the setting I’ve used to the left here. The Diffuse gray color you see there is a gray RGB code of 128, 128, 128. The Environment map is filled with a Cellular map with default settings.

{mospagebreak_scroll}

Step 12. (ID 7.)
ID 7 = the logo area (4 polygons) on the back of the iphone.
Finally our last texture. Click the final “none” button left there at ID 7. Our shading is set to “Metal” here. Our main Diffuse is an RGB value of 235, 235, 235. Specular = 60, Gossiness = 40. For the Environment map, use a standard Cellular once again. Then find your Bump map, use the Apple Logo gif under the Bitmap for your bump settings. Set the bump to a negative value of -150. Check out my settings here in this steps image –>
Feel free to make any adjustments you see fit.

{mosimage}

{mosimage} Authors’ Comments:
That concludes this tutorial. Take a look at the images here to see what I’ve come up with, after adding a couple of lights and rendering it. I hope you enjoyed this tutorial and were able to find it useful. As always, feel free to contact me with any comments/suggestions or questions you may have, or if you’d like to show me how your iphone model came out. (Please send link to artwork only) Thanks for visiting, be sure to check out everything else this site has to offer by browsing around!

This tutorial is (C) 2007 Increality.com

Give me feed back on this tutorial here More Tutorials <–Want More? Questions/Comments? –> Contact Me

To begin this tutorial, first download the reference images of the iPhone- Front & Side .  You can create your own setup file by making two planes to put the reference images on in Max. For the front reference plane, I use dimensions 4.5″ x 2.14″ with a .1″ plane thickness.

Step 1.
Ok lets get started. Start by creating a cylinder with 28 sides, 5 height segments and 1 on the cap segments. I started with a radius of .35, and a height of -0.35. Yours can be slightly different from this, just create the proper curve of the left iphone corner with the cylinder. It is important to try to match this cylinder’s thickness with the side view (left viewport) of the iPhone before moving on. Also, line it up so it doesn’t go past the silver trim in on the left viewport. You’ll see why on step 3′s image on the next page. Going to your modify tab on the right panel (looks like a blue rainbow) right click on your cylinder and select “Convert To: Editable Poly”. Next, click the Black box with the + sign next to your newly created Editable Poly object to expand it’s sub-object catagories and select the “Vertex”. Select now the vertices as shown (15 of them plus the 15 on the back and middle sections) in the image to the left and drag them to the right so they match with the width of the iphone. When you do this, make sure “Ignore Backfacing” in the selection area of the menu is NOT checked. You’ll notice you have an un-even amount of vertices on either side. Drag back to the center the odd ones so as to even it out. <– See image. Hide the side reference (right click while selected and set to “hide selection”) view if it’s getting in your way for now.

Step 2.
With the same process as step 1. make a selection and selet the points at the bottom of the cylinder. This should be a selection of 15 points aswell (7 on the left, 7 on the right and the one you dragged over to the middle) along with the 15 vertices on the back & middle of the cylinder. Drag the vertices down to match the bottom of the iphone.
———Tip!———–
Here’s a helpful tip. With your object selected…hit the key command on your keyboard Alt + X to turn the object to transparent viewing. This will make it easier to form and shape your object while using a reference image. This can also be reached by selecting the object, right clicking, select “properties” in the pop up menu, and then select “See through” under Display Properties in the Object Properties menu. Try it!
————————–
Once you’ve done that, bring back the two vertices (front pair, middle ones, and back) back up to the middle. When you are finished with this step, you should have something similar to the image on the left here. Move on to the next page to continue…

Step 3.
Using Left viewport–
Hit “alt” + “x” and go to invisible mode for your iphone model, and then select the vertices (making sure ignore backface is turned OFF) and match them to fit the curve of the iphone using the Select and Non-uniform scale tool. Make sure to use the inner triangle of the tool when doing this and select all the back vertices, on the top and the bottom, and scale them in. Remember use “control + click” to add to your selection when gathering up the appropraite vertices before this operation. Do the same to the next two rows over and line them up with the curve of the phone. This will give the back section of the phone that nice curve on the back.
Now, using the move tool in the left viewport, select and adjust, row by row, the vertices and move them either up or down and into place to match the curve. The last row up in the very front probably doesn’t need to be adjusted. Also remember, instead of selecting each row all the way from the top and the bottom, in this step you have to select individually the top set of vertices, adjust them, and then work your way to the bottom to adjust those ones. –this will give your iphone model that perfect shape.
Save often!

Step 4.
Now it’s time to make some subdivisions to prep this iphone for smoothing later on. Go to your “Vertex” subobject under the drop down. Select top middle vertex that’s flush against the face of the model. Then go down and select the bottom middle vertex that’s flush against the face of the model. Go over to your modify panel and under “Edit Vertices” you will see a button called “Connect”. Click that and you’ll see a brand new edge formed between the two vertices you just selected. Do this for the right and left side of that front screen area, selecting a vertex on top, then it’s opposite down there at the bottom, until you have all of them connected. Then do the same process for the back of the phone. Take a look at the image to the left here to see a before and after for the front and back.

Step 5.
For this step all we need to do is subdivide a crossed the iphone so that our vertices on the right and left sides aren’t all alone by themselves. Step 4′s process of using the connect button won’t work for this though because we need to subdivide across pre-made edges. So instead, go to your back viewport, then to your Polygon sub-object mode and look for the “Cut” button down in the modify panel. The Cut button is there under Edit Geometry. To cut, first select the left or right vertex on the back and then drag over to the opposite vertex. Right mouse click to finish the cut and hit the Cut botton once more to de-activate the tool. Then go to your Front viewport and do the same thing to complete the subdivision all away around the model. Take a look at this step’s image here to  see this step completed.

Step 6.
Grab all the polygons that make up the front face/screen area of your model (using “ignore backfacing” may be helpful here) while your in the perspective or front viewport. Going to your left viewport after the polygons are selected, select the move tool and “Shift” click while moving those polygons to line up with the very front of the iphone. This is where we’re creating geometry for that front silver trim area. You’ll notice a menu pop open when you do this giving you two options. Select the “Clone to Element”. This will keep this new geometry together with the model even though they are not touching at this point.
Next, go to the front viewport once more and with the object in “invisible” mode, scale down using the Uniform Scale Tool those newly created polygons to match the screen area. Use the tool to squize in the sides if necessary to fit the screen area and also use the move tool if it will help to line those polygons up. Check in your left viewport and make sure they still line up perfectly with the very front of the model.

Step 7.
Ok, now we need to delete the ones in the back where we pulled this new geometry from. This is the set of polygons where the screen area used to be before creating the new screen area from the previous step. Select them, there should be 24 polygons total, and hit delete. Now we need to connect this screen with the iphone by creating new polygons. This will create that silver area, the trim around the screen of the model. To do this, go to Polygon subobject mode and find the “Create” button. Create new polygons for every section, by clicking on one vertex and then around to 3 more vertices and finally back to the first one you clicked to complete the create operation. Do this all away around until you’ve closed off any holes in your model. This will finish the geometry for the trim area.

Step 8.
Next we need to inset our screen area a bit. Select all the polygons that make up the screen area (making sure not to select the trim or any of the back of the model). Under Polygon subobject mode once again, go down and find the “Inset” button. Next to it is a small box which is the Inset Settings button. Click it and inset at a value of 0.01, and do it by “Inset Type” – Group. Now with those same polygons selected, find the Extrude Settings button (similar to the Inset one) and extrude the polygons at a value of -0.05. Then inset one more time at 0.01.

Step 9.
In this step, we need to prep the phone for the texturing that will be done to it later on. Go to Vertex subobject and grab that middle set of vertices that runs across the middle of the iphone horizontally and drag them down to line up with the black area (bottom of the screen). Now go to Polygon mode and select all the polygons, front, sides and back around the screen area. Do a slice plane operation. You’ll find “Slice Plane” under Edit Geometry in the modify panel. Click that and you’ll see the yellow slice plane operation prepared in your perspective viewport. You can rotate this slice plane before doing the operation, and you can move it as well. Rotate, if necessary, and move it up into position. It doesn’t have to be perfect yet. Then back over to the right click “Slice”. Now you can simply go to Vertex subobject mode, select those vertices and move them into place to match up with the top edge of the screen where the black area meets up with it.

Step 10.
Ok, if you completed the model to this point your doing great! We have the basic form of the iPhone done. At this time we need to smooth it out some. Go to your top menu and find “Modifiers”…then “Subdivision Surfaces” and select the “HSDS Modifier”. Once you have it on top of your editable poly in the stack (modify panel on the right) your going to need to collapse all. Right click on the HSDS Modifier and click “Collapse All”. This is going to automatically change it into an Editable Mesh. We need to get back to Editable Poly, so right click on the Editable Mesh and choose “Convert to: Editable Poly”. That gets us back and ready to go. You’ll also notice if you look at your model, the harsh edges around the curved areas are now smoothed out.

Step 11.
It’s time now to create the mic area of the phone. Yes that complex inseted area that cuts into the face of the phone at the bottom of the screen. We’re going to do it with ease though and I’ll show you how without using Boolean! Ok so first thing we need to do is go to our Edge sub-object and select the verticle edge going down across the middle of the mic area. Use your front viewport while doing this and make sure your object is set to invisible mode (alt + x). Go down your modify panel and find “Tessellate”. To the right of the Tessellate button, click the Tessellate Setting button which looks like a black box with a gray cut out (see image to the left for a visual reference of this). Tessellate just once, Tessellation Type=Edge, click ok. Then go to your Vertex sub-object mode and find the center vertex within that tessellated area. Tessellate it a total of 2 times…each time making sure to click ok, deselecting the newly created vertices, then grabbing the center vertex to tessellate. See the image to the left here for a walk through. Again, we’re only Tessellating 3 times…our first one is while in Edge sub-object, then two more on that center vertex while in Vertex sub-object mode.

Step 12.
We need to start forming these newly created edges and vertices from step 11 into a circular form to match up with the circle of the mic. To do this, while in your front viewport and object set to invisible mode, use your back reference image as your guide and start moving the vertices. Try to move them evenly, selecting two opposite vertices at a time if necessary and form them around the mic. See the before and after pic for this step here to the right. Mine doesn’t come out perfect, but it really doesn’t need to be perfect. If you are looking for more of a perfect circle, try using the scale tool while moving two opposite vertices.

Step 13.
Grab the 9 vertices that make up the center of the mic without selecting the outer vertices of the circle. Move over to your left viewport, and drag them in using your move tool. Bring them in to almost touch the verticle line running down the side. Now, move back to the front viewport and select just the very center vertex. Go back to your Left viewport and drag it in just beyond the vertical line. That gives us the inset form of the mic.

Step 14.
Next we need to connect some vertices. As shown in the image to the left here, select the pair of vertices labeled “1.” there and go to the modify panel on the right and hit the “Connect” button. Go through all 8 pairs as labeled in the picture and connect each pair one at a time. You should have something similar to the image that is labeled “Finished Result” when you’ve completed this step.

Step 15.
This next step will complete our mic area. I’ve created two videos for download to help walk you through this step. Please click on the videos to the right to see how the mic is completed. Videos are in swf flash format (you may need to disable any pop-up blockers to view them),  about 1.5 MB’s each. It requires the Adobe Flash download Player to view them. If you have any problems downloading these videos or any questions concerning them please feel free to contact me . Make any necessary adjustments to your mic that you feel is desired.

Flash Download
Part 1

Flash
Download
Part 2

Step 16.
Now we need to create the ear-piece insetting on the top of the screen. This will be a bit easier than the mic area because we don’t need to mess with smoothing it. So first thing we need to do is grab that center vertical edge going across the middle of where the speaker will be. Tessellate it (Type = Edge). Then grab the two outer edges that we don’t need and either hit the “Remove” button or hit “Backspace” on your keyboard to remove them. Next grab the two vertices that are unnecessary and “backspace” to remove them as well. Grab your center vertex (step five in the first image to the left here) and tessellate it. Move the top row of vertices down, then move the bottom row of vertices up to match up with the speaker area. Adjust the center row if desired. Grab that center vertex once more and tessellate it again. Finally adjust the vertices to the left or right on the outer part of the speaker to get a rounded look.

In the second image here to the left, grab all the polygons that make up your speaker area. Extrude them with a value of -0.02. Hit ok, and your done with this step.

Step 17. (Optional added detail)
This step is a bit optional, but recommended. We’ll be adding a bit more detail to the silver trim of the phone here. Grab the line that goes all the way down and around the model as shown in the image to the right. Chamfer that line at a value of 0.005. Then grab the newly created polygons that are within that chamfer area that wrap all the way around the model once again. Extrude them at a value of -0.01. Make sure your Extrusion Type is set to “Local Normal” for this step. That’s it, you should have some greatly added detail around your trim area.

Step 18.
Now for the side of the model where we find two areas that are inseted. I’m guessing the top on is to plug in the headphones for the iPhone, and the bottom one on the side there is for something useful..right? Anyways, lets get to modeling them. Starting with the bottom lengthy looking one, grab the two edges that surround that area and adjust them to line up with the sides. Then select that center polygon where we’re going to create the groove later and “Tessellate” it once (Type = Edge). Down below that area a little ways you’ll find three newly created vertices that appear after tessellating. Grab them and drag them up just to the bottom of that desired area. Next grab the center edge and “Tessellate” it just once. Again, Type = Edge. Adjust the top and bottom vertices so that they match up with the curved parts of this area. Then grab all the polygons in this area and extrude them with a negative value of -0.05. That completes this grooved area.

Step 19.
Ok, we’re almost done! Go to your Edge sub-object mode and make two cuts, one on the top and one on the bottom of the headphone jack area. This creates three new vertices on top, and then three on the bottom there. Adjust those vertices to match that area, and then use the connect tool while in Vertex sub-object mode and connect the four pairs of vertices.
Finally, go to Polygons sub-object mode and select all the polygons that make up the headphone jack area. Extrude them with a negative value of -0.05. That’s it! Of coarse, feel free to add any other detail to this area that you would like.

Authors’ Final Thoughts:
Ok, that completes this tutorial. There are more areas of detail you could achieve in your own model and I encourage you to explore the possibilities with what you’ve learned here. For instance, I know the bottom of the iPhone has an inseted area where it plugs in similar to the iPod. Now that you know some good techniques for modeling this, play around and see if you can achieve even more detail. Also, be sure to check out the texturing an iPhone tutorial to learn how to texture it. We’ll be going over some other details, how to add the screen, how to add the apple logo on the back and more! I hope you enjoyed this tutorial and found it to be useful. Please feel free to contact me with any comments/questions or suggestions. Thanks! Jesse.

This tutorial is (C) 2007 Increality.com

Advanced Creation of iPhone (Editable Poly) “. This is a brand new tutorial using editable poly modeling for a greater amount of detail for your iPhone model. This new tutorial also has an Advanced iPhone texturing tutorial with it. Check it out! ————————————————————————————————————–
Front & Side .  You can download the setup file , or better yet you can create your own if you’d like by making two planes to put the reference images on in Max. For the front reference plane, I use dimensions 4.5″ x 2.14″ with a .1″ plane thickness. Again, if you need help setting up your iPhone reference planes feel free to download the file above . (please note you will need to download the reference images as well and place in the same folder as the setup file)
———- {mosimage} . Create a 28 sided cylinder.  To the right,   Next, select the vertices as shown (14 of them plus the 14 on the back) in the image to the left and drag them to the right so they match with the width of the iphone. When you do this, make sure “Ignore Backfacing” in the selection area of the menu is NOT checked. Also please make sure you do NOT select the center vertex when your dragging the 14 vertices over to the right. Continue on to step 2 when you have a suitable start.
{mosgoogle} in the pop up menu, and then select “See through” under Display Properties in the Object Properties menu. Try it!

{mosimage} {mosimage}
Please continue on to the next page for step 5.

{mospagebreak_scroll}
Save the file!
{mosimage} {mosimage} {mosimage}
button. From the top left vertex, click the vertex and then click the top right vertex, and then click the bottom right vertex (going in a clockwise motion), then the bottom left, and back up and click the top left vertex again. You will see a thin gray dashed line when you do this that is telling you that you are creating a new polygon. Again, make sure the “Create” button is turned on, and select the points always going in a clockwise or circled direction. Selecting points in a diagonal fashion when creating a polygon will create a bad poly. We want good polys. Refer to the Step 5 Finished thumb on the left to see an example of what it should look like after you have created the polygon.

{mosimage}

{mosimage} Step 8. Ok, your doing great! Now select every polygon that makes up the face/screen area of your iphone. It should be that 13 number that we came up with earlier. Now, go to your left viewport. Select the move tool, and your going to need to duplicate those polygons. In order to duplicate them, using the move tool, pull directly out in the left viewport while holding down the “shift” key. A pop up menu will show up giving you two options. You want the second option, “Clone to Element”. Making sure that when you drag out, you bring it to fit with the left reference image, the edge of the iphone. Now grap the Scale tool from up top by the move tool, and scale it to fit (using front viewport) to the area of the screen. See the image to the left here for an example. Make sure it still lines up in the left viewport too after adjusting with the scale tool. Again, make sure to save often. Please see step 9 on the next page.
{mospagebreak_scroll} {mosimage}
{mosimage} {mosimage}
and refer to the picture here on the left. You want to select all the edges that go around the outer screen area. The image here shows this with a zoomed in piece on one corner for clarity. Make sure to have Ignore Backfacing checked because you don’t want to select any edges from behind. Now we need to chamfer the selected edges. Scroll down your modify tab on the right, under “Edit Geometry” you’ll see a button and numerical input for “Chamfer”. Put the number 0.01 into the input, and hit the enter key. You’ll see a new area of polygons right around the edge you just had selected. Next, select the main polygons of the screen again (not the new polygons you just made around the edge) and go to the extrude funtion. Extrude these polygons inward by putting -0.05 into the input and hitting enter on your keyboard. See the second thumb to the left for a closer look at this procedure.
{mosimage}
{mosimage} on the modify tab so that no polygons or points are selected in the viewport. On the top menu (by File, Edit,etc. ) select the Modifiers drop down and scroll down until you see “Subdivision Surfaces”. In that menu your going to want to select “MeshSmooth”. Set the MeshSmooth to 0 iterations under the Subdivisions Amount drop down menu for the MeshSmooth. The default setting of 1 would be too much smoothing for what we’re trying to capture here with this electronic piece. Setting it to 0 tends to be just perfect. Now before this next step your going to want to make sure you save again. Right click on the text in the modify tab where you’ve just put in your MeshSmooth. Right click the actual words that say “MeshSmooth” and you’ll see some options. You want to select “Collapse All”. This is going to break down your hierarchy to an Editable Poly. Right click now the Editable Poly and choose “Convert to: Editable Mesh”. We want to keep this thing in Editable Mesh mode, Not as a Poly.
{mosimage} {mosimage} Step 13. Ok, your doing great. In this last sequence of steps we’ll be finishing the modelling of our iPhone. In this step you’ll learn how to boolean. Boolean is used like a cookie cutter in a sense. You make an object that has the single function of deleting a section out of another object. We will be making an object or two to cut out sections of our iPhone to add more detail. Take a look at the images to the left so you can get a feel for what we will be doing. Go to your create tab and create a box that matches the small boxed cut out area in your side reference view (going to your left viewport may help). Place the box in a position so that it is partly cutting into the iphone. This is how we will make our cut. After the creation of this little box, once you have it in the perfect place, unselect it and select the iphone. In the Create tab, there’s a drop down menu for the Standard Primitives. Click the drop down and scroll down and select “Compound Objects”. Again make sure the iphone is selected when you do this, not the box. Under Object Type, you want to select “Boolean”. Nothing has happened yet, that’s ok. Now go below to the Pick Boolean area and click “Pick Operand B”. Bring your mouse over to the box and select it. You’re telling Max what your Boolean cut out object is when you do this. After clicking the box you will notice it disappears and your iPhone has a new cut out area in the shape of that box. Amazing! Now all you may want to do is collapse down the boolean back into an editable mesh. Technical Difficulties: If your having problems getting the boolean to work, try this. Check under the Parameters area to the right, below the Pick Operand B area, and make sure your Operation is set to “Subtraction (A-B)”. Also, after clicking Pick Operand B, make sure you don’t accidently click the iPhone itself. That would do the reverse effect and leave you with a box with that section of the iphone cut out of it. Now Consider making a boolean cut for the other area below the box. Play around a little, try different things and perhaps different shapes to pull it off. I used a cylinder for that part similar to the first cylinder we use in this tutorial.
————————————————————————————————————– Be sure to check out the brand new iPhone tutorial entitled “Advanced Creation of iPhone (Editable Poly) “. This is a brand new tutorial using editable poly modelling for a greater amount of detail for your iPhone model. This new tutorial also has an Advanced iPhone texturing tutorial with it. Check it out! ————————————————————————————————————–
This tutorial is © 2007 Increality.com
Give me feed back on this tutorial here
More Tutorials <–Want More? Questions/Comments? –> Contact Me