How to Make a Post-It Note
So you want to make a posit-it note? A note, a photo, anything - but posted on a wall for example. The basic technique to do this is quite simple. Let me show you how. First, make a shape you want to turn into a posted item on a special layer called “message”.

Now go to Edit > Transform > Warp. You’ll get nine points on your item. Dragging them around give your item a little perspective, so it does look more three dimensional.

Now duplicate the “item” layer and name the new duplicated layer “message shadow”. Drag this layer beneath your original “message” layer. Now, right click on “message shadow” and choose blending options. In these options under the drop shadow tool choose the look of your item’s shadow. Preferably, put “0” under distance so you get the shadow all around your item.

This is what you get.

If you look at your layers window, this is what you should have.

With the “message shadow” layer selected go to Layer > Layer Mask > Reveal All. Make sure you have the new layer mask of the “message shadow” layer selected.

Now using the gradient tool (with a selected default white to black gradient”) make a gradient from the top to the bottom of your message.

This is what you should have looking at the layers window.

Now you have the basic form of a posted item.

As you can see, the “magic” is in the shadow. Since shadows act up if you try to use this gradient technique on the top layer, you always need to use a special shadow layer. With a bit more work, a few more drops of color and some text, you can make a very nice stick-it note.



















October 15th, 2007 at 9:23 am
you didnt even leave instructions on how to make a customized layer..
October 18th, 2007 at 8:34 pm
Very Cool! …I’ve always done this sort of thing a different way. Thanks
November 6th, 2007 at 11:52 am
Nice but a post it note doesn’t need a piece of tape at the top.
November 10th, 2007 at 3:05 pm
Rofl yur right lace. Yeah be more detailed next to btw. Ty for tut.
November 12th, 2007 at 5:50 pm
looks good! This is another way i can make this
December 18th, 2007 at 8:00 am
Nice one. Simple and looks good. Combine it with a good handwriting font and your sorted.
Another simple technique I used when building the SchoolDisco.com website is write a real post it and then scan it in
January 6th, 2008 at 8:31 am
Noo, i didn’t get it. My version didn’t have the “warp” neighter, so I think I’ll use Jake´s real-post-scan tip;)
January 9th, 2008 at 5:34 am
I gat the same result like yours
simeple and looks good like Jake said
thanks, maybe i’ll use it =]
March 5th, 2008 at 11:08 am
very simple and works perfectly
thank you !!
greetings from Chile
March 18th, 2008 at 1:18 pm
I do edit > transform > and I have Scale, rotate, skew, distort and perspective… no Warp. I have turn 180º and stuff, but no Warp… HELP!
April 8th, 2008 at 1:55 pm
Does anyone know how to create a full design with post-it notes? I’ve seen people make faces using different color post-its. Please help!
April 13th, 2008 at 9:09 am
What photoshop is this for? I have paint shop pro 9 and it doesnt work for me. ):