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

PREVIOUS PAGE (1)

How to Create the Amazing Stretchable Table with Rounded Corners

(1) Open up Adobe Photoshop or a similar image editing application. Before we open up a new document, we are going to set the background color to #E9DAB3. This will be our background color. Click on the Toolbar’s Foreground color square, this is the box that is circled in red below.

Photoshop’s Color Picker will open up. Next to where you see the “#”, type in E9DAB3. This will be our background color. Obviously after this tutorial, you can change the background color to meet your needs, however, for the purpose of this tutorial, please use this color. Click the ‘OK’ button to select the color.

Click on the 2-sided curvy arrow next to these color squares to switch the foreground color to the background color.

(2) Open up Photoshop and Create a New Document by Going to the Top Menu and Clicking on ‘File’ > ‘New’ as shown below.

The ‘New Document’ Window Appears. For both the Width box and the Height box, type in ‘500′ For Contents, click on the ‘Background Color’ radio button. This will open up a new document with the background color that we just selected in number 1 (above).

Now we are going to start making the rectangle with rounded corners. This will be what our expandable table will be created from. Go to Photoshop’s Toolbar and Select the ‘Rounded Rectangle Tool’. If this tool isn’t present, hold down your mouse on the icon 2 above the magnifying glass icon (look below) and a little screen will open up, from there you can select the ‘Rounded Rectangle Tool’.

NEXT PAGE (3)

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)