Create buttons in photoshop cs4 free#

On the right side of the Blending Options window, you should see the following Gradient Overlay settings screen. We do this by clicking the check box that says: “Gradient Overlay”.

Once we’re inside the Blending Options for our button, it’s time to apply a gradient. To access a layer’s Blending Options, simply pull up the Layer’s bar, then right click on the layer you wish to blend and select Blending Options from the menu. This is an area we are going to visit frequently throughout all 5 Web 2.0 Photoshop tips. When the button has been created, we’re going to be working with the Blending Options of that layer. You should make sure you change your color to light blue as well before creating the button. My foreground color is a light blue, meaning the button I am creating is going to be light blue. Now that we’ve set the Radius of our rounded corners, let’s go to our canvas and create our first button. I’m going to make mine 1500px X 1500px, but that’s only because I am going to create all 5 web 2.0 Photoshop tips in one PSD file.Īfter you’ve created your document, we’re going to work with the Rounded Rectangle Tool, since rounded corners are another staple of web 2.0 design.Īfter selecting the Rounded Rectangle Tool, we’re going to set our Radius in the toolbar to 15px.

Create buttons in photoshop cs4 free#

Remember, feel free to use your own color scheme, the colors provided are not set in stone, and are open to experimentation.įirst, let’s create a new document. So for our first tip, I’m going to explore a couple of the standard gradient techniques that produce web 2.0 buttons. Gradients are one of the defining characteristics of web 2.0 design style. In my opinion, it is impossible to create web 2.0 style buttons without using gradients. Tip #1:Gradients Are the Key To Web 2.0 Buttons Please let us know what you think of our Web 2.0 buttons Photoshop tutorial and thanks for stopping by. The tutorial will walk you through the creation of several website buttons, badges, glossy spheres, and finally the classic technique of reflections. Click OK.In this Photoshop tutorial, I am going to walk you through 5 different tips which I think define standard “Web 2.0” design principles. Click Save Preset, select a name, then check the aspects of the new image that you want to save. This is helpful if you will be using this size frequently. You can click Save Preset to save the new image size as a preset image. When you are finished, you have two options.ġ. If you click on the Advanced tab, you can further specify color and pixels.ħ. After you select the color mode and bit depth, you can then choose a background color by selecting a color in the Background Contents field.Ħ. The larger your bit depth, the larger the file.

A bit depth of 8 has 2 to the eighth power, or 256 color choices.A bit depth of 1 means the pixels have two color choices: black and white.The more bit depth you have, the more accurate your colors will be. The bit depth tells how much color information is available for each pixel in an image. It is also useful when creating images when working with photo CD images.Ĥ. This is good to use when you are going to individually edit luminance and color values. Lab Color contains all the colors of RGB and CMYK. CMYK contains four color channels: cyan, magenta, yellow, and black. RGB should be used for any images that will be displayed on screen, such as on the web or in a slide show.ĬMYK should be used for images that will be printed. RGB images contain three color channels: red, green, and blue. Interested in learning more? Why not take an online Adobe Photoshop CS4 course?