Use frames in Photoshop to add borders to your image. Frames allow you to accentuate or draw attention to a photo or section of an image. In Photoshop CS3, the user-friendly tools will allow you to create frames with the style, color and thickness you desire.

1. Select the image you want to frame. There are a few tools you can use to make the selection in an existing image. Tools include the quick mask tool, magic wand or pen tool. It may be easier to make a selection around the portion you do not want and invert it by choosing “Inverse” in the select menu.
2. Step 2

   Prepare your selection for multiple uses just in case you need to use it again. On the Windows drop-down menu, choose “Paths.” The paths palette will open. Choose “Save Path” to save the path as a channel. You can now save your image as a .psd or .tif file and the path information will be stored in the file. The path can be converted to a selection by choosing it on the paths palette and clicking “Load Path as Selection” at the bottom of the palette window.

3. Step 3

   Open the image you want to frame. Double-click the background layer in the layers palette to turn the image into a regular layer.

4. Step 4

   Enlarge the image to make it easier to work with. Choose “Canvas Size” in the image drop-down menu. Click the relative checkbox and change the width and height to 50 percent. Choose the middle square of the anchor grid and click “Ok.”

5. Step 5

   Add a new layer (click “New Layer” in the layers palette) and fill it with the color you wish to use for the frame.

6. Step 6

   Put a textured border on the image by selecting the outer canvas area and using filters to create a variety of looks.

7. Step 7

   Purchase .tif images online to upload for border use in Photoshop CS3. The images will most likely have an empty center area that will allow you to put in your own photo.

If you are want to know how to change the color of all text in a table in one go-round, here’s the handy, simple solution. Once you see the button in your Swatches panel, it will seem obvious in retrospect.

1. First, locate the two buttons at the top of your Swatches panel – located next to the Fill and Stroke icons. The first button is called “Formatting Affects Container.” Usually this is the button that designers select and it applies the color swatch to the stroke or fill of a frame or table cell.
2. Step 2

   The second button you will see is “Formatting Affects Text.” Select this button before clicking on a swatch and the color will be applied to the fill or stroke of the text inside the container, e.g. the frame or cell. When you have a container, (a fill or cell) selected, you only have the option between these two buttons.

3. Step 3

   To toggle between the two buttons, use keyboard shortcut J.

Adobe Photoshop CS3 offers users a variety of ways to manipulate images and create graphics. The program also allows users to customize any text that is added to a piece of artwork. The text warping features in Photoshop give you the power to shape your fonts exactly how you want them, and also include a variety of presets to get you started.

1. Open Photoshop and create a new document by selecting “File > Open.” Set your preferred document dimensions in the “New” dialogue box that pops up, or select one of the predetermined sizes from the “Preset” drop-down menu.
2. Step 2

   Select the “Type Tool” from the “Tools Panel” to the left of the workspace. Click and release on the canvas for point text, which has no bounding box, or click and drag to create paragraph text, which is bound inside the box you drag.

3. Step 3

   Select the “Character” palette on the right. If the palette is not displayed, select “Window > Character.” Choose your font type and size, and set your line, character, color and case settings to your preferences. Type your text.

4. Step 4

   Position the text where you want it on the canvas by moving the mouse off of it and clicking and dragging. Click on the “Create Warped Text” icon in the “Tool Options” panel above the workspace. (The icon has a “T” above a curved arc.)

5. Step 5

   Choose the warp shape you would like your text to take from the “Style” drop-down in the “Warp Text” dialogue box and set the sliders for “Bend,” “Horizontal Distribution” and “Vertical Distribution” to your preference. Click “OK” when you are satisfied with the shape.

6. Step 6

   Click the “Commit any Current Edits” check mark icon at the right of the “Tool Options” panel above the workspace. Select “File > Save As” from the application menu to save your text shape.

Prior to Photoshop CS3, web designers created rollover buttons using Photoshop and Image Ready, which were previously packaged together. Adobe discontinued using Image Ready when it purchased Macromedia’s Dreamweaver, assuming that web designers could use this specialized program with Photoshop to create their rollovers. You create the rollover buttons in Photoshop the same way. Then, you can use Dreamweaver, other web editors or a text editor to create the rollover code. Learn how to create rollover buttons in Photoshop CS3.

1. Open a new document that is size appropriate for your buttons. This can be the size of the website or the size of the button banner. Click on “File>New” and enter the size in the corresponding boxes.
2. Step 2

   Create the first button as it will appear when it is not selected. Select the correct shape tool from the “Tools Palette” and draw the button. Then, select the “Type” tool and enter the text inside the button.

3. Step 3

   Apply the desired effects to the button or text. Adobe has provided several ways for you to apply effects. To apply your own custom effects, select the layer from the “Layer” palette. Then, select the desired effect from the “FX” drop-down box that is located on the bottom of the “Layer” palette.
   Photoshop CS3 provides preset web styles designed specifically for web buttons. If the “Styles” palette is not visible, select “Windows>Styles.” From the “Styles” drop-down menu, select “Web Styles.” Make sure the button layer is selected and choose the desired layer from the “Styles” palette.

4. Step 4

   Create the remaining buttons. Hold down “Control” to select the text and the button. Right-click inside the “Layer” palette and select “Duplicate Layer.” Move the copied layers to the location of the next button. Change the text to the new button’s name. Repeat this step to create all of the buttons.

5. Step 5

   Slice the buttons. Select the “Slice” tool and draw a box around each button. Double-click on each button to add slice options. Make sure that the “Image” is selected in the “Slice Type” drop-down box. Enter a name that describes the button turned off, such as “[button]_off.” Enter any information pertaining to the website in the remaining boxes.

6. Step 6

   Select “File>Save for web. . .” Press the “Save” button. In the “Save Optimized As” dialogue box, select the location for your images. Create a new folder called “Off.” If you entered information for the website, change the “Format” to “HTML and Images.” Click “OK.”

7. Step 7

   Select “Windows>Layer Comp.” Create a new layer comp by selecting the “Create New Layer Comp” button. Name it something that describes the current set of buttons such as “Off.”

8. Step 8

   Edit the buttons to apply the rollover state. Apply the styles, colors or effects to the current buttons. Create another layer comp and name it “On.” Repeat Step 7 to save the buttons in a new folder called “On.” Open the folder containing these buttons and rename them to reflect the “on” state.

9. Step 9

   Create the rollover code in a web editor. Use Dreamweaver, another web editor or a text editor to create the rollover code. Here is the JavaScript code for the home button in this tutorial: <a href=”index.html” onmouseover=”home_off.src=’images/on/home_on.jpg’;” onmouseout=”home_off.src=’images/off/home_off.jpg’;”> <img alt=”home_off” name=”home_off” src=”images/off/home_off.jpg” width=”130″ height=”47″ border=”0″/></a>

www.xilisoftvideoconverter.ru

Whether you are designing a new webpage or creating a new ad or sign, you want the graphics and text you use to be as visually appealing and interesting as possible. The text in particular should stand out because this is how you will convey your message. One way to do this is to create a 3-D appearance for the text you use. You might have thought that you would be forced to create shadows and highlights for the text yourself using the paint tools in the toolbar, but Photoshop CS3 has functions that allow you to create a 3-D effect for your text quickly and easily.

1. Open Adobe Photoshop. Select “File” and click “Open.” In the dialog box that opens, locate the document that you want to add text to and open it.
2. Step 2

   Select the “Text” tool from the toolbar. In the text options at the top, select the font color, size and style you want. It is best to pick a simple, wide font such as “Impact.”

3. Step 3

   Type in the text where you want it on the canvas. Then right-click in the text layer in the Layers panel and from the options select “Rasterize Text.”

4. Step 4

   Go to the bottom of the Layers panel and click on the “FX” icon. From the options listed, click on the “Blending Options.” In the dialog that opens, click on the “Bevel and Emboss” tab. In the options set the “Style” to “Outer.” Leave the other settings as they are.

5. Step 5

   Click on the “Drop Shadow” tab. Adjust the “Distance,” “Opacity” and “Angle” until you like the preview. Then click “OK” to close the “Blending Options.”

6. Step 6

   Select “File” and click “Save As.” In the dialog that opens name your file, the location you want to save to and the file type. Then click “Save.”