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

How to Make a Post-It Note

Tags: ,

Are you new to Designerside? You should subscribe to our RSS feed so you can keep up with our great content. Thanks for stopping by!

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!
  • Design Float


26 Comments

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.

Красавчик
Nov 9, 2008 1:05

“Очень полезная вещь”

Yourko
Nov 11, 2008 1:49

да,но это еще и не все…

порноактер
Nov 11, 2008 3:53

“Добавил в закладки”

Nitrat
Nov 11, 2008 21:39

“Полезного много”

mva26
Nov 11, 2008 23:54

“прочитала с удовольствием”

Danger
Nov 13, 2008 18:59

фантастика!…

Cyrix
Nov 13, 2008 22:39

“Прямо даже не верится”

BlackStation
Nov 14, 2008 4:41

“ваш блог у меня в фаворитах”

Banzai
Nov 14, 2008 16:46

“отличный блог! отличные посты”

black
Nov 14, 2008 17:57

“прочитала с удовольствием”

rielter
Nov 16, 2008 15:44

Большое спасибо! Есть ещё повод получить удовольствие… С вашего разрешения, беру.

риелтор
Nov 16, 2008 16:55

Красота, особенно первая фотка

Yasik
Nov 16, 2008 19:22

“этот вне конкуренции”

МАВР
Nov 16, 2008 20:34

здорово)

Axl
Nov 17, 2008 13:31

“Мне нравятся Ваши посты”

Энтони
Nov 17, 2008 14:41

ммм)) так клёво))

Евгений2
Nov 17, 2008 18:19

“Побольше бы таких статей”

Проктолог
Nov 17, 2008 20:51

видели видели)

Наталья
Nov 17, 2008 22:04

Я от них безума!

МаМа
Nov 18, 2008 17:43

С чистым юмором.

S.I.V.
Nov 18, 2008 20:12

ha ))

Дедушка
Nov 19, 2008 6:28

“ваш блог у меня в фаворитах”

Аркадий-КТС
Nov 21, 2008 18:47

“Очень полезная вещь”

Leave a Reply

Comment

Our Sponsors

Thesis WordPress Theme

 

Advertise