Tutorials - Written by Josh on Monday, May 26, 2008 14:44 - 3 Comments
How to Make a Post-It Note
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”.

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.

3 Comments
lace
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
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
Our Sponsors
Most Popular Content
- 20 Amazing Photoshop Light Effects
- Create A Set Of Glowing Rings
- 42 Wood Grain Website Designs to Inspire
- 8 Website Thumbnail Generation Services Compared
- 25 Well Designed Church/Religious Organization Sites
- 25 Color Scheme Resources
- Free Vintage Photoshop Action
- 50 Add To Cart Buttons Compared
- Create A Set Of Glowing Rings
- 25 Color Scheme Resources
- 20 Amazing Photoshop Light Effects
- 8 Website Thumbnail Generation Services Compared
- 25 Well Designed Church/Religious Organization Sites
- 50 Add To Cart Buttons Compared
- 20 Inspirational T-Shirt Designs
- 42 Wood Grain Website Designs to Inspire
- Free Vintage Photoshop Action
- Music to Work By: 15 Albums Necessary for Any Designer’s Playlist
- Free Weather Icon Sets
- I LOVE ITTTTTTTTTTTTTTT! Thanks! :)...
- really cool i love it...
- @Josh: That isn't a layer mask...that's just a shape. I didn't mention the layer...
- From the very beginning i get a little lost, I see there is a layer mask added t...
- Very nice collection Very inspiring...
- wowwww! i rili luv your blog! : ) keep on bringing us more useful and fanstastic...
- Hi Josh,
Thanks for taking a look at our service as well. I should mention th...
- me too :)
i think i'll buy "how to cheat on photoshop cs3".
thanx for the revi...
Design, Tutorials - Aug 1, 2008 13:18 - 4 Comments
Create A Set Of Glowing Rings
More In Tutorials
- Walkthrough: Making the .Mac Icon
- How to Make a Post-It Note
- Get Some Hierarchy in Your Design
- Color your mood - How color affects your life
- Making sense of text by using typography hierarchy












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