Kaoz-tutorials
Filters (New!) | RSS feed RSS feed | Our Tutorials | Submit Tutorials | Contact

Photoshop
Flash
HTML and CSS
JavaScript
PHP programming

Post it

Create a new document, 600 x 600 pixels with white background.

Create a new layer and name it "postit".

Set the Foreground color to #f8dd4b and the Background color to #fffca2.


Select the "postit" layer. Select the Gradient Tool.


Create a gradient fill from the upper right corner to de bottom left corner.

Select Edit > Free Transform (or press Ctrl + T).

Scale the "postit" layer to fit your needs. Tip: Press Shift+Alt while you drag a corner handle to maintain proportions and the keep the postit on the center of the canvas. Dont' apply changes yet.

Still using the Free Transform Tool rotate the selection a few degrees. Dont' apply changes yet.

Now click the Switch Between Free Transform And Warp Mode button in the options bar.

As you see in the image, I highlighted the control points we'll drag. Start on node 1 and move it on the direction of the arrow. Continue to move the next nodes. Respect the order and directions.

Now press “Enter” to apply changes.

Duplicate "postit" layer and name the new layer "shadow".

Go to Image > Adjustments > Desaturate (or press Ctrl + Shift + U).

Go to Filter > Blur > Gaussian Blur.

Set 8,5 pixels as radius value.

On the Layers Palette drag the "shadow" layer under the "postit" layer.

Select the "shadow" layer on the Layers Palette and go to Edit > Free Transform (or press Ctrl + T).

Drag the nodes with Ctrl pressed. I’ve added some arrows to help you out.

Select the "postit" layer.

Go to Filter > Noise > Add noise and use the following values:

Amount: 2
Distribution: Gaussian

This will give more realism to our post it.

And that's it.

You can add some text now. Don't forget to Add Noise to text too for better results.

If you have any question regarding this tutorial, please - contact us -

Comments:
Dirkske on Sat, 26 Jan 2008 19:00:37

Hi!
Nice, What font did you use ? :D

Teddy on Tue, 26 Feb 2008 23:23:08

Excellent tutorial for a beginner.....i enjoyed that.

Dr on Thu, 13 Mar 2008 00:57:44

Thank you much for this.

gutenmter on Tue, 25 Mar 2008 15:06:49
http://nosite.com

If you're an avid PS3 gamer, then you know the importance of saving your progress for future game play.
Pls, help me!

Jourgenz on Thu, 27 Mar 2008 05:49:20
http://google.com

Hi.
It's test. This site was probably down...

John Metcalfe on Fri, 28 Mar 2008 17:20:14
http://www.eatoutindurham.com

Great tutorial, used this style on my site for a RSS icon.

http://www.eatoutindurham.com

Paul on Sun, 27 Apr 2008 17:23:23

Thank you. For a first timer that helped alot.

swesharge on Thu, 01 May 2008 07:14:04

Hi all!

Bye

CepVorcedop on Sat, 17 May 2008 09:32:56

. . . . . . . . . .

arabian muslim on Sun, 25 May 2008 10:50:23
http://www.l3rb.com

thank you veru much its realy good job go on dont give up you are ahero thats what i can tell you

take this as a emblem neck or nothing

Can Surmeli on Thu, 19 Jun 2008 13:36:55
http://blog.cansurmeli.com

Very, very good job. Thank you.

Don't stop on writing tutorials.

Antonio Ferraioli on Sun, 20 Jul 2008 09:25:18
http://www.antferr.com

Very good tutorial!

Willi on Wed, 03 Sep 2008 01:33:27
http://www.badenhorst.org.za

Thanks! Great tutorial.

Stan on Tue, 23 Sep 2008 08:44:02
http://www.kristovsky.ru

Simple and good!!! Thanks

Johnny on Tue, 14 Oct 2008 18:34:35
http://www.google.com

One of the best and realistic post-it note I have ever seen. Thanks!

buzi on Sun, 09 Nov 2008 11:18:07
http://yuotubeporno.tripod.com/

Yuo tube porno :
http://yuotubeporno.tripod.com/

Elaine Mingus on Tue, 11 Nov 2008 14:25:14
http://www.emingus.com

I was fixing to pay $5 for a post-it on istock.com - I'm so glad that I did this tutorial and will definitely use it time and time again. So easy, and one of the better looking tutorials out there for post-its!

But your comments section needs a moderator, there are people trying to spam your board up.

Thanks again.
Elaine

buzi on Sun, 16 Nov 2008 20:43:59
http://farise.cn

Buy cialis online :
http://www.bookmark.com/forum/showthread.php?t=8121

Name *required
email
Website