Photoshop and Dreamweaver Tutorial for Creating an Expandable / Stretchable, Rounded-Corners Table To Place Your Content in a Content Box (Page 3)

PREVIOUS PAGE (2)

(3) On the very top of Photoshop you should see a toolbar that opens up that looks like the below image. When you find it, type in ‘15′ for Radius, ‘no style’, and ‘white’ for the color.

The radius is to tell Adobe Photoshop how much of a curve you want on your rounded corners. The lower the radius number the more that the rounded cornered rectangle will look like it has corners ….and the higher the number, the more your rounded cornered rectangle will look like a circle.
Here is the difference. This one has a radius of 60 and this one has a radius of 5

(4) Click on the Photoshop Screen and drag down to the size that you want, making sure to leave some room around the borders for the glowing edges that we create later.

This is what our rounded rectangle looks like so far.

(5) Is your ‘Layers’ window open yet? If not, go to the top menu bar and click on ‘Windows’ > ‘Layers’. Now the below window will open up. You will see a new layer above the ‘Background’ Layer. Double click on the name of the layer, and rename the layer to ‘Resizable Table’.

An alternate way of renaming this layer is to click on the little triangle that is pointing towards the right and a new window will open, drag down and click on ‘Layer Properties’. Here you will have the option to choose another name for the layer.

(5) You should still have your ‘Layers’ window open. There should be 2 squares in the ‘Resizable Table’ layer. Now you should right click on the square that is on the left of the ‘linked’ icon. (it might be on the right in your Photoshop) A window pops up…you should drag down and select ‘Blending Options…’.

A new window opens up called ‘Layer Style’. Click on ‘Outer Glow’ so that it is checked and highlighted, like the picture below. Now you should set the Blend Mode to ‘Normal’, Opacity to ‘30′, Noise to ‘0′, Technique to ‘Softer’, Spread to ‘44′, Size to ‘16′, and Range to ‘100′. Then click ‘OK’. When you finish this tutorial, I suggest that you come back here and create your own special effects with this tool. The images that you can create with the ‘Outer Glow’ and the other ‘Layer Styles’ are limitless. Try it out when you get a chance (although I have a feeling that you already have in the past).

NEXT PAGE (4)

Our Sister Sites : Graphics Tutorials Search - All Web Design Resources Portal - All Graphic Design Resources - Education Directory - All Schools & Learning - All Traveling Family Vacations  - Graphics ’N Graphic Design Blog

DID YOU LIKE THIS DESIGN POST? IF SO, PLEASE HELP US BY ADDING US AS ONE OF YOUR TECHNORATI FAVORITES AND BY ADDING OUR ARTICLES TO YOUR FAVORITE SOCIAL BOOKMARKING SITES (BELOW)