Sign in to follow this  
BuzzKill

Making glass buttons

Recommended Posts

4.) In the Colors window, set the primary color's transparency-alpha to 0 (zero). Open up Tom's Code Lab and load SearedIce's Transparent Fade script. You can get Tom's Code Lab here: http://paintdotnet.12.forumer.com/viewtopic.php?t=1096 and you can get SI's script here: http://paintdotnet.12.forumer.com/viewt ... ight=#5120 .

can you give me step by step ins. to load SearedIce's Transparent Fade script and to save as DLL

Share this post


Link to post
Share on other sites

If I understand you correctly, you copy SearcedIce's code and paste it into the Code Lab window. To compile as a DLL, simply hit the button 'Build' and follow the necessary steps.

If there are any errors with the code, someone else will have to lend a hand as I'm not that well versed in coding.

Although, you should be aware of the new Buttons plugin by MadJik, expediting this whole process: viewtopic.php?f=16&t=28865

Share this post


Link to post
Share on other sites

This was a fun tutorial, easy to understand and easy to do. Thank you so much for it.

Here's my shot at it:

anonbutton4.png

On the second glass button tutorial, instead of using the Tom Code Lab and SearedIce, I used the gradient tools as a substitute and got this result, which I'm pretty happy with.

anonbutton3.png

Share this post


Link to post
Share on other sites

this ended up quite a lot like the one in the tut. (i did not copy it!)

HalfLife2icon.png

differences are that i added a small colour change on the symbol and the symbol is orange

i also used this to help me make my Avatar :)

Share this post


Link to post
Share on other sites

Here is my first try at it...

31179_0623eecacdc9bf1a0d4f881d53bc7356

I felt it was missing something, so I messed with some effects...not sure which ones, but I ended with this

31179_9e9cf71e0f38ba41abd357ac63993e2f

Share this post


Link to post
Share on other sites

I need a bit of help with the following.

Ok, we'll start of with creating a new image (ctrl+n). I chose 200x50 px. Fill it in with a color of your choice. This color will be the main color of your button. Whichever color you choose, avoid having the "Value" of that color set to maximum (100) I don't know how to change the "value" of a color"as we will be using it in the next step for a gradient.

Pick the Rectangle tool (o), make sure you have "Draw Filled Shape" selected (bottom toolbar, next to "Fill style"), and set the value of your color to maximum (100). Go about three quaters down the image and draw a rectangle from that point down, all the way across. Do a Gaussian Blur at a 10px radius.

Share this post


Link to post
Share on other sites

Use the wand :MagicWandTool: to select the white area and press delete.

You will also need to save the image in a format that preserves transarency (generally GIF or PNG).

Share this post


Link to post
Share on other sites
Use the wand :MagicWandTool: to select the white area and press delete.

You will also need to save the image in a format that preserves transarency (generally GIF or PNG).

I tried as you said but it still shows white box around button in Windows Picture Viewer but not here.See here,

Thanks in advanced and

Regards.

41057_255888704ca6a6ec62c0a4c58c3e7373

41057_f83545e23452775e8d74c0f99347912d

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