Web Development & Design Foundations with HTML5

Skip to Content 9th Edition

Adobe Photoshop CS5 Tutorial: Creating a Logo Banner Page 5

Customize Your Company Logo Banner

Next, you will apply an effect to your text. Notice the Layers Palette in the right-hand side of the Photoshop window. (If you don't see it, select Window > Layers to display.)

Click on the layer with "Acme Web Design" in the Layers Palette to select it as shown below.

Select a layer

Notice the fx (Effects) icon in the lower left area of the Layers Palette. This is used to style a layer — adding a blur, drop shadow, emboss.

Effects Icon

Click on the fx icon to display the styles available as shown below and select Bevel and Emboss.

Effects menu

The Layer Style dialog box displays. Note the list of available styles on the left-hand side.
Check Drop Shadow, Bevel and Emboss, and Satin. Click OK.

Layer Styles dialog box

Your image canvas should look similar to the one shown below.

The new logo banner

If you feel daring, select the fx icon again and experiment with the layer styles. Stop when you are happy with your text. Remember Edit, Undo (or Ctrl+Z keys) can help to correct any mistakes.

Continue with the next page to trim and save your image for the Web.

Page 6Next Page