Sticky Note

In this tutorial I will be teaching you how to make a sticky note tutorial like the one below, using Adobe Photoshop:

finalresult-large.jpg

Step 1: New Document

Start off by opening up Photoshop and make a new document using the settings below:

newdocument.png

Now you can fill the background in with a color or use this cork background I used:

cork-large1.jpg


Step 2: Sticky Note


Take out your pen tool and use the settings below:

pensettings-full.jpg

Now on a new layer make a shape similar to the one I have below. You may use my anchor points as a guideline.

guidelines-large.jpg

Now fill in the shape by right-clicking on it and selecting “Fill Shape”. Fill it in with any color for now but we will be adding a gradient later.

fill-large.jpg

Now add a gradient overlay to the shape by doube-clicking on the right side of the layer in the layers palette. Use the settings I used below for your gradient overlay.

gradientoverlaysettings-full.jpg

 

The gradient goes from #ffea98 to #f8df4a.

Now let’s add the drop shadow. Double-click the right side of the sticky note layer in the layers pallete and click Drop Shadow. Use these settings:

dropshadow-full.jpg

 

Your sticky note should now look something similar to this:

halfdone-large.jpg

If you have something similar to this, then you’re on the right track! Now let’s go to the next step and add some text.

Step 3: Adding Text

Now let’s add some simple text to our new sticky note. Type in whatever you want. I rotated my text to the right a few degrees to go with the flow of the sticky note. The font I used is called Journal. My final result is:

finalresult-large.jpg

And that’s it! You’re finally done. Now you have your finished sticky note.

Leave a comment