t-Tutorials.com Do you speak PotoShop? We do!


Make a flawless Post-it-note very easily.

Also take a look at other Photoshop tutorials...

Vectors, paths, curves and arrows

All about Layer Mask

Modern Art in Blue

Dewy window

How to create a blueberry

Making a Post-it-note  

1. In a new layer, make a rectangular selection and fill it with something around yellow faeb57
2. Make triangular selection using polygonal lasso tool
3. Delete the selection.
4. Use the Pen tool to make a new path of a shape like in my picture. Remember to use the setting Paths in the top left bar.
(start in tha left, than right and only after with the top anchor point. When making the last hypotenuse-like part, click on the top anchor point holding Alt. By this you cancle one part of the anchor point and you will make nice sharp continuing line.)
5.Go to paths window, click on the path holding Ctrl to select it
6. Gradient tool, setting like in the picture, just try to make the gradient till it looks natural. Use darker colors as the edge ones and whit with lower opacity as the highlighted part. Just try.
So it looks like the one below.

You can always go one step back with Ctrl+Z, or in history window. So you did this in the new layer, right? Good.
7. Now select the yellow rectangle layer, Ctrl+Click on its icon to select it
8. Again, use the gradient tool with the settings like in the picture to make a shade under the note.
9. Merge the two layers (note and rectangle) (link and merge or select and merge)
10. Now, use the eraser (hardness 75)and get rid of the sharp point on the right. It will look much better.
11. Double click on the layer, set Drop shadow (opacity 29, Distance 13, Spread 9, Size 38)
12. We are done. Papererworks :)

If you liked this tutorial (or even if you didnt :) please make a Comment and Vote in the section below.
 Thank you.
And if you happen to have a good idea of a tutorial (that is REALLY yours), you might wish to send us the procedure in text form and/or pictures and we will place it on our site. Be proud of what you can do.

Submitted by Martin on 2006-03-27 16:18:21. Since then read 71742 times.
Scored 4.22 points out of maximum 5 by 50 votes.

Also take a look at other Photoshop tutorials...

Making tiles

Dewy window

Simple plastic button

Weathered stamp/flyer

Flawless Collage of two Panorama photos

Rate this tutorial!

Remember: the more points, the better!

Invite a friend!


Beren said on 2006-03-27 20:59:08
Good looking, I would post it on my fridge :)

BOb said on 2006-05-04 08:50:52
pretty good but for those of you who have cs2, hit command+T (ctrl+T on a Windows) and click warp. this new feature allows the same thing except a lot easier and the outcome can be much more impressive

Martin mato AT t-tutorials DOT com said on 2006-05-04 15:03:27
Yes, true, that is another way of making the distortion of the bottom-right corner. I dont use it much but it seems to offer wider range of options for distortion. thx BOb.

eastcoastjac jacs AT weblogic DOT co DOT za said on 2007-02-20 08:53:05
Try ths too: instead of drawing the curved piece from scratch - when you cut the corner off the square use your layer menu to make a new layer via cut. Then just rotate it, and use a circular eraser brush to remove the bit on the right to make a curve. Saves a few seconds :-)

Naomi ikklexdevil AT hotmail DOT com said on 2008-06-11 13:03:24
Hey I can't find the gradient settings in CS2! Could anyone tell me where they are? Great tutorial though :)

Matthew Miller mamiller93 AT gmail DOT com said on 2008-07-01 23:53:13
this tutorial was good, but I would have preferred the tutorial to show how to do both sides of the post it to have a curl since in a real post it note, if there is a curl in one side, there is usually a curl in the other side. Just a suggestion!

YaWie fuckyou AT xs4all DOT nl said on 2008-10-30 14:33:32
What a lousy tutorial. You can't put a fucking gradient in a selected path

t-Tutorials menu

Contact us

Google Links