33
http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop- tutorials.html How to Create a Yellow Brick Road Inspired Text Effect in Adobe Photoshop First sharing with you a final Image It's always best to start at the beginningand all you do is follow the Yellow Brick Road." This tutorial will show you how to use a brick texture, a simple brush, and a couple of layer styles to create a Yellow Brick Road inspired text effect. Let's get started!

How to Create a Yellow Brick Road Inspired Text Effect in Adobe Photoshop Tutorial

Embed Size (px)

DESCRIPTION

How to Create a Yellow Brick Road Inspired Text Effect in Adobe Photoshop tutorialStep by Step Photoshop Tutorialhttp://greenhatworld.website/category/tutorials/

Citation preview

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

How to Create a Yellow Brick

Road Inspired Text Effect in

Adobe Photoshop

First sharing with you a final Image

It's always best to start at the beginning—and all you do is follow the Yellow Brick Road." This

tutorial will show you how to use a brick texture, a simple brush, and a couple of layer styles to

create a Yellow Brick Road inspired text effect. Let's get started!

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

1. Create the Text

Step 1

Create a new 1000 x 700 px document, and create the text in All Caps using the font SansBlack,

the Size 230 px, and the Color #f1cc4c .

Set the Leading to 200, and the Kerning to Optical.

Step 2

Duplicate the text layer, change the copy's Fill value to 0, and then duplicate it.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

2. Define the Patterns

Step 1

Open the BrickLargePainted0050 image, go to Image > Image Size, and change the

dimensions to 350 x 350 px.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Do You Want to Search the Specific:

Fulbright Scholarships, JOB, Online Work or Online Job, Free Video

Tutorial, Free Video Lectures for Different Subjects and Free Online Courses

That Assist You in Your Professional Life or Field.

Then Below is The Link For you Where You Get the Several Free and Smart

Search Engine’s Links That Are Specifically Design According to Your

Requirement.

Visit and Use These Specific Search Engine’s That Design for Your Requirement

Visit the SEARCH ENGINE’s Collection page

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.h

tml

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 2

Go to Edit > Define Pattern, and click OK.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Open the Grass0035 image, resize it to 320 x 320px, and define the resized image as a pattern as

well.

3. Style the Original Text Layer

Double click the original text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

Size: 1

Highlight Mode: Soft Light

Opacity: 50%

Shadow Mode - Opacity: 10%

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 2

Use the default Contour settings.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Add a Texture with these settings:

Pattern: BrickLargePainted0050

Depth: 280%

Step 4

Add a Pattern Overlay with these settings:

Blend Mode: Color Burn

Pattern: BrickLargePainted0050

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

This will style the main text layer, adding a subtle texture.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

4. Style the First Copy Text Layer

Double click the first copy text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

Style: Chisel Hard

Check the Anti-aliased box

Highlight Mode: Soft Light

Opacity: 50%

Shadow Mode - Opacity: 45%

Step 2

Add a Contour with these settings:

Check the Anti-aliased box.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Add a Texture with these settings:

Pattern: BrickLargePainted0050

Scale: 50%

Depth: 200%

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

This will add some more texturing and details to the text.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

5. Style the Second Copy Text Layer

Double click the second copy text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

Size: 100

Uncheck the Use Global Light box

Angle: 18

Altitude: 58

Check the Anti-aliased box

Highlight Mode - Opacity: 35%

Shadow Mode - Opacity: 27%

Step 2

Add a Contour with these settings:

Check the Anti-aliased box.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Add a Texture with these settings:

Pattern: BrickLargePainted0050

Scale: 50%

Depth: 45%

Check the Invert box

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

This will add more coloring and detailing to the text.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

6. Add the Grunge Texture

Step 1

Place the Grunge Texture 27 image on top of all text layers, and change its layer'sBlend

Mode to Color Burn.

Step 2

Click the Create new fill or adjustment layer icon at the bottom of the Layerspanel and

choose Levels.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Click the Clip to layer icon, and change the Gamma value to 2.24.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

7. Add the Grass Texture

Step 1

Create a new layer on top of all layers and call it Grass.

Pick the Paint Bucket Tool, and in the Options bar, choose the Pattern fill type, and use

the Grass0035 pattern to fill the Grass layer.

Step 2

Add a Levels adjustment layer, click the Clip to layer icon, and change the Gammavalue

to 0.50.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Command-click any text layer's thumbnail to create a selection, and go to Select > Inverse.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Support US!!

By Visiting and Searching with our Search Engine ‘s Given at below link

Fulbright Scholarships, JOB, Online Work or Online Job, Free Video

Tutorial, Free Video Lectures for Different Subjects and Free Online Courses

That Assist You in Your Professional Life or Field.

Then Below is The Link For you Where You Get the Several Free and Smart

Search Engine’s Links That Are Specifically Design According to Your

Requirement.

Visit and Use These Specific Search Engine’s That Design for Your Requirement

Click below To Visit the SEARCH ENGINE’s Collection page

http://searchenginecollectionpage.blogspot.com/2015/10/searchcnginecollection.ht

ml

THANKS

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 4

With the Grass layer selected, click the Add vector mask icon at the bottom of

theLayers panel.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

8. Erase the Edges

Step 1

Right click any text layer and choose Create Work Path, and then click the Grasslayer's mask

thumbnail.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 2

Pick the Eraser Tool and choose the Edges brush tip, set the Foreground color to Black , and

hit the Return key to stroke the edges with the brush tip.

An alternative way would be to pick the Direct Selection Tool, right click the work path,

choose Stroke Path, and then choose Eraser from the Tool drop-down menu and click OK.

With the Direct Selection Tool selected, hit the Return key to get rid of the work path.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

9. Add the Grass Shadow

Double click the Grass layer to add a Drop Shadow effect using the following settings:

Blend Mode: Linear Burn

Opacity: 15%

Uncheck the Use Global Light box

Angle: 60

Distance: 8

Spread: 5

Size: 1

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

This will add a subtle shadow to the grass layer.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

10. Adjust the Coloring of the Final Result

Step 1

Click the Create new fill or adjustment layer icon and choose Gradient.

Use the Gradient shown below, change the Angle to a value around 26, and check

the Dither box.

After that, change the Gradient layer's Blend Mode to Hard Light and its Opacityto 20%.

Step 2

Select all the layers you have, duplicate them, and go to Layer > Merge Layers.

Rename the merged layer to High Pass, and go to Filter > Convert for Smart Filters.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 3

Go to Filter > Other > High Pass, and change the Radius to 5.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 4

Change the High Pass layer's Blend Mode to Pin Light and its Opacity to 50%.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Step 5

Finally, add a Curves adjustment layer, and play around with the curve until you get a result you

like.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

You can adjust the Gradient, High Pass filter, and/or the Curves settings to get a final outcome

you're happy with.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

Congratulations! You're Done

In this tutorial, we created a couple of text layers, and used multiple layer styles to achieve the

textured brick effect.

Then, we added the grass and used a work path with a simple grass brush to create the edges

around the brick text.

Finally, we used a couple of adjustment layers and a filter to enhance the coloring and the look

of the final result.

Please feel free to leave your comments, suggestions, and outcomes on our Blog and Website.

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.html

For More : http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-tutorials.html

For More Step By Step Tutorials or Video Tutorials Visit

http://studymaterialcollection.blogspot.com/2015/10/download-free-photoshop-

tutorials.html

Do You Want to Search the Specific:

Fulbright Scholarships, JOB, Online Work or Online Job, Free Video

Tutorial, Free Video Lectures for Different Subjects and Free Online Courses

That Assist You in Your Professional Life or Field.

Then Below is The Link For you Where You Get the Several Free and Smart

Search Engine’s Links That Are Specifically Design According to Your

Requirement.

Visit and Use These Specific Search Engine’s That Design for Your Requirement

Visit the SEARCH ENGINE’s Collection page

http://searchenginecollectionpage.blogspot.com/2015/10/SearchEngineCollection.h

tml

THANKS