Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,411,654

How to make 2D Geometrical Shapes

Tutorial Name: How to make 2D Geometrical Shapes  

Category: Graphics Tutorials

Submitted By: Time

Date Added:

Last Updated:

Comments: 8

Views: 4,020

Related Forum: Graphics Forum

Share:

How to make 2D Geometrical Shapes within Photoshop CS6

[ Register or Signin to view external links. ]


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.

[ Register or Signin to view external links. ]


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.

[ Register or Signin to view external links. ]


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'.

[ Register or Signin to view external links. ]

Make sure you have 'Color' selected and click to confirm.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]


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.

[ Register or Signin to view external links. ]

Now another to the other side of the triangle and connect the dots.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Repeat 'Step 3' once again on one of the triangles sides and fill the path with a lighter colour the the base/main colour.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Navigate to the 'filter' click 'stylize' once in the stylize menu click 'Find Edges'

[ Register or Signin to view external links. ]

This will find you edges and give you something like this.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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%.

[ Register or Signin to view external links. ]

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.

Ratings

Current rating: 7.00 by 2 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"How to make 2D Geometrical Shapes" :: Login/Create an Account :: 8 comments

If you would like to post a comment please signin to your account or register for an account.

GhostPosted:

Every single image is broken in this tutorial

MrParkerPosted:

Had to give this a 4 the text part is good but all the pictures are broken and there's no video

KatsumiPosted:

Love myself some 2d geometrical shapes

HaloPosted:

Your images are down but your description makes this somewhat easy to understand. Gj

9ntyPosted:

There are images disabled on this tutorial. #RIP

StrokesPosted:

Images have disappeared dude..

TomPosted:

This looks really nice man. Think Ill try a demo on this. Thanks for the tut man. Will be using this a lot.

SkittlePosted:

This looks great, I am loving your Graphics tutorials! Keep up the good work :D