max gamer 0 Posted July 16, 2007 Report Share Posted July 16, 2007 ok i will try that Quote Link to post Share on other sites
FlipMC 0 Posted July 17, 2007 Report Share Posted July 17, 2007 I really like this tutorial, it helps me whenever I think of which kind of button should I use when I code my website! Keep it up. Quote Link to post Share on other sites
janettsue 2 Posted August 5, 2007 Report Share Posted August 5, 2007 The cat is a painting my very talented daughter did. I think I have done too many tutorials lately. I found myself deviating and using other things I had learned. I think that is a good thing. Thanks for the wonderful tutorial. Quote "One can't complain. I have my friends. Someone spoke to me only yesterday." EEYORE Link to post Share on other sites
Ash 10 Posted August 5, 2007 Report Share Posted August 5, 2007 The cat is a painting my very talented daughter did. Indeed And nice job with the orb btw Quote All creations Ash + Paint.NET [ Googlepage | deviantArt | Club PDN | PDN Fan ] Link to post Share on other sites
EVGNick 0 Posted August 10, 2007 Report Share Posted August 10, 2007 SWEET!!! Thank you VERY MUCH!! I can use these for a web page I'm working on!!! Quote Link to post Share on other sites
janettsue 2 Posted August 10, 2007 Report Share Posted August 10, 2007 I find that I like making glass buttons. Quote "One can't complain. I have my friends. Someone spoke to me only yesterday." EEYORE Link to post Share on other sites
Competes2Win 0 Posted August 11, 2007 Report Share Posted August 11, 2007 Great tutorial... I'm going to give it a try immediately. Looks kind of complex though for a beginner like me... Quote Link to post Share on other sites
lylcoup 1 Posted August 13, 2007 Report Share Posted August 13, 2007 I created this first one, and then experimented with the second, psychedelic one Quote WatRuLknAt? Link to post Share on other sites
tillerman35 0 Posted August 16, 2007 Report Share Posted August 16, 2007 Brilliant tutorial! I used your method to produce rounded square buttons. I'm not 100% satisfied with the highlights, but I can tweak them later. Tip for this type of work: Duplicate and keep the original background layer around. Call it "Flat White Background." It will make selecting the work area much easier (i.e. go to layer, magic-wand the circle or rectangle or whatever, then invert selection if needed). Make sure to un-check the "visible" option in the layer properties, though. My first attempt: I followed the tutorial nearly exactly. I only changed three things: 1. Made it a rounded rectangle 2. Used Glow effect, not drop-shadow on the "Control" layer 3. Used drop shadow twice on the flattened image, once with X=0, Y=0, Blur=10, and again with X=5, Y=5, Blur=10 A slight variation - Glossy Marbled Texture Same as above except: 1. Duplicate the "Flat White Background" layer, move to just above "Background" layer and rename to "Marble" 2. Select Primary Color=00660A, Secondary Color=White 3. Magic-wand the Marble layer to select the rectangle. 4. Effects->Clouds(Scale=75, Roughness=75, Blend=Normal) 5. Set Layer Properties to Blend=Normal, Opacity=50 Another slight variation - Swirly Glass Texture Same as above except: 1. Make a new (throwaway) image 800x600. 2. Primary Color=Black, Secondary=White 3. Effects->Clouds(Scale=75, Roughness=75, Blend=Normal) 4. Effects->Distort->Twist(Amount=45,Quality=2) 5. Ctrl-A to select entire image, Ctrl-C to copy 6. Switch back to original image and Edit->Paste Into New Layer. Keep the canvas size. Selection should be centered. 7. Set Layer Properties to Blend=Darken, Opacity=135, Name="Swirly" 8. Move Swirly layer to just above Background layer 9. Go back to Flat White Background layer. Select rectangle, Ctrl-I to invert selection. 10. Go back to Swirly layer and hit Delete key to make swirly same size/shape as rectangle. 11. Effects->Blurs->Radial Blur(Radial Amount=2) Quote Link to post Share on other sites
Mr Frojo 2 Posted August 16, 2007 Report Share Posted August 16, 2007 Not bad. I like that second one. The third one looks really sharp, but the bottom corners look a little wierd. Anyways, welcome to the forums! Quote I'm still alive! Link to post Share on other sites
Ellis_Enterprises 0 Posted September 30, 2007 Report Share Posted September 30, 2007 this button tutorial is quite capital! here is what i ended up with again, very cool! Quote Link to post Share on other sites
Gerbletech 0 Posted October 4, 2007 Report Share Posted October 4, 2007 I made a variety of internet browser buttons. In 6 different colors! Refresh: Stop: Home: Favorites: Info: Help: Quote Link to post Share on other sites
TheVoid 1 Posted October 7, 2007 Report Share Posted October 7, 2007 This is my result Quote [My DeviantART] Link to post Share on other sites
Pupperooni 0 Posted October 13, 2007 Report Share Posted October 13, 2007 Simply love them.I am gonna use it in my computer classs! Quote Link to post Share on other sites
hulagirl 0 Posted October 29, 2007 Report Share Posted October 29, 2007 I really liked this tutorial! Any suggestions how to make these buttons look indented instead? Quote Link to post Share on other sites
cjmcguinness 4 Posted November 2, 2007 Author Report Share Posted November 2, 2007 I really liked this tutorial! Any suggestions how to make these buttons look indented instead? Do you mean something like this? Quote Link to post Share on other sites
Frenzy 0 Posted November 5, 2007 Report Share Posted November 5, 2007 yea like that, how did you do that>> Quote Link to post Share on other sites
cjmcguinness 4 Posted November 5, 2007 Author Report Share Posted November 5, 2007 I really liked this tutorial! Any suggestions how to make these buttons look indented instead? Do you mean something like this? yea like that, how did you do that>> OK. Follow the tutorial right up to the point where you add the symbol (control) but before you add the drop shadow. Select the bottom layer (Background) and duplicate this layer (call it 'Duplicate'). Select the 'Control' layer and, using the magic wand tool (with tolerance set at about 50%), hold the SHIFT button and click on the white symbol - this shape will now be selected. Click on the new 'Duplicate' layer and press the 'Delete' key. You won't see any change at the moment, but if you untick the 'Control' and the bottom 'Background' layers you will see that the symbol shape has been cut out. Re-tick the bottom background layer (you can now delete the 'Control' layer as we no longer need it). Use one of the select tools (Rectangle or Ellipse) to select an area that is inside the bounds of the 'Duplicate' circle, but covers all the cut-out area (tip, draw a rectangle or ellipse selection then use the 'Move Selection' tool to resize and reposition). Select the 'Duplicate' layer and EFFECTS > Drop Shadow: Off X = -2, Off Y = -2, Blur = 2 and change the colour of the shadow to White (move the slider from the bottom to the top). Press CTRL+F to repeat. Go to EFFECTS > Drop Shadow and change the settings to Off X = 2, Off Y = 2. Blur = 2 and change the colour back to Black (move the slider back down to the bottom). Press CTRL+F to repeat. This will have created an internal drop shadow, or 'Inner Shadow'. You can now finish off by adding the drop shadow to the 'Background' layer as per the original tut. Hope this helps. -CJ Quote Link to post Share on other sites
DarkShock 49 Posted November 5, 2007 Report Share Posted November 5, 2007 Didn't this tutorial used to be floated? Quote ---- Gallery | Sig Tutorial | deviantART | Sig Videos | PhotoBucket ----D E S T I N Y Link to post Share on other sites
cjmcguinness 4 Posted November 5, 2007 Author Report Share Posted November 5, 2007 Didn't this tutorial used to be floated? This tutorial (I'm proud to say) was Stickied for quite some time, probably because it was seen as a nice introduction for Newbies and it demonstrated some basic effects and use of plugins. As well as (IMHO) producing some nice results. I went on holiday back in August and when I came back it had been un-stickied (along with many others that had been stickies for a while). Not sure why it was taken down, but it still gets some attention every now and again. Quote Link to post Share on other sites
MrRezister 0 Posted November 6, 2007 Report Share Posted November 6, 2007 Great tutorial, I really appreciate these! Looks like the edges are pretty rough though. What is the most effective way to smooth that out? Thanks, Quote Link to post Share on other sites
hulagirl 0 Posted November 7, 2007 Report Share Posted November 7, 2007 thats great. just what i was looking for. thank you! Quote Link to post Share on other sites
ronio 0 Posted November 11, 2007 Report Share Posted November 11, 2007 This is a great tut. Question: How can I wrap text on the circle so it looks like it was printed on a ball, rather than flat text that doesn't really belong? Quote Link to post Share on other sites
david.atwell 290 Posted November 11, 2007 Report Share Posted November 11, 2007 Try typing the text on a new layer and using the Shape3d or Tube Oblique plugin. Quote The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.Amy: But how did it end up in there?The Doctor: You know fairy tales. A good wizard tricked it.River Song: I hate good wizards in fairy tales; they always turn out to be him. Link to post Share on other sites
insaneflame 0 Posted November 14, 2007 Report Share Posted November 14, 2007 YAY! This is EXACTLY what i was looking for i needed a base for my icons for a theme for my PS3 and here it is Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.