Sign in to follow this  
Followers 0
Gamer_World14

The Easy Button Tutorial

34 posts in this topic

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
0

Share this post


Link to post
Share on other sites
Needs a glare. But I like it.

Well thanks, this is my first tutorial, so I'm new at this.

0

Share this post


Link to post
Share on other sites
Nice, but you should put links to what plugins are needed in this tutorial.

Ok, i will try and do that now. I was thinking about it when making the tutorial but never got around to it.

0

Share this post


Link to post
Share on other sites
Ok, keep up the good work!

It is updated with the links for the plugins...and thanks for the reminder.

0

Share this post


Link to post
Share on other sites

good work, a nice simpler alternative to the inset button tut

0

Share this post


Link to post
Share on other sites

This is a great tutorial, it looks a lot like the "Easy Button" from Staples :P

0

Share this post


Link to post
Share on other sites

Good tut, thanks! Here's my result (just following the tut 100%)

2akgq54.jpg

0

Share this post


Link to post
Share on other sites

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!

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites
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

0

Share this post


Link to post
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

0

Share this post


Link to post
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! ^^;

0

Share this post


Link to post
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

0

Share this post


Link to post
Share on other sites

cool mine turned out really sweet :) i would put it up but the canvas size is to big and i dont have time now to change it

0

Share this post


Link to post
Share on other sites

If you have another chance, could you be willing to put it up for me, I would really like seeing the final creation of people's images. thanks in advance :D

0

Share this post


Link to post
Share on other sites

ButtonThatWasEasyResized.png

Is this ok or is it too big? Should I Resize it or leave it be?

Fixed: Resized to 600x600 as requested ;)

0

Share this post


Link to post
Share on other sites
Sign in to follow this  
Followers 0