Jump to content

Ps <-> PdN 'HiGloss Button' Tutorial Request


Recommended Posts

http://forum.crystalxp.net/index.php?showtopic=4234

I know there are dozens of 'glass button' tutorials. But I just stumbled upon this Photoshop tutorial that has the most gorgeous glass buttons I've ever seen!

Reading through it, I sort of understand it. And I totally see how it would be done in Photoshop... but this isn't the case with Paint.NET. It relies very heavily on Photoshop's Adjustment Layers and such.

I happen to be fortunate enough to own a copy of Photoshop, so that's not really the problem. But I'd love so much to see this kind of quality done with PdN. (Which, sadly, may not be possible. :()

---

I'm going to keep toying around with it myself. But I figured I'd post this to see if it sparks inspiration in anyone.

I'm thinking you could rig up most of it with Gradient Mapping and Curves. But I haven't had a chance to really try it yet as it's quite late and I'm just heading off to bed.

Good luck to you all. :)I'm sure if we put our heads together we can break this thing!... But not now. I'm too sleepy. :wink:

---

Edit: Grr... I hate having PdN induced insomnia...

Here's my first real crack at it. The only thing I can't quite get is giving the rims are sense of depth. :/

buttontest.png

Link to comment
Share on other sites

I think you mean...

We Want Tut !

We Want Tut !

We Want Tut !

We Want Tut !

We Want Tut !

We Want Tut !

We Want Tut !

Anyway, It's real simple (the rim part).

Open a new image. Draw a vertical gradient (white on top).

Use the Ellipse Selection tool to select a circle in the center of the canvas. Invert the selection and delete the background.

Center the remaining circle using the Align Object plugin.

Radial blur the circle with default settings.

Duplicate the layer and use Rotate/Zoom to make the top circle about 95% smaller than the bottom circle.

Flip the top layer vertically.

Now, just use Curves(+) on the bottom layer to get the desired highlights/shadows. Then, use the same/similar Curves settings on the top layer.

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

bb00, you are incredible! :o

v An excellent open–source strategy game—highly recommended.

 

"I wish I had never been born," she said. "What are we born for?"

"For infinite happiness," said the Spirit. "You can step out into it at any moment..."

Link to comment
Share on other sites

bb00, you are incredible! :o

You, my friend, aren't bad yourself. :)

I really appreciate that. :)

v An excellent open–source strategy game—highly recommended.

 

"I wish I had never been born," she said. "What are we born for?"

"For infinite happiness," said the Spirit. "You can step out into it at any moment..."

Link to comment
Share on other sites

bb00, you are incredible! :o

You, my friend, aren't bad yourself. :)

I really appreciate that. :)

Enough mushy back-slapping! :lol: Back on-topic!

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

@Bugster, just follow the steps I gave you and you will have your own images...hehe

As for the rest of the button, it is basically the same as CJ's Simple *Round* Glass Buttons Tutorial, except the highlights are at an angle...

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

Okay ,

il stop , if you stop being that serieus and etc.

remember , whe are doing this for the fun

im wasting my time when i could actually do other stuff because its so fun.

but you ruin it Every time !

WHATZ.png

wear our signature and earn 50 studiocredits. pm me your username if you want to participate.

Link to comment
Share on other sites

bb00, you are incredible! :o

You, my friend, aren't bad yourself. :)

You guys both astound me with the stuff you post on here 8)

Thanks for sharing Wither, I love trying Photoshop tuts in PDN

EDIT: Hadn't read p2, sorry for reviving the mushiness =p

"pyrochild, you're my favorite person ever. We should go snowboarding some time."~ 007 Nab. Ish.

PDN Gallery | I Made a Deviant Art!

Link to comment
Share on other sites

And so the mushiness was revived, engulfing Helio and barkbark00, who were never heard of again... :P

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

And now back on topic, I think this has been resolved. ;)

v An excellent open–source strategy game—highly recommended.

 

"I wish I had never been born," she said. "What are we born for?"

"For infinite happiness," said the Spirit. "You can step out into it at any moment..."

Link to comment
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.

×
×
  • Create New...