How to make 2D Geometrical Shapes
Tutorial Name: How to make 2D Geometrical Shapes
Category: Graphics Tutorials
Submitted By: Time
Related Forum: Graphics Forum
How to make 2D Geometrical Shapes within Photoshop CS6
This is a fairly simple tutorial so if you're still learning how to master the basics of Photoshop you should have no problem following along with these steps.
Step 1: Creating a workspace
You want to make a new project, preferably with a black background depending on what your doing with the piece later down the track. Remember you don't want to make the background colour straight black, dark greys in my opinion look a lot more professional (ofofof for example should work fine). The size of the image shouldn't matter, for this tutorial I'm opting for an 1280x720 image resolution.
Step 2: Pen tool shape outline
Make a new layer above the background and navigate to the pen tool, once you have selected the pen tool you are ready to draw the outline of your 2D Geometrical Shape. Start by drawing a triangle in the middle of the document.
Step 3: Filling in the shape
Now that you have made your shape it's time to fill it in with colour, right click inside the middle of your triangle to bring up the path options. From here select 'Fill Path'.
Make sure you have 'Color' selected and click to confirm.
Now select the colour of your choose, for this tutorial I'll be using a red. Once you have chosen your desired colour click 'Ok' and your triangle will fill with the colour you selected. You can now click enter to deselect the path.
Step 4: Shadowing
Now that you have selected your base/main triangle colour you can now start adding shadow to give it the 3D effect. Navigate to the pen tool, once selected start from one of the two base sides of the triangle and draw a line to the middle.
Now another to the other side of the triangle and connect the dots.
Once you have completed that repeat 'Step 3' and fill the shape, remembering this time your filling it in with a darker colour then your base/main colour.
Repeat 'Step 3' once again on one of the triangles sides and fill the path with a lighter colour the the base/main colour.
Step 5: Adding a stroke
(Note that this step isn't necessary)
Once your shape is complete it's time to add a stroke to the outer portion of the triangle. For this method of stroking we are not using the stroke option, these triangles require something a little more advanced but the end result looks a lot more professional. Start make make a duplicate of your triangle above your main triangle.
Navigate to the 'filter' click 'stylize' once in the stylize menu click 'Find Edges'
This will find you edges and give you something like this.
Now you want to then click 'Command i' (Control i for PC) making your shape black. after the shape is black click 'Command alt u' (Control alt u for PC) and set your 'saturation' all the way down. This will give you a white outline around the triangle.
To get the effect of the white outlines you now want to set this layer to 'Linear Dodge' and set the opacity down to about 60%-75% depending on how much of the outline effect you would like. For this tutorial I'm choosing 75%.
All is left to do is merge the two shape layers together.
You have now finished you 2D Geometrical Shape, I hope that this tutorial was of use. If you have any questions regarding the tutorial please don't hesitate to shoot me a message via PM.
- 01. Paint Shop Pro - Using the Text Tool(927)
- 02. Paint Shop Pro - Creating a(576)
- 03. Paint Shop Pro - Creating Bevels(1,506)
- 04. Paint Shop Pro - Cutout Text(1,262)
- 05. 3DS Max - Character Clothing Tutorial(3,268)
- 06. 3DS Max - Animation with the Reactor Toolset Tutorial(907)
- 07. 3DS Max - 3D Text Animation Tutorial(1,447)
- 08. 3DS Max - Car Modeling Tutorial (Autodesk)(978)
- 09. 3DS Max - FumeFX Explosion Tutorial(1,595)
- 10. How to create a HomeGroup (Windows 10)(1,140)
- 11. Create a Magical Starry Night of Polar Bears in Photoshop.(919)
- 12. How to Create a Surreal Secret Mission Scene in Photoshop.(679)
- 13. How to Create a Surreal Game of Thrones Photo Manipulation.(864)
- 14. How to Create Your Own Custom Landscapes in Photoshop.(813)
- 15. Create a Romantic and Warm Portrait Photo Manipulation(590)