Difference between revisions of "Phone Stand Tutorial"
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | This tutorial will walk you through creating a custom Phone Stand using Onshape, a free browser-based CAD program. This Phone Stand is a perfect beginner project for learning Computer Aided Design (CAD). | |
+ | [[File:PhoneStand_Final.PNG|border|right|480px|Finished Project]] | ||
Originally created for the 4H Students by [[User:Choffman|Christopher Hoffman]] for the 4H Visit in July 2018. | Originally created for the 4H Students by [[User:Choffman|Christopher Hoffman]] for the 4H Visit in July 2018. | ||
== Prerequisites == | == Prerequisites == | ||
− | No previous CAD experience required! An [https://www.onshape.com Onshape] account is necessary to follow along. | + | No previous CAD experience required! An [https://www.onshape.com Onshape] account is necessary to follow along, as well as a computer or laptop with a modern browser. Chrome or Firefox is suggested. |
== Finished Project == | == Finished Project == | ||
− | The finished Onshape project [https://cad.onshape.com/documents/840eaa242732fdc08466af17/w/d5b1ec61be829efdda729bae/e/98a955f2e0f75c76877ba6f8 can be found here]. Feel free to use it as reference to see step-by-step instructions, or make a copy of it and modify it. | + | The finished Onshape project [https://cad.onshape.com/documents/840eaa242732fdc08466af17/w/d5b1ec61be829efdda729bae/e/98a955f2e0f75c76877ba6f8 can be found here]. The Onshape document contains 3 tabs at the bottom, the first is the Stand itself, the second contains a simple phone model, and the third tab is an assembly showing the phone resting on the stands in two orientations. |
+ | |||
+ | Feel free to use it as reference to see step-by-step instructions, or make a copy of it and modify it. | ||
Line 39: | Line 42: | ||
* '''Depth 83mm''': the total distance extruded | * '''Depth 83mm''': the total distance extruded | ||
</li> | </li> | ||
+ | <li>Click the Checkmark to save the extrusion</li> | ||
</ol> | </ol> | ||
</ol> | </ol> | ||
Line 44: | Line 48: | ||
|- | |- | ||
| | | | ||
− | | | + | <ol start="3"> |
+ | <li>Sketch the Back</li> | ||
+ | <ol> | ||
+ | <li> Select the left face of the base, and click '''Sketch''' to make a sketch on the side of the base. </li> | ||
+ | <li> Using the '''Line Tool''', create a trapezoid shape to act as the back rest. | ||
+ | <li> Use the '''Dimension Tool''' to give the lines the dimensions shown. | ||
+ | </ol> | ||
+ | </ol> | ||
+ | | [[File:PhoneStand_Step3_BackSketch.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="4"> | ||
+ | <li>Sketch the Front</li> | ||
+ | <ol> | ||
+ | <li> Select the left face of the base, and click '''Sketch''' to make a sketch on the side of the base. </li> | ||
+ | <li> Using the '''Rectangle Tool''', create a box that is 7mm by 5mm. | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:Step4_FrontSketch.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="5"> | ||
+ | <li>Extrude the Back and Front</li> | ||
+ | <ol> | ||
+ | <li> Click the '''Extrude Tool''' and select the two sketches we made in Steps 3 and 4 (the Back and Front sketches)</li> | ||
+ | <li> In the Dropdown, select '''Up to face'''. This will allow us to extrude up to an existing side of our part. </li> | ||
+ | <li> In the '''Up to face''' box, select the right side of the base </li> | ||
+ | <li> The two sides should now be flush with the sides of the base. Click the Checkbox to save the extrusion.</li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:Step5_ExtrudeBackAndFront.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="6"> | ||
+ | <li>Sketch the back cutout</li> | ||
+ | <ol> | ||
+ | <li> Create a new '''Sketch''' on the back face of the stand. </li> | ||
+ | <li> Using the '''Rectangle Tool''', make a box with the bottom line on the bottom edge of the stand. </li> | ||
+ | <li> Use the '''Dimension Tool''' to make the sides of the box '''20mm''' from each edge, and the top '''15mm''' from the top edge </li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:PhoneStand_Step6_BackCutoutSketch.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="7"> | ||
+ | <li>Cut out the back</li> | ||
+ | <ol> | ||
+ | <li> Click on the '''Extusion Tool''', but instead of New or Add, select '''Remove''' instead. </li> | ||
+ | <li> Select the Back Cutout sketch as the '''Faces and sketch regions to extrude'''.</li> | ||
+ | <li> In the dropdown, select '''Up to face''' to allow us to cut up to an existing side of our model. </li> | ||
+ | <li> In the '''Up to face''' box, select the back side of the front lip. </li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:PhoneStand_Step7_RemoveBack.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="8"> | ||
+ | <li>Adding text to the front</li> | ||
+ | <ol> | ||
+ | <li> Create a new '''Sketch''' on the front of the stand. </li> | ||
+ | <li> Use the '''Text Tool''' to add text to the front. </li> | ||
+ | <li> Use the '''Dimension Tool''' to make it '''10mm''' tall.</li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:Step8_AddText.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="9"> | ||
+ | <li>Centering the Text sketch</li> | ||
+ | <ol> | ||
+ | * We want to center the text in the front of the stand. | ||
+ | <li> In the sketch where we added the text, select the '''Line Tool'''. </li> | ||
+ | <li> Click on the '''Construction''' tool to make our lines become a dotted construction line. </li> | ||
+ | <li> Make two construction lines, one connecting the top of the text to the top of the front, and one connecting the bottoms. </li> | ||
+ | <li> With both lines selected, click on the '''Equal''' relationship in the top toolbar. This will force the two lines to be equal length, centering the text. </li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:PhoneStand_Step9_CenterTheText.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="10"> | ||
+ | <li>Extrude Text</li> | ||
+ | <ol> | ||
+ | <li> Select the '''Extrude Tool''', and select the sketch containing the front text. </li> | ||
+ | <li> Create a '''Blind''' extrusion of '''1.7mm'''</li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:PhoneStand_Step10_ExtrudeText.PNG|thumb|400px]] | ||
+ | |- | ||
+ | | | ||
+ | <ol start="11"> | ||
+ | <li>Round over edges</li> | ||
+ | <ol> | ||
+ | <li> Select the '''Fillet''' tool in the top toolbar.</li> | ||
+ | <li> Change the '''Radius''' to '''2mm'''.</li> | ||
+ | <li> Select as many edges as you want to round over to give a nice smooth appearance.</li> | ||
+ | </ol> | ||
+ | </ol> | ||
+ | |[[File:PhoneStand_Step11_RoundEdges.PNG|thumb|400px]] | ||
|} | |} | ||
+ | |||
+ | And you are done! Congratulations! | ||
+ | |||
+ | == Bonus Goals == | ||
+ | * Modify the overall Height and Width of the model to fit the height/width of your phone. | ||
+ | * Split the 2mm fillet into multiple fillets of different radii, to achieve different appearances. | ||
+ | |||
== Where to go from here == | == Where to go from here == | ||
− | Now that you have a custom 3D Model, you should make it! [[:Category:3DPrinting]] would be the best way to go! | + | Now that you have a custom 3D Model, you should make it! [[:Category:3DPrinting|3D Printing]] would be the best way to go! |
[[Category:Tutorials]] | [[Category:Tutorials]] |
Latest revision as of 08:44, 29 July 2018
This tutorial will walk you through creating a custom Phone Stand using Onshape, a free browser-based CAD program. This Phone Stand is a perfect beginner project for learning Computer Aided Design (CAD).
Originally created for the 4H Students by Christopher Hoffman for the 4H Visit in July 2018.
Prerequisites[edit]
No previous CAD experience required! An Onshape account is necessary to follow along, as well as a computer or laptop with a modern browser. Chrome or Firefox is suggested.
Finished Project[edit]
The finished Onshape project can be found here. The Onshape document contains 3 tabs at the bottom, the first is the Stand itself, the second contains a simple phone model, and the third tab is an assembly showing the phone resting on the stands in two orientations.
Feel free to use it as reference to see step-by-step instructions, or make a copy of it and modify it.
Tutorial[edit]
Instructions | Visual |
---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
And you are done! Congratulations!
Bonus Goals[edit]
- Modify the overall Height and Width of the model to fit the height/width of your phone.
- Split the 2mm fillet into multiple fillets of different radii, to achieve different appearances.
Where to go from here[edit]
Now that you have a custom 3D Model, you should make it! 3D Printing would be the best way to go!