Solid Silver Text Embedded Into Any Background

Adobe Photoshop Tutorials :

Category: Adobe Photoshop Tutorials
Added: 05/30/2007
Views: 74,655

Solid Silver Text Embedded Into Any Background

Solid Silver Text

Tutorial Goal

We will design a solid silver text and embed it into any background image using Adobe Photoshop. A simple technique to select the top and bottom half of the text will help you to create future effects of your own. With the following tutorial and a little creativity you'll find its really easy to make seemingly complex effects.

Resources Needed

Find a background image or texture to embbed the text into.
Here is the background used above: two_textures.jpg

Step 1 : Preparation & Document Setup

Open Adobe Photoshop and Create a new Image:
Size: 385 x 385px
(This is the size of the example background image)

Step 2 : Creating the Silver Text Base

Select the Text Tool, Text Tool, change the text properties to:

Text Properties
Text Properties

Click on Stage and type any text you want to be solid silver.

Plain Text

Open the Layer Blending Options:
Right click the text layer and select "Blending Options" or
Layer > Layer Style > Blending Options...

Apply the following settings:

Outer Glow: The embedded effect.

Embedded Outer Glow

Stroke: Frames the Silver

Silver Stroke

Click OK and here is what we have so far:

Silver Base

Step 3 : Bottom Half of The Silver Effect

Now we'll create the solid silver effect. The effect is created by applying two different styles to the top and bottom halfs of the text. Let's start with the bottom half.

Ctrl Click the text layer to select its border.

Text Selected

Select the Rectangle Marquee Tool, Rectangle Marquee, and hold down alt while selecting the top half of the current selection. This will subtract the top half leaving the bottom for us to work on.

Make top half selection.

Create a new layer, New Layer, above the text layer.
Layer > New > Layer...

Select the Paint Bucket Tool, Paint Bucket, set the foreground color to White and fill in the selection.

Fill Selection

Open the Layer Blending Options:
Right click the text layer and select "Blending Options" or
Layer > Layer Style > Blending Options...

Apply the following settings:

Gradient Overlay: The Silver Gradient

Silver Bottom Fill

Stroke: Framing the Silver

Silver Stroke

Click OK and here is what we have now:

Silver Base
Flash Den

Step 4: Top Half of The Silver Effect

Ok, so the bottom half is looking good. Time to work on the top half.

Select the top half of the text using the same technique we used to select the bottom half.

Silver Base Top

Create a new layer, New Layer, above the text layer and below the layer created in step 3. We need this layer to actually be below the bottom half that we created earlier.
Layer > New > Layer...

Select the Paint Bucket Tool, Paint Bucket, set the foreground color to White and fill in the selection.

Fill Selection

Open the Layer Blending Options:
Right click the text layer and select "Blending Options" or
Layer > Layer Style > Blending Options...

Apply the following settings:

Drop Shadow: Helps 3D look

Silver Shadow

Gradient Overlay: Apply Silver Effect to Top

Silver Top

Gradient Fill: Details of above gradient

Gradient Details

Stroke: Frame the Silver

Silver Stroke

Stroke Gradient Fill: Details of above Stroke

Silver Stroke Details

Click OK and we are finished!

Solid Silver Text

Solid Silver Text Embedded Into Any Background: Concluding Statements

The technique used to select the top and bottom portions of the text layer can help you to create all new effects. This is just an example of how to build up a unique text style. Hope you learned a thing or two.

Feel free to send Comments, Questions, and other inquires using the contact page. I hope that you enjoyed the "Solid Silver Text Embedded Into Any Background" tutorial. View more of my tutorials here.

Like My Work?

I am a professional freelance web developer & graphic designer. These tutorials are a small sample of what I'm capable of. Check out my client portfolio and feel free to contact me. Whether it's a full blown database driven web application or simply a flashy banner design, hire a professional.

Project Sample

Interactive Media : Presentation Tool Renovation Presentation

Presentation Tool
Fund Raising

Print & Graphic Design : 36 Flagstaff Lake Wall Panel

36" x 24" Wall Panel
Wall panel of historic sites on Flagstaff Lake

Print & Graphic Design : Brochure 24 The Valley Below

Brochure 24" x 9"
The story of Flagstaff Lake.

Testimonials

"We were looking for a company that could work with us and develop our ideas into an attractive, informative, and easy-to-use web page for our constituents. The web page is now complete, and I have to say that Pixel Hive Design did an outstanding job in accomplishing the task. Based on our initial ideas, they provided a set of designs for our review and revised them multiple times, each time improving the outcome. The company showed great flexibility and patience to make sure that we were happy and satisfied with the final product."

- Professor and Chair, Electrical and Computer Engineering Department, University of Maine
View More Testimonials

More Tutorials!