"In this Adobe Photoshop tutorial we will make a cartoon style enter and leave splash screen for your website, have a look below to see what I came up with."
"Okay I know I was not very creative with the nave for this tutorial, I just like the button, so see how to make this cool and colorful web button with adobe photoshop."
"Step 1 Get an object wich has NO layer-styles on; If it does have styles, simply create a layer UNDERNEATH your layer and select the top-layer and press CTRL+E;"
"1. Open your stationary up. Use the Rectangular marquee set to 2 pixel by 100 pixel to select the repeating stripe on the top. Click Edit=>define pattern."
"14. Double click layer 3 to bring up Layer Styles. Click drop shadow. Adjust distance to 15. Double click inner shadow make adjustment to Distance size and choke to your liking. Last double click inner glow and make adjustment to size to your liking. and bingo there is your glass button or ball."
"This tutorial will teach you some fundamental techniques when it comes to making cool looking buttons for a navigation bar easy to understand with plenty of detail and a nice looking outcome that can be used on any modern looking website."
"There are hundreds of thousands of styles to apply to your text and buttons using PhotoShop - and it is very easy to come up with your own styles when you're just experimenting. This tutorial will show you how to create a gel-looking text and button effect which looks very clean and polished."
"The glossy look has been extremely popularized by the so-called Web 2.0 trend, that almost all buttons you see on the internet these days have a similar look. This tutorial will show you how to easy recreate this look in PhotoShop. We will create a button with a shine to it."
"Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your icon text layer. Then set the text layer�s blending mode to Darken."
"Your in a hurry and need a glossy button for your website. Follow the steps of this tutorial and in less than 2 minutes, you will have something like this�."
"One last step you can add a drop shadow to the bottom circle for more depth. And that�s it you now have a glossy RSS button. Here are some other buttons you could make too!"
"Start with a large black canvas. On your layers window make a new layer set, name it Fresh Navigation Tabs. In a new layer draw a 114 x 25 pixels, #6FD325 rectangle. Cut the top left corner of your rectangle using your lasso tool."
"In this tutorial, we will be creating a very sleek, smooth button that looks ideal and will beautify your webpage, unlike your average, conventional shiny web button. Here is the final result:"
"Learn to create one of those cool web buttons like the kind that sitemeter uses to track it�s visitors. Besides, it�s cool to let your visitors view your stats, isn�t it? Here is the final result: In this tutorial I will show you how to make a statistics icon for your website or forum. Make a document 50�50pixels. And make a new layer."
"We're going to give our transparent plastic buttons some color here. I think it creates a better effect than just using plain white (ala the 'iMac' Web site). At the end of this tutorial though, I'll explain some variations you can get; including fully transparent."
"note With the exception of a couple of Blend Modes used, this tutorial should be possible with any version of Photoshop. If it's not, please let me know -- so I can eat crow."
"Photoshoplovr.com is a weblog dedicated to all the Photoshop lovers who want to learn photoshop. We bring you the greatest Adobe Photoshop Free Tutorials you can find on the net."
"Photoshoplovr.com is a weblog dedicated to all the Photoshop lovers who want to learn photoshop. We bring you the greatest Adobe Photoshop Free Tutorials you can find on the net."
"Title: How to draw glass bill button using photoshop techniques Description: Great photoshop tutorial for web designers to learn new techniques and design how to design a glass pill button."
"Title: How to make a shiny glowy gel website navigation button using adobe photoshop Description: Latest photoshop tutorial techniques for web designers to learn new how to make glowy shining gel like navigation in your website design"
"In this easy, step-by-step tutorial I'm going to show you how to design a simple, professional & glossy "Download" button. I'm just using download as an example here, it's really a multi-purpose button These kind of buttons are also being used a lot on "Web 2.0? sites lately, so get with the times! (not seriously)"
"I really love this kind of style, so I thought just I'd share another tutorial with you guys (and girls, of course) on how to design something like what I've shown below, a kind of glossy, carbon fiber navigation set"
"With this nice & easy Photoshop tutorial you can learn how to design some glossy, professional-style buttons. Professionals that make website templates for a living can use this sort of effect efficiently and make plenty of money!"
"In this tutorial I'm going to be showing you an easy way to make some pretty simple, but nice and glossy navigation buttons, just like the ones below!"
"Above I used Kroeger056 (8 pt, no Anti-Aliasing). Actually, this font is commercial. Feel free to try a different font, or you know, buy or ???get??? a nice font from somewhere. That???s it! We have a cool stylish buttons in Techno style for your website."
"Title: Cool new web button for you free website template project Description: In this photoshop tutorial I have used techniques - how to use photoshop tools to draw a cool new web button for website design.Free web graphics button photoshop tutorial ? Online lesson to make web buttons using photoshop software."
"Title: Create a pillow style web button for your free website template Description: In this photoshop tutorial I have used techniques - how to use photoshop tools to draw a pillow style web button for free website template.Free website graphics tutorial using adobe photoshop skills online."
"Lemon, thank you so much, but my problem is trying to use the Shift-Ctrl-I command. That key is associated with a different piece of software on my machine. When I invert�or is it inverse?�.using the Image/Adjustment command it just changes the colors like inverting is supposed to do. So how can I do step 9 without using that particular key command? I feel pretty dumb about this too since Ive been working with photoshop for a lot of years now and usually pick things up pretty fast. I cant find anything in the Help file for this either. Thanks again for trying to help. Im open to any other advice you might have. BTW, I have CS3, does that matter? Seems to me I used to be able to do this using the Group/wPrevious command but that isnt there anymore."
"badge ball beginner blue box button christmas clean cloud cold dark focus fold green ice intermediate layout logo manipulation modern navigation orange page portfolio psdcore red star text vista web 2.0 web host yellow"
"It might be a matter of personal taste but I just like making the basic layout for a site in Illustrator. Sometimes I would make buttons in Photoshop and place them in the Illustrator document and also if I do work on a photo using it as banner I will just place it in Illustrator after doing the Photoshop work."
"Now a days everywhere you look you see some kind of social button, twitter, stumbleupon, del.icio.us, reddit and many more. So if put together a small list of some really nice and very useful social buttons."
"Start with a large black canvas, in your layers window make a new layer set and name it Cherry Flavor Tab. Now choose your rounded rectangle tool with a 10 px radius, in a new layer draw a 166 x 34 pixels, #91001F colored rounded rectangle."
"In this tutorial you will learn how to create a sleek website submit button. Perfect for any submit page, it is big and attractive. The final result is shown below:"
"In this Adobe Photoshop Tutorial you will learn how to create a Professional Navigation Button perfect for any sidebar, the final result can be seen below:"
"Being election season in the US, I've had quite a few requests for a tutorial on creating political style buttons in Photoshop. One loyal reader wanted to know if it was possible via a single set of Layer Styles, which is what we'll be doing in this lesson."
"Now make a new layer and make a selection around the top of the button. Look at the picture for reference. Fill this with white. and change the opacity to 30%."
"1. Create a new document (200*200) and fill the background with #000000 using the paint bucket tool. We're going to make a browse button for a proxy template for example... The text in the button can be changed and so it can be used for everything. A download button, upload button, submit button, etc..."
"Now hold down the Ctrl key and with the left mouse button press on the Red thumbnail from the layer palette. You can notice that a selection will be visible around the red button. this is what we need - the selection"
"First lets get started by creating a New Document (File > New�). Make the file size 88 Width, and 31 Height. After you have done that, fill your Background Color with Blue (#1C72F3), and press "Ctrl+Backspace" to fill the image with that blue color."
"8. Now again from the Shape Tool select a new Ellipse shape and the select Glass Buttons in the shape style and select the shape which is shown with the red circle."
"9. Hold shift and hold the left mouse button down when the mouse is at the intersection of the middle horizontal guide, and the vertical guide on the left."
"OK open up a new document, My size is 400 by 25. Color the background any color you want. Then create a new layer, and color it the color you want your buttons to be just like I did."
"Hold down Ctrl key and click on button layer to select it. Then, take the Rectangular marquee tool and set the options like the picture below shows you."
"Finally, apply a Bevel and Emboss. Depth should be 200%. Direction should be Up. Size to 5 and Soften to 0. Set the angle to 90 degrees as well. Change the color of the shadow mode to the same color as your stroke. Now add whatever text you want onto the button to finish it. Apply a light drop shadow onto the text and you're done."
"4. Make a gradient just over the middle of the button and go to Select/Modify/Contract and put 1px, then create a New Layer and fill it with any color, press Ctrl + D and change the fill to 0%"
"19. Now for another fun part! Here is the home icon I used for the logo. The easiest way is for you to copy this image and paste it in your document. Or you may save it to your computer, open it in a new document, and drag it into your current design."
"To add a glass effect make a new layer, select half of the button , the top half and fill it white. Lower opacity to around 30% and you are done. This is my final result:"
"OK now the last step is to add the text. Just write anything using possibly a white text. That would fit in the best. This is what I came up with. Good luck with your buttons."
"Finally for the finishing touch use a web 2.0 type text to give it that web 2.0 feeling. For this tutorial I am using Trebuchet MS, Bold setting, Size 18 Pt with text color as #FFFFFF, add whatever text you like onto your new button:"
"1. Normally Affiliate buttons are 88x31px, but to get a nice background fist we shall make a bigger canvas. So open a new canvas (300x300px), press ctrl + D to reset your colors and go to 'filter' > 'render' > 'clouds'. Now create new layer (ctrl + shift + N) with your second layer go to 'filter' > 'render' > 'clouds'. Then 'filter' > 'distort' > 'twirl' and use this settings:"
"Next, select the "Rounded Rectangle Tool" once again and draw a rectangle as illustrated below with a radius of 5 pixels and color 0098d7. Name this layer "Button Window" in the Layers Palette."
"Alright, you got your button, so add some text in there and you will be finished with the basics. Now comes the hard part. Well not really, but alright lets get started. Jump to image ready. If you dont know how to do it then ill tell you. Go to File->Jump To->ImageReady or file-> Edit with image Ready. First thing we need to do is get the animation box open if it already isnt there. Once it is open you will need to click the arrow at the top right side of the window. You will see a Checkmark next to New Layers are visible next to frames and blah, blah, blah. Above it there will be something that says create a new layer for each frame check that."
"The only thing left to do is add text to your button. Use -, x or >> for example. Once you have it set up like you want, scale the buttons down to around 25x25..."
"In this tutorial we'll learn to create some really attractive buttons suitable for website specials, a fancy navigation or whatever you feel fits a side column of buttons."
"We'll begin this tutorial, by creating a new canvas at a size of 281 x 129. Next, select the "Rounded Rectangle Tool". Draw a rectangle as illustrated below with a radius of 5 pixels and color 1f3347. Name this layer "Button"."
"Open an existing layout/document where you'd like to use these buttons, or just start a new one. I'm using a document that is 780x150 with a background color of: #FAFAFA. And create a new layer."
"4. Now type out some #606060 text (I used the Verdana font) and center it. At the end of the tutorial you should have a button looking like this and of course you can add more of them by duplicating the layers to make a nice and clean menu for your website!"
"And that's all there is too it, just duplicate the original button layer, and apply each of your CMS icons over top of the buttons. Here's what an actual application of the CMS button usage looks like with a little window dressing:"
"Then duplicate this button a few times and you will have a nice navigation bar. You can see that i have changed also the color of the buttons . I am sure you can do this alone"
"Select the Marque tool, and drag it accross the whole image , and create new layer, then fill layer, and then go to layer > layer style > stroke, make it 1px, and black."
"We will start with a blank canvas and then create a new layer. Choose the Custom Shape tool and choose a shape to use as your button. When you've chosen, hold Shift to drag out a good size, like so:"
"You probably didn't use all the space in the image, so lets remove the unnecessary area around the button. Zoom in to 300% and use the Crop Tool to drag a rectangle around the button and press enter to remove everything on the outside. That's it! You're done. Use File > Save for web (Alt+Shift+Ctrl+S) to save it as a transparent gif."
"Press Ctrl+Alt+Shift+S to save the roll over button. Save as an HTML file along with images. Photoshop will take care of the java script code that is required for rollover button to function."
"Take tool Rectangle Marquee Tool. Having clamped Shift, move a framework of allocation upwards buttons Upwards and Downwards. Now keeping Ctrl+Alt also click on a layer "Bosco"."
"First create the shape of the button that you want to make the jell button from, whether it be a circular or like my shape I have below. This tutorial is not recommended if your button is much wider than it is high."
"1. Make a new document, 200 wide by 200 high. Select the colour 18BE0C as your foreground colour. Then select the rounded rectangle tool, set the radius of the tool to 20px and draw a rectangle the size that you want your button to be."
"1. These Gel buttons are used as interface rollovers on the Omega Designs Classic skin nav bar, and they're pretty easy to make. Start off with a blank canvas of any size, I'm using 400x400."
"I've added a minor gloss to the button as well as some hearts and a reflection. The heart style is the same as what was used on the "Button" layer. The smaller heart, the style was decreased (Layer, Layer Style then Scale Effects down to 30%). I hope you enjoyed this tutorial."
"Next, grab the "Rounded Rectangle Tool" and draw a rectangle with a radius of 10 pixels with 1684a4 as the color. Name this layer "Button" in the Layers Palette."
"Step 11 - Then, I just grabbed my Gradient(g) tool, and picked some darker grey, and a mid-tone grey. and made about 2- 3 horizontal swipes with it. I also have my gradient on "Reflected Gradient" Then I duplicated this layer, and went to Edit>Transform>Flip Horizontal. Then I just used the Move(v) tool, and moved it to the other side of our document. You can Now use a decent amount of Outer Glow, and set the color to white. Now, just play with the blending modes and see the different results you can get."
"While browsing the templates available at TemplateMonster.com, I came across several splendid examples of buttons. For the creation of this tutorial it is unnecessary to use the textures or brushes deployed in your version of Photoshop."
"Apply Select > Modify > Contract > 6 pixels and then press Ctrl+Shift+I. Create a new layer. Press "D" to reset colors and then "X" to set the white color to foreground. Choose a Gradient Tool with "Foreground to Transparent" and fill the selection from the left to the center. Then press "X" button again to set the black color to foreground. Choose a Gradient Tool with "Foreground to Transparent" and fill the selection from the right to the center. Now apply Select > Load Selection (Ctrl+Alt+4) and then press Ctrl+Shift+I and press DEL."
"Next, select the "Rounded Rectangle Tool". Draw a rectangle as illustrated below with a radius of 5 pixels and color 2a425f. Name this layer "Button"."
"1. Create a new 165 x 165 pixel. Press D then X and fill the document with white. Then create a new layer, select the rectangular marquee tool and then make a button-like selection anywhere. With the selection still active Press D, then apply a stroke with settings [Width: 1px, Color: Black, Location: Center, other settings leave as default] and deselect. Now you may notice that your rectangle isn't perfectly center, even though it doesn't matter that much, you may visit this tutorial and center your button outline."
"Now click on the Type Tool and type something on to the button. If you reduce the Opacity to 50% or less on your text layer what ever you type onto your pill button will look like its inside the button."
"This tutorial with guide you through how to make a these cool navigation buttons, which can be used throughout your site. Your result should be similar to this:"
"6. Now for the round button in the middle. We'll make this on a new layer, so click the Create a New Layer button at the bottom of the Layers palette."
"Next, "Ctrl" click the "Button" layer again to create a selection around it and create a new layer and change the Blending Mode to "Color Dodge". Call this "Highlight". Now select the "Brush Tool" and set the foreground color to c02626, the size to 12 and hardness to 0%. Then begin to brush along the bottom edge of the selection as I have done below."
"In Dreamweaver MX, on the Common bar, click the Image icon, and choose "Rollover Image". Put the two images you've made as the Original Image and the Rollover Images."
"8. At last go to FilterRenderLens Flare and insert shining side in top-right and with 35mm lens type. Apply this filter again but this time insert shining side in bottom-left"
"Now you can see our button is taking some shape. let us add some text and shine to make it look more sleek. You can choose a pixel font to make it look more futuristic. This is what I have got."
"Click with the right button on this layer, go to Blending options. On the "Outer Glow" settings put an outer glow just like it is in the picture. Next, select the "eraser" tool. Configure it to be a large and soft brush (100px is ok) and then erase the bottom part of the "divisation" a bit. Duplicate the "divisation" layer and put it on the right part of the menu. Move the first divisation to a position you find that is good. Now go to the "menuback" layer again and on the blending options turn the "stroke off". Your menu is looking now like the picture."
"Now get out the pen tool. You just need to draw / drag out three points. It might help to zoom in first. Follow the diagram. This is going to make an outline for your specular highlight."
"1. Start with your new document and Create a New layer. Select Pen tool from the tool bar. Set its mode to Shape layers. Now with the help of Pen tool create a Button like this:"
"Alright, now we need to make a part of header to see how the future menu buttons will be situated. Start by making a new layer. Now find and get out the Rounded Rectangle Tool (Radius: 5 px) and draw a rounded rectangle onto your canvas, this will be the part of your header."
"Now create a new rollover state by clicking the button right next to the mouse and star (looks like the button to create a new layer). It should automatically be the �Down� state."
"Now, using the Rectangle Marquee Tool, Create the basic shape of your button. Now, with our selection up, fill it with the color choice of your button, in this case, I'll fill it with #7DD14A. You should now have something like so."
"Today we're going to create some very simple buttons. I'm basically giving you the know-how to create the style. You can then apply it to what ever size button you want."
"In this tutorial I will show you how to create a unique web 2.0 button. Remember that the colors that are provided in this tutorial are just for this example, you can try a lot of different colors/gradients etc and get some very unique styles."
"Now, select the line tool and set the radius to 1 pixel. I have hidden the original play button to show where to draw lines. Draw two black lines and one light gray color line as shown :"
"In this tutorial I will teach you how to make this sleak red button: and then show an example of how it can be used in a series for a "navigation" effect."
"Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with a white color. Now create a new layer set and name it 'Sleek Button'."
"to get the shopping cart... select shapes.. if its not listed, click the PLAY ICON... to the right of ur current shapes.. click it and scroll down and select WEB.. then ok. and there u go.. all ur web shapes.. :)"
"Start off by creating a new 400px x 400px document. Create a new layer and using the rounded rectangle tool create a rectangle with a radius of 17px and using this color: #d7d4d4."
"Using the ellipse marquee tool make a selection around the dot from the question mark. Create a new layer and fill it with white. You should have something like this:"
"If you are a interface designer and are in need of some free photoshop tutorials effect then look no further. This website is full of new tutorials on the subject."
"Adjust the Opacityof the reflection to 40% or so or add a layer mask which ever you like. And there you have it - were are done with our Web 2.0 style button. Download the psd file for this Web 2.0 style button and get an extra stripes layer so you can have to colored stripes. To change the color just ctrl+click on the Layer Thumbnail to create the selection and fill it with the color you want."
"Some cool looking website round button idea with chrome border. this button may be used in website design of some media website to display red button."
"Select your Horizontal Type Tooll, above your screen under the options palette set the font family to Arial, bold, 12 pt, crisp and black color shade. In a new text layer type the title of your band aid style button."
"2. Now use your rounded rectangle tool on a new layer with these settings to create your button without the nice effects. Make sure your foreground color is #db9a0f! I know my button isn�t centered but that�s because we�re going to add something later in this tutorial�"
"1. Create a new document (200*200) and fill the background with #000000 using the paint bucket tool. We�re going to make a browse button for a proxy template for example� The text in the button can be changed and so it can be used for everything. A download button, upload button, submit button, etc�"
"Title: Adobe cs2 photo shop studio technique Create web buttons for your website template In this computer cs2 dummy photo shop tech tutorial learn how to make ice or frozen matter.Use photoshop techniques to create web buttons- photo shop effects to make web graphics."
"In this Adobe Photoshop tutorial I will show you how to make a simple stylish button, and then bend it upwards in one end, if you are confused just look at the final image, then you'll see what I mean."
"Create a unique web 2.0 inspired button. These buttons can be used for navbars as well as buttons throughout a website. In this tutorial I will show you how to create a unique web 2.0 button. Remember that the colors that are provided in this tutorial are just for this example, you can try a lot of diiferent colors/gradients etc and get some very unique styles."
"7. Make a new layer and draw a black gradient from left to right(starting from the left till the middle of the button) and set the layer opacity to 70%. After doing that right click on the layer and duplicate it. Go to Edit - Transform - Flip Horizontal and drag the layer till the right to make it simetrical to the one on the left. It should now look like this:"
"Copyright � 1999-2009 CBT Cafe, All rights reserved Flash�, Fireworks�, and Dreamweaver� are registered trademarks of Macromedia, Inc. in the United States and/or other countries Photoshop�, Photoshop Elements� and Illustrator� are registered trademarks of Adobe Systems, Inc. QuickTime� is a registered trademark of Apple Computer, Inc. Ebay� is a registered trademark"
"Now you can see our button is taking some shape. let us add some text and shine to make it look more sleek. You can choose a pixel font to make it look more futuristic. This is what I have got."
"You have probably seen so many RSS website button web 2.0 style tutorials. This is a different kind, just to set you apart and make your RSS syndication request a little different from the crowd."
"Create a Bulging red website unique button, Free Photoshop Website Templates, Free Photoshop Web Layouts, How to design a website layout in Photoshop"
"Create a new document in Photoshop (200 x 200 px) with white background. Then make a new layer and take the rounded rectangle tool ( ) with radius 50. With this setting draw a black button."
"�Wow..this guy kicks ass. Seriously. I gave him complete creative control over the design with just a little input and it came out better than I could have imagined.�"
"How you doing Guys! You know, I didn't think this tutorial was ever going to happen, but I guess things have a habit of jumping out at you when you least expect it eh. Confused? Ok lemme explain a little. I promised to write another tutorial in my button series some weeks ago and yep you've guessed it, I just couldn't get any inspiration. First deadline came and went, I got a reprieve and a new deadline, and yep that drifted past too hehe. Anyway, there I was in a lift - that's British for Elevator - a couple of days ago, and I noticed these things have got buttons, nice buttons too (sheesh where've I been...heh) anyway, buttons means inspiration... and inspiration means tutorial....so here we have it...."
"A straightforward plastic button with several variances on creating highlights and sheens, it's not difficult to reproduce. However, whenever you're trying to create a glass or plastic fx, think about where the light is coming from, and the shadow dropping to. Anyways, enough from me, let's get on."
"Tweak the Blending Options of �bg01� and �bg02� will give you more interesting buttons. Here�s another Photoshop tutorial on button I�ve done previously - Create Glossy button for Web 2.0"
"[...] »Push-Button« in Photoshop erstellen kann, der hat nun die M�glichkeit, sich vom »Creating cool push button in Photoshop« Tutorial inspirieren zu lassen. Das Ergebnis eignet sich zwar nicht unbedingt f�r jedes [...]"
"[...] Create Glowing Buttons in Photoshop - 1 Minute Ago This tutorial will show you how to make a unique glowing button for navigation designs. Link : HERE [...]"
"In the layers list, double-click this layer (Photoshop 6.0 and 7) or right-click it and select "Effects" (Photoshop 5). Give your web button a Drop Shadow and a Bevel."
"In Dreamweaver MX, on the Common bar, click the Image icon, and choose "Rollover Image". Put the two images you've made as the Original Image and the Rollover Image."
"Every website designer is looking ways and website to create cool new images and backgrounds, buttons etc for them, here is how to create a red Plastic retangular Button."
"This entry was posted on Wednesday, February 22nd, 2006 at 9:09 pm and is filed under Photoshop Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site."
"Buy. Download. Create. Get Adobe Photoshop now at the Adobe Store. Find Photoshop CS4 tutorials and videos on our Photoshop CS4 Tutorials Page. Try before you buy. Download any Adobe product for a free 30 day trial. Creating A Gel Button [PC users: Apple = Control] There are many ways to create Aqua like buttons. The tutorial below is a simple example that you can build on to create your own translucent objects. Our sample document is 400x250 pixels. Start by choosing a bright color and create the oval shape on a new layer. Next, make a selection of your shape by Apple-clicking on your new layer. Now reduce the selection in Select/Modify/Contract... by 10 pixels. Apply a feather (Apple-Alt-D) of 10 pixels. Invert the selection Apple-Shift-I and than click on the layer of the oval while holding Apple-Alt-Shift to intersect your actual selection and the selection of your oval. Now that you have a feathered selection of the edges of the oval you can apply an adjustment layer Brightness/Contrast and lower the brightness to -100. This gives a slight three dimensional effect to our oval. Now, repeat the selection of the oval layer and contract the selection. Select the Oval selection tool and press Alt while drawing another oval selection over the existing one that will cut off most of the selection, but leave a slice. This will be our primary reflection. Fill up this selection with the white background color on a new layer (Apple-Alt-Shift-N & Apple-Backspace). Make this layer opacity 80% (Just press 8). Now make a duplicate of your layer (Apple-J). Rotate your new layer by 180 degrees by selecting Edit/Transform/Rotate 180 and place it symmetrically on the bottom of the button. Blur this new layer (Filter/Blur/Gaussian blur 5 pixels) to get a diffused look, which is supposed to be a reflection of a reflection on the top. Make it only 50% opacity (Press 5). Now Apple-click the oval layer to make a selection of it again and go inside the selection with your cursor to move the selection down. Apply a feather (Apple-Alt-D) of just 5 pixels. Now create a layer between the background layer and the oval's layer and fill the selection with the foreground color (Alt-Backspace). Set this new shadow layer to 60% opacity (Press 6). The shadow is colored since our object is translucent and the light goes through it, so the shadow will also have a color cast. As a final step you can add the text or graphics on the top of your button with a slight shadow and you are done. [t..."
"Making a sleek. - Create a new layer, then select Rectagular Marquee tool. - Draw a selection like image above. - Select Gradient Tool, select white as foreground color, select foreground to tranparent, select Reflected Gradient. - Drag Gradient Tool from top of selection to the bottom. - Press Ctrl+D to deselect, adjust a little bit opacity. - Ctrl+ click on your button layer to make selection, then go to Select > Inverse, click back on your sleek layer and press delete key on your key board. - voila! your sleek button."
"Nothing says Web 2.0 more than a shiny button. Of course, the "shiny plastic" look-and-feel is not for everyone, but good-looking navigation buttons are still integral to the design of a sexy web page. In this first instalment of a two-part article, I'll show you how to create a wide variety of different buttons using Adobe Photoshop."
"Two weeks ago, sitepoint.com published Part I of this tutorial on the subject of building navigation buttons to impress, using Photoshop. Targeted at Photoshop beginners, here's the second instalment -- it's time to further develop your button-creating skills!"
"Copyright � 2000-2009 Spoono, LLC. All rights reserved. Network: Reseller Web Hosting by Spoono Host | Spoonloads | Absolute Cross Terms of Service | Privacy Policy."
"If you�re one of those who�s into pixel buttons, here�s a cool way to start off. Sometimes, pixel buttons fit in quite nicely when you need a bunch of options and don�t want them stand out too much. Flickr�s view page is a pretty good example."
"Copyright � 2002-2006, tutorialwiz.com | All Rights Reserved. All tutorials (unless otherwise stated) are the property of tutorialwiz.com. You may not re-distribute, reproduce any portion of this website and or it's contents without the prior express written consent of tutorialwiz.com"
"Copyright � 2002-2006, tutorialwiz.com | All Rights Reserved. All tutorials (unless otherwise stated) are the property of tutorialwiz.com. You may not re-distribute, reproduce any portion of this website and or it's contents without the prior express written consent of tutorialwiz.com"
"[�] See more icons on the web 2.0 page. Also see how to make these icons in the web 2.0 icon tutorial. If you found the graphics of any use, you can buy me a beer!Bookmark to: [�]"
"[�] Blending two images using stripes can be a rather cool way of blending images. The achieve the above image follow the steps laid out below. This tutorial is for Photoshop�more [�]"
"Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with a white color. Now create a new layer set and name it 'Glossy Buttons'."
"1 Design a search field for free website template layout|photoshop button tutorial|design photoshop tutorial web | Free Photoshop cs3 suite tutorials // Dec 11, 2007 at 7:45 am"
"7. Now locate the shape you want inside the button, I found one from the custom shape panel. Drag it on the stage, right click in the layers panel and rasterize the layer."
"[1]-Open the adobe photoshop software and create new document of Custom size with?? Height & Width 400�400 pixels and Resolution 72 , Mode RGB Color."
"9. Now make a new layer between the shape layers and the reflection layer (these should be placed at the top), then make your custom shape inside the button and make its layer blending mode to color dodge."
"Step 4: Let's add some shadow to the button to give it some depth. To apply shadow go to Layer > Layer Style > Drop Shadow.. . Here make the following setting as shown in the image. Now you can see that our button has got more depth."
"This photoshop tutorial will guide you through creating a glassy 3d button using photoshop. A good tutorial for beginners to learn how to use photoshop tools."
"[19]- Now go to Select menu> Modify>Border Selection and use the setting below now create a new layer2 from the layer window after that fill with any nice color."
