Post-its

17-09-2008 | Last editted on 08-04-2009 13854 views

Everyone in the office-world, and the non-office world knows what post-its are. If you have no idea what they are, don't worry. Post-its are THAT cool you still want to make it. This tutorial will teach you in a few simple steps how to create your very own digital post-its, perfect for writing schedules and appoinments on 'em!

Difficulty: Rookie 9 comments | Posted in Designs


Introduction
Post-its. My favorite way of scheduling. It's the most famous product used for notes because of it's re-adherable strip of adhesive on the back.
Also a very cool and usefull technique to learn if you want to create an office website with actual objects in the background. This post-it will fit perfectly in that theme. Or don't forget this technique if you want to add a semi-realistic comical touch to a website or graphic.


The Post-it
Use your Rectangular Marquee-Tool to draw a square-ish shape on a new layer and fill it with the color #FFE44F which is Post-It yellow.
Next up, create a new layer and grab your Gradient-Tool and set it to black and transparent and use a Linear setting. Then drag a nice gradient from the top to a little above the middle of the image.

Press CTRL+SHIFT+G to mask it with the square. Use the Move-Tool (V) to move it a little lower using the Arrow-Keys. Then, lower the opacity to about 10-20%

Your Note
Use ANY handwriting-font, or use your drawing-tablet if you have one, to write a note or something you wish to place on the post-it.
Use a Black color for the text. Then lower the opacity to 80-95%

The Curl
Merge the text and the post-it together into one layer and go to Edit>Transform>Warp and move the lower anchor-points a little to the right like my image below.

Finishing it
Press CTRL+T and rotate your post-it a little to the left. The press OK and CTRL+J to duplicate the layer. Press CTRL+U and drag the lower slider all the way to the left. Drag this layer underneath the other and press CTRL+T again. Now, drag the middle lower anchor-point a little down like the image below.

Go to Filter>Blur>Gaussian Blur and set it to 10-20 and lower the opacity nicely to 30-50%. Then just play around with mulitple post-its by repeating these easy steps!

Conclusion
A very easy-to-learn way to create one of the most famous office-products. I dare to bet that more then 50% also has them lying around their pc right now while reading this.
Sadly, I cannot check this, so you're just gonna have to believe me. Just like when I say that this technique is very handy.



avatar

SEXY BLACK CAT

February 9th, 2010

That's really cool! How awesome!

avatar

God

March 31th, 2009

Yes, my son. You did.

avatar

Jesus

March 31th, 2009

OMG I DIDIT

avatar

Ross-H

October 11th, 2008

Still pretty new on photoshop im gonna try this now looks cool :)

avatar

Braulio A. L

September 25th, 2008

nice tutorial , but the spam sucks

avatar

Sir Ali

September 21th, 2008

Holy spam batman!

avatar

Jordan Parker

September 19th, 2008

Nice tutorial man! I have my own version of this is my tutorial section.

avatar

Dazzling

September 18th, 2008

Nice tutorial. I have been looking for a nice post it tutorial all over the place, and none make it as simple as you do.

avatar

Malcolm

September 17th, 2008

Awesome work man! I really like this tutorial!111!1


Care to comment this?