Sign in to follow this  
toe_head2001

Sticky Note

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

 

 

This is an alternative/replacement to the 'Post-It™ note' tutorial by @JonathanWiki. My tutorial uses a different process, and makes a less cartoon-like sticky note than his did.

sticky.png

----------------------------------------------------------------------------------------------------

1) Use the Shape ( :RectangleTool:) tool to make a solid ( :ShapeDrawTypeInterior: ) black square measuring 200px by 200px

black-square.png

2) Add a new layer ( :LayersAddNewLayer:  )

3) Set the primary color to F3FF8E

4) Use the Shape (para.png) tool to make a solid ( :ShapeDrawTypeInterior: ) parallelogram measuring 20px by 200px

yellow-line.png

5) Use the Selection ( :RectangleSelectTool:) tool to split the parallelogram in two, and then use the Move ( :MoveTool:) tool to move each half to the edge of the black square

yellow-lines.png

6) Use the Shape ( :RectangleTool:) tool to make a solid ( :ShapeDrawTypeInterior: ) rectangle to fill in the space between the yellow halves

7) Delete the layer with the black square

yellow-filled.png

😎 Use the Selection ( :RectangleSelectTool:) tool to select the top 20px of the sticky note

20-selected.png

9) Delete the selection

20-deleted.png

10) Use the Shape ( :RectangleTool:) tool to make a solid ( :ShapeDrawTypeInterior: ) rectangle to recreate the top of the sticky note; 20px in height

20-replaced.png

Note: this was done to remove the diagonal lines where the glue on the sticky note would be.

11) Add a new layer ( :LayersAddNewLayer: )

12) Move this new layer under the other one

13) Set your primary color to black

14) Use the Shape ( :RectangleTool:) tool to make a solid ( :ShapeDrawTypeInterior: ) rectangle measuring 45px by 175px, and rotate it 10 degrees clockwise. Positioned as so...

shadow-rec.png

15) Use the Selection ( :RectangleSelectTool:) tool to create a selection rotated to -30 degrees clockwise. Positioned as so...

shadow-snip.png

16) Delete the selection

shadow-snipped.png

17) Use the Gaussian Blur ( :BlurEffect:) effect at a value of 10

gaussian.png

shadow-blur.png

18) Set the layer ( :LayersLayerProperties: ) opacity to 75

opacity75.png

shadow.png

19) Add a new layer ( :LayersAddNewLayer: )

20) Move this new layer to the top of the stack

21) Use the Text ( :TextTool: ) tool to add words

text.png

Done!

  • Upvote 3

Share this post


Link to post
Share on other sites

What do you mean less cartoon like? They both look the same,lol.  Good job though.   ;)

 

A little hint for those trying this, use the wobble plugin with the Amount and Wobbles set real low to give it that curly look like most have. If you use this after merging the text onto the paper it will also bend the text to make it look more realistic.   ;)

Edited by skullbonz

Share this post


Link to post
Share on other sites

What do you mean less cartoon like? They both look the same,lol.  Good job though.   ;)

The final result of the other tutorial has a light source that makes no sense to me.

 

A little hint for those trying this, use the wobble plugin with the Amount and Wobbles set real low to give it that curly look like most have. If you use this after merging the text onto the paper it will also bend the text to make it look more realistic.   ;)

 

Are you certain of that? Yes, I would agree that most sticky note graphics have a curly edge to them, but from looking at many actual photos of sticky notes, I would not agree that a curly edge is more realistic. In some cases, one of the two bottom corners may stick out from the wall slightly more than the other corner, but it's not curly.

 

Of course I've been wrong before, so please feel free to correct me.

 

Please don't take these statements as if I'm arguing with you; I'm just pointing out the observations that I made.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this