JonathanWiki Posted October 11, 2008 Share Posted October 11, 2008 This is my first tut, so I really hope you like it! Today we will be making the classic yellow Post-It (™, ®, etc.) note. More colors may be added soon. END RESULT: To do this, you'll need one plugin. That is the anti-aliasing plugin. Getting Started We're going to make a 200 by 200 pixel image. Create a new image with that size. Delete the white background with the magic wand tool. (You can do a background later...) The Outline :LineCurveTool: To begin, draw two straight lines, one near the top, one near the right edge. Make sure these lines are colored with the hex code #FFF8D6. Try to make this as square as possible. Check-up: You should have something like this so far (barely visible): :LineCurveTool: Near the left edge, draw another line, but wait. Make sure that the line is slanted barely to the left. For you math geeks, it should be around 5 to 10° to the left. Then, make sure that the bottom of this line is further up than the right edge's bottom. Also, add in a very slight curve. Check-up: You should have something kind of like this so far. I used a black background to let you see exactly where the line curves, etc. :LineCurveTool: For the bottom edge, just connect the bottoms of the two lines, and give it a little downward curve. I don't think I should give a picture for the sake of my bandwidth, and you should have the imagination to draw it in your head. :-) Fill'er up! :PaintBucketTool: Fill the post-it with the same hex, first with a tolerance of 44%, then again with a tolerance of 66%. That removes any anti-aliasing, which we'll deal with later. Check-up: You should have something like this. Still using a black background for visibility. Don't use that tone with me! Time to give this some more realistic tones. Select the post-it with the magic wand. :LinearGradient: Make a linear gradient. One hex will be #FFF8D6, then the other #FFE770. Make sure that the darker color is on top! :AntiAliasingOn: Now let's undo our anti-antialiasing. Go to the "Antialiasing" tool (Effects>Antialiasing). Going down, the numbers should be 9, 980, then 1. Groundhog Day (shadow time!) :DuplicateLayer: Duplicate the layer you were working with. :Down: Move the layer down under the post-it layer. Set the brightness to -100. :Delete: Delete the upper 3/4 of the shadow layer. Move and rotate to where there is a very clear shadow under the lower-left corner. :GaussianBlur: Gaussian Blur with a setting of at least 10. I used 13. You'll be done write away! Use a handwritten font (my fave is Hand of Sean) and type something.... You're done! Thanks for reading! dA - gallery - web - pic src Link to comment Share on other sites More sharing options...
LJXD Posted October 12, 2008 Share Posted October 12, 2008 cool, thanks |My Sig Tut| Deviant Art |Advanced Grunge Texture|My Gallery The Birthplace of Life Link to comment Share on other sites More sharing options...
Sfifer Posted October 13, 2008 Share Posted October 13, 2008 wow thats really cool i though u would have used the page curl plug-in but u didnt nice work Blog Twitter My Gallery Link to comment Share on other sites More sharing options...
JonathanWiki Posted October 14, 2008 Author Share Posted October 14, 2008 wow thats really cooli though u would have used the page curl plug-in but u didnt nice work Nah, manual work is better. ;-) :-P dA - gallery - web - pic src Link to comment Share on other sites More sharing options...
smartacrobat Posted October 14, 2008 Share Posted October 14, 2008 Nice tutorial. Thanks you. Link to comment Share on other sites More sharing options...
Agony Posted October 16, 2008 Share Posted October 16, 2008 This tut came out really cool. I printed the picture and cut it out, and my friend thought it was real. Link to comment Share on other sites More sharing options...
JonathanWiki Posted October 16, 2008 Author Share Posted October 16, 2008 This tut came out really cool. I printed the picture and cut it out, and my friend thought it was real. :-O ... It's not that realistic, is it?????? dA - gallery - web - pic src Link to comment Share on other sites More sharing options...
becauseiwantedto Posted October 22, 2008 Share Posted October 22, 2008 This tut came out really cool. I printed the picture and cut it out, and my friend thought it was real. :-O ... It's not that realistic, is it?????? Ha, yeah, it's pretty real. If only I had some lines of adhesive, this could fool... well, the dean, but that's just because he's.... never mind, wayback machine might come back to bite me... Anyway, here's my try: Hehe. Changed the text in the signature yay! PDN gallery! Link to comment Share on other sites More sharing options...
Paul Posted September 19, 2009 Share Posted September 19, 2009 Great tut. Here's Mine it took me about half and hour! Is it really nessecary to put text here? Thought not Link to comment Share on other sites More sharing options...
flip Posted September 19, 2009 Share Posted September 19, 2009 Cool and simple. Nice job. Gallery Link to comment Share on other sites More sharing options...
Sh0x Posted September 20, 2009 Share Posted September 20, 2009 hmm.. cool outcome heres mine: Hidden Content: But shouldnt this be in newbie playground, think its kinda easy ? Working on a new signature I need Inspiration PM me if you are danish ! Link to comment Share on other sites More sharing options...
Onemorelevel Posted September 20, 2009 Share Posted September 20, 2009 A good idea is to include how to make a thumbtack with it "Being calm can work wonders" ~My gallery~D: Iceberg Tutorial! Link to comment Share on other sites More sharing options...
Sh0x Posted September 21, 2009 Share Posted September 21, 2009 A good idea is to include how to make a thumbtack with it [edit] just a round circle with grandiant (blue, and a very ligth blue) and then dropshadow! Working on a new signature I need Inspiration PM me if you are danish ! Link to comment Share on other sites More sharing options...
Kieki13 Posted September 22, 2009 Share Posted September 22, 2009 I made one Link to comment Share on other sites More sharing options...
gekkoutora23 Posted January 14, 2011 Share Posted January 14, 2011 Pictures would be very helpful. Link to comment Share on other sites More sharing options...
Musiphonix Posted February 13, 2011 Share Posted February 13, 2011 Every picture is completely broken. It's probably not your fault, but please fix them. By the looks of other's results, this would be worthwhile knowing! |Image Gallery| |deviantART Page| |My Profile| Link to comment Share on other sites More sharing options...
pdnnoob Posted February 13, 2011 Share Posted February 13, 2011 Original post is 2 years old and the poster hasn't been online since then either. I don't understand why anyone would bother digging in back up just to ask someone that likely doesn't use the forum anymore to fix the broken images especially when the image hosting website used no longer exists. I suggest you try figuring it out yourself. If you can't, I'll see what I can do to make some example images for you. (just say please ) No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo Link to comment Share on other sites More sharing options...
Musiphonix Posted February 13, 2011 Share Posted February 13, 2011 Original post is 2 years old and the poster hasn't been online since then either. I don't understand why anyone would bother digging in back up just to ask someone that likely doesn't use the forum anymore to fix the broken images especially when the image hosting website used no longer exists. I suggest you try figuring it out yourself. If you can't, I'll see what I can do to make some example images for you. (just say please ) Didn't realise it was that old, it was at the top of the pile! So someone else bumped it. But oh well, nvm. |Image Gallery| |deviantART Page| |My Profile| Link to comment Share on other sites More sharing options...
Recommended Posts