Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Design a pad of Post-it Notes
rss

Design a pad of Post-it Notes

Author: Nifty Tutorials More by this author


This tutorial uses a nifty looking wood texture as the background area to represent a desk. Click here to create the same wood texture.

1. To start this tutorial, create a new layer (Alt+Shift+N) begin with a square-like shape and fill it with color #e0cd73. You can use the rectangular marquee tool (M) to create the square-like shape.

image 1

2. Go to filter>noise>add noise and use these values.

image 2

3. Here is what you should have.

image 3

4. On this layer go to blending options and add a default black/white gradient with these settings.

image 4

5. This is close to what you should have.

image 5

6. Now go back into the blending options and add a bevel & emboss with these settings.

image 6

7. Here is what you should have.

image 7

8. Next we can add a nice design at the top of each note. Here is what I used.

image 8

You can add it into your existing document by copying and pasting it. An Alternate way is to simply open it up in its own document and drag and drop it to your existing document. This is what you should have.

image 9

9. Now for the cool part. Position and resize the design and then change the blending mode to 'multiply'. Here is what you should have.

image 10

10. And your layer palette should look like so. 'Layer 4′ is the design layer which I changed the blend mode to multiply. Please note you can disregard the 'Layer 2′ and 'Layer 1′ as those are layers created from the wood texture tutorial.

image 11

11. Next in order to transform the 'notes' we need to merge the design layer (Layer 4) with the note layer. So with your design layer selected in the layers palette hit Ctrl+E to merge it down. Now this is what your layers palette should look like.

image 12

12. Next enter free transform mode (Ctrl+T) and move the constrain dot (the dot in the middle of the object being transformed) and move it down and left a small amount. Then rotate the note clockwise a small amount. Like shown.

image 13

13. After you apply the transformation, hit Ctrl+Shift+Alt+T on your keyboard 7-9 times and you will get something like this. What this does it re-do the transformation each time you hit those keys. Each transformation is based on the location of the previous transformation and is put on a new layer. So you get a spiral effect.

image 14

14. Your layer palette will look pretty confusing at first, but it's simply showing each 'note' layer. We will fix this in a few more steps. For now we will give the top most 'note' layer a different rotational angle for a nice effect. To do this just enter transform mode for the top layer only and give it a different angle.

image 15

15. Like this.

image 16

16. Now for another nice little touch. Duplicate the layer you just gave a new rotation (transformed) and move it all the way to the bottom of every other 'note' layer but above your background layer. When you move your layer to the bottom, reduce the fill to 0%. This is what this step should look like.

image 17

17. Now go into blending options and add a drop shadow with these settings.

image 18

18. Here is what you should have, a nice subtle shadow from the top note.

image 19

19. Now it's time to combine every note layer. This is not entirely necessary but I suggest doing it. What you want to do is click on the top most note layer, hold Shift, and then click the bottom most note layer, like shown. This will select every layer in between. Now, hit Ctrl+E to merge them into 1 layer.

image 20

20. Here is what your layer palette should look like after the merge.

image 21

21. Now you can add some text on top. I used very nifty font called Jennifer's-Hand-Writing.

Design a pad of Post-it Notes Tutorial: Final Result

That's it!



Author's URL: niftytutorials.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Design a pad of Post-it Notes"