Solid Silver Text Embedded Into Any Background

Adobe Photoshop Tutorials :

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

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

Print & Graphic Design : Logo & Business Card Design Credit Union Insurance

Logo & Business Card Design
CUinsure Branding

Web Development : Promotional Website X-Power Interactive

Promotional Website
Algebra Software

Web Development : Online Directory Teacher Resource Directory

Online Directory
Teacher Resources

Testimonials

"I have worked with Max Langdon for almost five years. Max is not only a talented web designer and programmer, but he has an added quality that I find quite rare. He is able to really listen to and understand the client's vision. He asks excellent questions that help you zero in on exactly what you are trying to accomplish. This helps you clarify your goal and allows Max to think through the scope and sequence of the process before beginning to program. This saves him time and saves you money.

Working with Maxwell Langdon and his company, Pixel Hive has been a pleasure. I have always found him to be responsive and helpful. There is no "attitude" when you ask for an explanation or guidance.

I would be happy to speak with anyone who is thinking of working with Max. "

- John Burstein, Slim Goodbody Corporation, Lincolnville Center, ME
View More Testimonials

More Tutorials!