Text Effect 5

8/9/2019 Text Effect 5

http://slidepdf.com/reader/full/text-effect-5 1/18

Layered TextHere you will learn how to create multi layered text effect which you can apply to both

texts and other layers. A Great effect for logos, and signage..

Start photoshop with a new document, large enough

to accomodate your texts.

Use the TYPE tool to create your text.

Then duplicate this text layer so you end up having 2

identical layers.

First, we will work with the TOP text layer.

apply the following Layer styles to the top text layer.

(Layer » Layer Style » ....)

Drop Shadow

Inner Shadow

Bevel and Emboss

Gradient Overlay

Now, make sure your still working on the top layer, then

go to Layer » Rasterize » Type

After this, the top layer text will no longer be editable.

Now hide the top layer by clicking on the "eye" icon

next to it, so we can see the bottom text layer.

Now apply the following layer styles to the bottom text

layer:

Inner Shadow

Bevel and Emboss

Gradient Overlay

Stroke



Now, show the top layer by enabling the eye icon

again, you will now see the top text layer, the bottom

layer hidden underneath.

Now select your Eraser tool, using a HARD EDGE brush,

and partially erase the top text layer, revealing the

bottom layer...

This part is where you can get creative and erase

whatever part you want, using different brush sizes...



This Photoshop tutorial will teach you how to create text that looks like it’s been parcel

wrapped and ready to ship.

Step 1.

To start off, choose the gradient tool (circled in red) and then open up the gradienteditor (image 1), by clicking on the area circled in green (image 2). There should be 2

marker points already present for the current gradient. Make each of them a light

brown color, such as B1B093. Create a marker at location 25% using a lighter

shade(EFEEBE) for the color. Make another marker in the center at location 50%, using

FDFDE7 for the color. Finally create a marker at location 75%, using EFEEBE. Now make

some large thick text, which will be used as a template, using something like Arial Black

150 pt. Create a new layer inside a new layer set. Use the rectangular marquee tool to

create a small rectangular selection, and then create a gradient on a new layer, by

dragging the length of the selection.



Step 2.

Next we’re going to cut the gradient to make it look irregular. Zoom in to 200% and use

the elliptical marquee tool to delete the top part of the gradient, creating an inward

curve. Create another selection (image 5), using it to cut (layer via cut) the layer into

two. Delete the bottom part and then create a taller oval selection to cut the layer

from the left hand side (image 6).

Step 3.

Do the same to the right hand side, using a large selection. Place the layer at the

bottom, make a duplicate of it and then move it to the top of the letter (image 8). You

should now have 2 gradient layers inside the layer set. Use the transform tool (edit >

transform) to scale and rotate the duplicate, so that it’s roughly the width of the upper

part of the letter. Duplicate the layer and then flip it horizontally (edit > transform > flip

horizontal), as shown in image 9).



Step 4.

Rotate it using the transform tool and then apply a drop shadow to the layer (layer >

drop shadow), using the settings shown in image 11. The layer’s shadow should look like

the one shown in image 12.

Step 5.

Duplicate the layer and then use the transform tool to rotate it (image 13) and then

shorten it (image 14). Use the transform tool to distort (edit > transform > distort) the

orginal gradient layer, so that it looks something like in the one in image 15.

Step 6.

Make another copy (image 16) of the last duplicated layer and then use the transform

tool to distort it like in image 17. Make yet another copy, rotating it and distorting it like

in image 18. You will need to place this layer below the others, so that the shadow

appears over it.



Step 7.

Make another copy and then distort it like in image 19. Duplicate the original layer, from

the bottom, and bring it to the top-center of the letter (image 20). Flip it vertically (edit

> transform > flip vertical), distorting it slightly to fit the template letter.

Step 8

Next, duplicate the top left layer (image 22) and rotate it by 90 degrees clockwise (edit

> transform > rotate 90 degrees CW). Use the the transform tool to distort it so that it

covers the top part of the letter.

Step 9

Erase the part on the left (image 25). Duplicate the layer set containing all the layers,

flip it horizontally and then move it over the right hand side (image 26)



Step 10.

Next, zoom in to 300% and use the polygonal lasso tool to create the selection shown in

image 27. Fill a new layer with grey (AFAFAF) and then contract the selection by 2 pixels

(image 28). Add some small text like 6pt verdana, and then create a darker grey

(737373) circle, using the elliptical marquee tool.

Step 11.

Merge the text with the label layer and then rotate it by about -80 degrees. Create an

oval, with the same dark grey and on a new layer. Nudge the slection to the right, withthe arrow key, and then fill it with white.



Step 12.

Nudge the selection again and then delete the selected area (image 33). Use the

erase tool to delete part of it, like in image 34.

Step 13.

Since we’ve duplicated the layer set for the other side, it will be symmetrical. To make

the other side look different, you can swap around the order of the layers, like i’ve done

in the example below. And that’s the end of this tutorial to create parcel wrapped text!



Place An Image In Text In PhotoshopLearn Photoshop With Text Effects Tutorials At Photoshop Essentials.com

Written By Steve Patterson

In this Adobe Photoshop tutorial, we're going to learn how to place an image in text, a

very popular thing to do in Photoshop, and also a very easy thing to do as we'll see.

Here's the effect we're going for:

Photoshop Image In Text: The final "image in text" effect.

Let's get started!

Step 1: Open A Photo To Place Inside Your Text

First, we need the image that we're going to place inside of our text. I'll use this

panoramic photo of Hawaii:



Photoshop Image In Text: An ocean view from Hawaii.

Step 2: Duplicate The Background Layer

If we look in the Layers palette, we can see that we currently have one layer,

named Background . This layer contains our image. We need to duplicate this layer, and

the easiest way to do that is by using the keyboard shortcut Ctrl+J (Win)

/ Command+J (Mac). If we look once again in the Layers palette, we see that we now

have two layers. The original Background layer is on the bottom, and a copy of the

Background layer, which Photoshop automatically named "Layer 1", is sitting above it:

Photoshop Image In Text: Photoshop's Layers palette.

Step 3: Add A New Blank Layer Between The Two Layers

Next, we need to add a new blank layer between the Background layer and "Layer 1".

Currently, "Layer 1" is the layer that's selected in the Layers palette. We can tell which



layer is selected because the selected layer is always highlighted in blue. Normally,

when we add a new layer, Photoshop places the new layer directly above whichever

layer is currently selected, which means that Photoshop would place the layer above

"Layer 1". That's not what we want. We want the new layer to be placed below "Layer

1". Here's a useful trick. To add a new layer below the currently selected layer, hold

down your Ctrl (Win) / Command (Mac) key and click on the New Layer icon at the

bottom of the Layers palette. Holding down Ctrl (Win) / Command (Mac) is the trick to

placing the layer below the currently selected layer:

Photoshop Image In Text: Hold down "Ctrl" (Win) / "Command" (Mac) and click on the

New Layer icon in the Layers palette.

We now have a new blank layer named "Layer 2" sitting directly between the

Background layer and "Layer 1":

Photoshop Image In Text: The Layers palette showing the new blank layer between the

Background layer and "Layer 1".



Step 4: Fill The New Layer With White

At the moment, our new layer is completely blank. Let's fill it with white so it will appear

as a white background after we've placed our image inside the text. Go up to

the Edit menu at the top of the screen and choose Fill. This will bring up Photoshop's Fill

dialog box. Select White for the Contents option at the top of the dialog box, then click

OK to exit out of the dialog box:

Photoshop Image In Text: Select White for the Contents option at the top of the Fill

command's dialog box.

Nothing will appear to have happened in the document window, since the image on

"Layer 1" is blocking "Layer 2" from view, but if we look at the layer preview thumbnail for

"Layer 2" in the Layers palette, we can see that sure enough, the layer is now filled with

solid white:



Photoshop Image In Text: The preview thumbnail for "Layer 2" shows that the layer is now

filled with white.

Step 5: Select "Layer 1" In The Layers Palette

It's time to add our text, but in order to see the text when we add it, we'll need to have

the text appear above "Layer 1", otherwise the image on "Layer 1" will block the text

from view. To make sure we can see our text, click on "Layer 1" in the Layers palette to

select it. This way, as soon as we begin typing, Photoshop will create a new type layer

for us and place the type layer directly above "Layer 1":

Photoshop Image In Text: Click on "Layer 1" in the Layers palette to select it.

Step 6: Select The Type Tool

To add the text, we'll need Photoshop's Type Tool, so select the Type Tool from the Tools

palette. You can also quickly select the Type Tool by pressing the letter T on your

keyboard:

Photoshop Image In Text: Select the Type Tool.

Step 7: Choose A Font In The Options Bar

With the Type Tool selected, go up to the Options Bar at the top of the screen and

choose whichever font you want to use for the effect. Generally, fonts with thick letters

work best. I'm going to choose Arial Black. Don't worry about the font size for now:



Photoshop Image In Text: Select a font in the Options Bar.

Step 8: Set White As Your Foreground Color

This step isn't absolutely necessary, but to help me see my text, I'm going to use white for

my text color. The color you choose for your text doesn't really matter since we'll be

filling the text with an image in a moment, but it still helps to be able to see the text

when we're adding it. To set the text color to white, all we need to do is set

Photoshop's Foreground color to white. First, press the letter D on your keyboard, which

will reset the Foreground and Background colors to their defaults. Black is the default

color for the Foreground color and white is the default color for the Background color.

To swap them so white becomes the Foreground color, press the letter X on your

keyboard. If you look at the Foreground and Background color swatches near the

bottom of the Tools palette, you'll see that white is now the Foreground color (the left

swatch):

Photoshop Image In Text: Setting the Foreground color to white sets the text color to

white as well.

Step 9: Add Your Text

With the Type Tool selected, your font chosen and white as your Foreground color, click

inside your document window and add your text. Since I'm using a photo of an ocean

scene in Hawaii, I'm going to type the word "HAWAII":



Photoshop Image In Text: Click inside the document and add your text.

When you're done, click on the checkmark up in the Options Bar to accept the text.

Photoshop Image In Text: Click on the checkmark in the Options Bar to accept the text.

Step 10: Resize and Reposition The Text With The Free Transform Command

You'll probably need to resize and reposition your text at this point, and we can do both

of those things using Photoshop's Free Transform command. Press Ctrl+T (Win)

/ Command+T (Mac) on your keyboard to bring up the Free Transform box and handles

around your text, then drag any of the handles to resize the text. If you want to resize

the text without distorting the look of it, hold down your Shift key and drag any of the

four corner handles. You can also resize the text from its center by holding down

the Alt(Win) / Option (Mac) key as you drag. Finally, to move the text, click anywhere

inside the Free Transform box and drag your mouse to move the text around inside thedocument window:



Killer Halftone Effect

In Photoshop you can create halftone effects (like the background of the type behind

the word halftone in the image above) in just a few steps with the help of the Bitmap

Image Mode. This effect is very popular because it confuses and mesmerizes your eyes

if used with enough contrast.

First create an object that you gonna use as your base for your halftone effect. Use the

grayscale image mode at this stage. Try bulky typefaces or simple shapes to achieve

the best effect.

Now, blur your object and play with the Brightness and Contrast settings, until you have

a very dense blob with reasonably big blurry edges. You may need to duplicate your

blurred objects layer to have dense black in the middle parts.



Now convert your image to Bitmap with Halftone Screen Method. You can specify

higher resolution than your input image to achieve more detail in your final image.

In the next pop-up window you will need to input some more variables for your effect.

The lower the Frequency the bigger the dots will be. For the Shape choose Round.

Make sure you try out the other available shapes later.

You can save this bitmap as a tiff file. The nice thing about a bitmap tiff is that when

you place it into other applications you will be able to change it's color. If you want to

further manipulate your halftone image in Photoshop, you will need to first convert the

bitmap image back to Grayscale and then to RGB Mode. Your eye killer psychedelic

design is ready.

Text Effect 5

Documents

Transcript of Text Effect 5