Tutorials - Written by Josh on Monday, May 26, 2008 14:44 - 3 Comments

How to Make a Post-It Note

Tags: ,

Learn how to realistically create a “posted” item such as a note, photograph, piece of paper, and more. It only takes a few steps and anyone can do it! 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”.

How to Make a Post-It Note

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.

How to Make a Post-It Note

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.

How to Make a Post-It Note

This is what you get.

How to Make a Post-It Note

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

How to Make a Post-It Note

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.

How to Make a Post-It Note

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.

How to Make a Post-It Note

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

How to Make a Post-It Note

Now you have the basic form of a posted item.

How to Make a Post-It Note

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.

How to Make a Post-It Note

Download the PSD used for this tutorial.

Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Facebook
  • Mixx
  • NewsVine
  • Pownce
  • Reddit
  • Technorati
  • TwitThis
  • Print this article!
  • E-mail this story to a friend!


3 Comments

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

lace
Nov 6, 2007 11:52

Nice but a post it note doesn’t need a piece of tape at the top.

Jake
Dec 18, 2007 8:00

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 :)

Emil
Jun 23, 2008 17:54

Nice, but would prefer, if you do the warping again at the end, to give it a twirl at the bottom, and create a shadow effect underneath it.

Leave a Reply

Comment

Our Sponsors

Most Popular Content

Design, Tutorials - Aug 1, 2008 13:18 - 4 Comments

Create A Set Of Glowing Rings

More In Tutorials


Business - May 26, 2008 14:02 - 7 Comments

Pricing For Creative Projects

More In Business


Books - May 26, 2008 14:27 - 2 Comments

8 Must-Have Books for Learning Photoshop

More In Books