Jump to content

The Easy Button Tutorial


Gamer_World14

Recommended Posts

This tutorial is locked:  Find a new version of it here http://forums.getpaint.net/index.php?/topic/31443-the-easy-button/#entry422376

 

 

For this tutorial, I am going to show you how to make a realistic looking easy button. This is my first tutorial, so please bear with me...
First, you will need some of the plugins that I used:

Ed Harvey Effects Pack ---Vignette
Shape3D Plugin ---Shape3D
BoltBait Plugin Pack ---Feather


Step 1: Open a new file and make sure that its dimensions are the same, i am going to do a large one just for the sake of the tutorial
e68d9ee066beec4c38ca6e84349ff16a4g.jpg

Step 2: Use the paint bucket and paint the whole screen red, then go to Effects>Render> Shape3D and keep all of the presets regular
0a1146f9789f9bea34a8c30d64df657c4g.jpg

Step 3: Create a new layer Ctrl + Shift + N and move it under the background layer.
dc674b0713295bed89b43f521d74064b4g.jpg

Step 4: Choose a light grey primary color and a dark grey color in the 'colors box'
3749f48937a83dd1acffebc11defce774g.jpg

Step 5: Select the Gradient tool (or press G) select the Radial Gradient. Then start as close as the middle as you can from the red sphere and then continue outward until it looks like this...
d5640ffdf93557d27dcf5496d0d134e14g.jpg

Step 6: Duplicate the Gradient Layer (Ctrl +Shift + D)


Step 7: Select the Middle layer which should be the first Gradient and go up to Effects>Render>Shape3D and this time ONLY change the scaling to 1.050
6062716a034d7ffc28b2e580727b12e64g.jpg

Step 8: Select the Bottom Gradient Layer and then repeat Step 7 except change the scaling to 1.200, set the camera angle to 48.0 and change the strength of lighting to 1.30
2e31d8e3fd95e9a4feed785764d7e0244g.jpgb0e2f4ca40f807ac625859f114696aa74g.jpg

Your Easy Button should look something like this now...
be2a70fb05a9d55a7a804bfd0c445ea94g.jpg

Now we add text

Step 9: Create a new layer (Ctrl + Shift + N) and make sure it is above the red button layer.

Step 10: To add text press 'T' or click the text tool. the font you will want to look similar to the easy button is Arial narrow, but we want to make it BOLD. Now type the text, "easy" or whatever you want it to say in the button. Also find a font size that is most appropriate to fit in the button.

Step 11: Make sure the color you have for the text is completely white and start typing

Step 12: Now duplicate the text layer (Ctrl + Shift + D) and make the bottom text layer's colors inverted (should be the second layer from top). To invert its colors, just select all (Ctrl + A) and then press (Ctrl + Shift + i).

Step 13: Once colors are inverted, select all and move it over to the right five times... I just press the right arrow key 5 times. It is a lot easier.

Step 14: Go to Effects>Photo>Glow and make the Glow Radius 20.
31719577363469f6ad23d557991806f24g.jpg

Step 15: Now go to your top layer with the white text and go to Effects>Object>Feather and make the Feather Radius =10, the Effect Strength = 1 and check the True Feather Box. This should make the text seem more 3D.
498a939c1260f9512af9ea719b399b464g.jpg

Step 16: After that, select only the white text and then go to Effects>Photo>Vignette and put the offset in the top left corner and set the radius somewhere between .8 and 1.0 to make the texts have a glare.
a242c1996ee20376eb626df7893692b94g.jpg
Now You Are Done!!!

Here is What the Final Image Should Look Like:

"Now That Was Easy" - Wasn't It?

EasyButtonImage2-1.png

Edited by Ego Eram Reputo
Linked to new version

deviantART | Paint.NET Gallery | bennettfrazier.com <-- (My new Website!)

 

Link to comment
Share on other sites

  • 2 weeks later...
This is how I got this... Did I get it right...?

RedFalconButton150x150.png

I really like Paint.Net, and trying to learn everything about it!

Nice image, it looks pretty cool. Thanks for trying out the tutorial, I like seeing the final version of people's creations.

@Hellowmate: Thanks for saying my tutorial is cool :D

deviantART | Paint.NET Gallery | bennettfrazier.com <-- (My new Website!)

 

Link to comment
Share on other sites

good job on the tut but why is the text kind of blurry?

I'm not sure that the text is blurry, does it really look blurry to you? I think Hellowmate is right, it is the Glow, not any sort of blur that makes it look that way. Btw, thanks for commenting :D

deviantART | Paint.NET Gallery | bennettfrazier.com <-- (My new Website!)

 

Link to comment
Share on other sites

Hah! This reminds me of class. x] My teacher has that button on her desk, exactly like the final image in your post. Press it and it says, "Now THAT was easy!" xD So adorable, nice tut! ^^;

Life comes at you fast, so take it real slow. ;D

A lame signature cover up. I'm too lazy to make anything at the moment. XD

Link to comment
Share on other sites

Hah! This reminds me of class. x] My teacher has that button on her desk, exactly like the final image in your post. Press it and it says, "Now THAT was easy!" xD So adorable, nice tut! ^^;

Thanks, lol. Yeah, I don't know why I made a tutorial on this because I barely ever go to Staples. Oh well, it was a blast to make this tutorial :D

deviantART | Paint.NET Gallery | bennettfrazier.com <-- (My new Website!)

 

Link to comment
Share on other sites

×
×
  • Create New...