Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Categories
Learning Guides
TEXT EFFECTS
1 day ago
2 Comments
49
59
pdfcrowd.com
Warping objects is a fantastic way of achieving some great, realistic effects. This
tutorial will show you how to use shape properties, smart objects, textures, layer
styles, and brushes to create a simple, stencil banner text effect. Then, you'll get to
use the Warp command to make the final result look more realistic and give it some
open in browser PRO version
pdfcrowd.com
Tutorial Assets
The following assets were used during the production of this tutorial:
Lintsec Regular font.
Cardboard texture stock by YmntleStock.
Unrestricted Neutral grunge 7 by DivsM-stock.
Soft Wallpaper pattern by Atle Mo.
Concrete wall 3 pattern by Atle Mo.
You'll also need to load a default Photoshop brush set. So go toEdit >
Presets > Preset Manager, and choose Brushes from the Preset Type
dropdown menu. Then click the little arrow to the right of the Preset Type
dropdown menu, and click Square Brushes near the bottom of the pop-up
menu. When the dialog box appears after that, just click Append, and youll
get the Square Brushes set.
pdfcrowd.com
Step 1
Create a new 909 x 620 px document, and set the Resolution to 200.
Place the Cardboard texture stock image on top of the Background layer, resize it
as needed, and merge it with the Background layer when done. Then duplicate it,
and go to Filter > Convert for Smart Filters.
pdfcrowd.com
Step 2
Click the Create new fill or adjustment layer icon at the bottom of theLayers
panel and choose Levels.
pdfcrowd.com
Step 3
Click the Clip adjustment to layer icon at the bottom of theProperties panel and
change the Shadows value to 15.
pdfcrowd.com
Step 4
Click the Create new fill or adjustment layer icon again and add a Color Balance
adjustment layer. Click the Clip adjustment to layer icon, make sure the Tones
option is set to Midtones, and then change the values to-45, 0, and 2.
pdfcrowd.com
pdfcrowd.com
#edebdf .
Step 2
Pick the Ellipse Tool, and choose the Subtract Front Shape option in the Options
bar. Then click the Geometry Options icon, and set the Fixed Size's W and H
values to 7.
pdfcrowd.com
What you'll need to do next is click and drag slightly to create two holes at the top of
the rectangle. You can use some guides to help you position the circles as well, but
that's not necessary.
pdfcrowd.com
pdfcrowd.com
Step 3
Create the text in All Caps, each letter in a separate layer, using the fontLintsec
Regular, the Size 43 pt, and the color Black .
pdfcrowd.com
Step 4
Place the first letter's layer below the rectangle shape's layer you created, rename
the rectangle layer to whatever letter is below it, and then select both layers.
Pick the Move Tool, and click the Align vertical centers and Align horizontal
centers icons in the Options bar.
pdfcrowd.com
Step 5
Duplicate the rectangle layer, move the copy on top of another letter, and repeat the
rest of the steps until each letter has a rectangle.
pdfcrowd.com
pdfcrowd.com
Step 2
Select each letter's layer and its rectangle layer, and go to Layer > Combine
Shapes > Subtract Shapes at Overlap. This will merge both layers into one, and
open in browser PRO version
pdfcrowd.com
subtract the letter from the rectangle, creating the stencil shape.
Step 3
Repeat that for the rest of the letters you have.
open in browser PRO version
pdfcrowd.com
Step 4
Duplicate each shape layer, place the copy below the original, and double-click the
copy's thumbnail to change its color to #afaba3 .
open in browser PRO version
pdfcrowd.com
Once you're done, select each shape layer you have, right-click it, and choose
Convert to Smart Object. This will make the Transforming and Warping that we'll
be performing next non-destructive and editable.
pdfcrowd.com
Step 5
Select each copy shape layer, and then go to Filter > Blur > Gaussian Blur, and
change the Radius to 3.
Step 6
open in browser PRO version
pdfcrowd.com
After you apply the Gaussian Blur, change the copy (shadow) layers' Blend Mode
to Multiply, and the Opacity to 85%.
pdfcrowd.com
pdfcrowd.com
Step 1
Double-click the first letter's stencil shape layer to add a Pattern Overlay effect
using the following values:
Blend Mode: Multiply
Opacity: 50%
Pattern: Soft Wallpaper
pdfcrowd.com
Step 2
Right-click the styled layer, and choose Copy Layer Style. Then select the rest of
the stencil layers, right-click any of them, and choose Paste Layer Style. This will
open in browser PRO version
pdfcrowd.com
Step 3
open in browser PRO version
pdfcrowd.com
Select each stencil layer with its shadow layer, and then go toEdit > Free
Transform. Rotate, move, and resize the selected layers as you like, and tap the
Return key to accept the changes. Do the same for the rest of the letters until you
like how they're placed.
pdfcrowd.com
Step 4
Next, for each shadow layer, select it, and then go toEdit > Transform > Warp,
open in browser PRO version
pdfcrowd.com
and play around with the shadow shape a little bit by clicking and dragging the
mesh areas, control points, and/or handles.
pdfcrowd.com
Step 5
Take your time with this step, and don't be afraid to try different things and modify
the shape more than once until you like the result you get. Hit the Return key when
done to accept the changes.
pdfcrowd.com
Using the Warp command to create the shadows instead of the Drop Shadow effect
gives us much more control over the final result, and helps us achieve a more
realistic and interesting final effect.
pdfcrowd.com
pdfcrowd.com
Double-click the first letter's stencil shape layer, and apply aGradient Overlay
effect using a Black to White gradient fill, and change the other values as follows:
Blend Mode: Soft Light
Opacity: 10%
Angle: 20
pdfcrowd.com
Step 2
Apply the same effect to the rest of the letters, but make sure to change theAngle
value depending on the direction of the letter's shadow you modified earlier. You
open in browser PRO version
pdfcrowd.com
can do that while you're still under the Gradient Overlay tab, by clicking and
dragging the gradient fill over the letter until you like how it looks.
Once you're done applying the Gradient Overlay effect to each letter, you should
end up with something like this:
open in browser PRO version
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Step 2
Press and hold the Command and Shift keys, and click each stencil shape layer's
thumbnail to create a selection.
pdfcrowd.com
Step 3
Click the Add layer mask icon at the bottom of theLayers panel. This will use the
open in browser PRO version
pdfcrowd.com
selection to create a mask that applies the texture to the stencil shapes only.
pdfcrowd.com
Step 4
Change the texture layer's Blend Mode to Color Burn and its Opacity to 25%.
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Step 2
The simplest way to create the paths is to click and drag where you want the path
to start, and then click and drag where you want it to end.
To separate the paths, press and hold the Command key, and click outside the path
you've finished creating so that it won't be connected to the path you'll create after
open in browser PRO version
pdfcrowd.com
you've finished creating so that it won't be connected to the path you'll create after
it.
Once you're done creating the paths, all the stencil shapes should be connected.
pdfcrowd.com
pdfcrowd.com
the Paths
Step 1
Set the Foreground color to #afaba2 , pick the Brush Tool, and open the Brush
panel (Window > Brush). Under the Brush Tip Shape tab, modify the settings as
below:
pdfcrowd.com
Step 2
open in browser PRO version
pdfcrowd.com
Hit the Return key once to stroke the path with the modified brush tip.
Alternatively, you can pick the Direct Selection Tool (A), right-click the work path,
and choose Stroke Path. Then, choose Brush from the Tool drop-down menu,
make sure that the Simulate Pressure box is unchecked, and click OK.
pdfcrowd.com
Step 3
Under Brush Tip Shape in the Brush panel, choose the Hard Square 10 pixels
open in browser PRO version
pdfcrowd.com
pdfcrowd.com
Step 4
Click the Shape Dynamics tab, change the values as shown below, and make sure
to set the Angle Jitter Control value to Direction. This will make the brush tip's
angle follow the path's direction.
pdfcrowd.com
Step 5
open in browser PRO version
pdfcrowd.com
Create a new layer on top of theTwine layer, call it Stripes, and stroke the path
with the new brush tip.
Pick the Direct Selection Tool (A) and hit the Return key to get rid of the work
path.
pdfcrowd.com
Step 6
Command-click the Twine layer's thumbnail to create a selection, select the
Stripes layer, press the Command-J keys to duplicate the selection in a new layer,
open in browser PRO version
pdfcrowd.com
rename the copy layer to Stripes, and delete the original Stripes layer.
pdfcrowd.com
Step 7
Change the Stripes layer's Fill value to 0, then duplicate the Twine layer, drag the
copy below the original and rename it Twine Shadow.
pdfcrowd.com
pdfcrowd.com
Step 1
Add a Bevel and Emboss with these settings:
Size: 14
pdfcrowd.com
Step 2
Add a Texture with these settings:
pdfcrowd.com
pdfcrowd.com
Step 3
Add a Color Overlay with these settings:
Color: #f5f2ed
You can use any other color you like as well.
pdfcrowd.com
pdfcrowd.com
Step 4
Double-click the Stripes layer to apply a Color Overlay effect by changing the
open in browser PRO version
pdfcrowd.com
Blend Mode to Multiply, and using any color you like as well. Here, the color used
is #ea4342 .
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Step 2
Transform the shadow using the Warp command just like you did for the original
stencil shapes' shadows. Once you're done, go to Select > Deselect (CommandD) to get rid of the selection.
pdfcrowd.com
Step 3
Repeat the same steps to select and warp each piece's shadow. It is better to keep
the shadow a bit subtle for the little pieces connecting the stencil cards.
open in browser PRO version
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
Step 2
Use a Transparent to Fill gradient with the colors #e3e1d5 to the left and
#595959 to the right. Change the Style to Radial and the Scale to 450.
pdfcrowd.com
Step 3
Make sure that the Gradient layer is on top of all layers, and change itsBlend
Mode to Linear Burn.
pdfcrowd.com
pdfcrowd.com
Advertisement
Step 4
Select the Background copy layer, go to Filter > Blur Gallery > Iris Blur, and
change the Blur value under the Blur Tools panel to the right to 5.
You can change the shape of the ellipse by clicking and dragging the four dots that
are connected by the line, and modify the Transition Area by clicking and dragging
the four larger dots between the center pin and the outer blur line.
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com
pdfcrowd.com