Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
(https://www.photoshoptutorials.ws/)
Learn how to create a 3D comic book text effect that pops! You will get very
familar with many different layer styles. We will start by creating the background
with halftone brushes and then proceed to creating our text effect. Lastly, we will
finish it off by adding a bevel effect with a stroke.
This image was created to mimic the comic book fonts but in 3D. You will learn
how to create this 3D effect by duplicating layers and by adding halftones to give
it that comic feel. This tutorial was created with Photoshop CC.
Tutorial Resources
Step 1
Open Photoshop and create a new document by clicking File > New. I made my
document 2000 px by 2000 px (it doesn’t matter the resolution since we’re using
pixels). I titled my document “Comic Book Text Effect”.
Step 2
Now it’s time to add a gradient to your background. Double-click your
background layer to bring up the layer style window and apply this setting.
Step 3
Create a new layer. Fill it with any color and change the fill to 0%. Double-click this
layer to bring up the layer style window and apply this pattern.
Step 4
Create a New Layer. Select the Brush tool (B) then set the brush size to 1957
pixels. You can use whatever color you want. Now place your halftone in the
center of your document as shown in the image below. Also, change your layer to
Luminosity with a Fill of 16%.
Step 5
Create a New Layer. Grab your Pen tool (P) and create a shape as shown in the
image below.
Step 6
Go to your Paths tab and right-click the path you just created and click Make
Selection. Click ‘ok’.
Step 7
Fill this selection with whatever color you want. Then double-click this layer to
apply a Color Overlay and a Drop Shadow.
Step 8
Step 9
Create a New Layer. Make a selection from your previous layer by clicking Ctrl
and selecting the thumbnail image. Grab your Brush tool again and use the
halftone brush and place it in your document as shown below. You can use
whatever color you wish.
Step 10
Double-click this layer and add this Gradient Overlay. Make sure your Fill is at 0%.
Step 11
Create a New Layer. Grap your pen tool and create a outline for the shape that
we created. Make a selection from it and fill it with #000000. Place this layer
underneath that shape layer.
Step 12
Grab your type tool, I will be making the word “POW!” in this example but you
can use whatever word you wish. I’m using Komika Axis with a 125.5 pt.
Step 13
Duplicate this layer and place it under the original “P” layer. We will use it later.
Take your original “P” layer and add these layer styles.
Step 14
Add Contour
Step 15
Step 16
Add Satin
Step 17
Step 18
Now remember that “P” we duplicated, select that layer. Using your arrow keys
move this layer five times to the right and five times downward. Make sure your
Move tool is selected.
Step 19
Take this layer you just moved and duplicate it again (moving it five times to the
right and five times downward). Repeat the same steps stated previously to three
more “P” layers. So, in total you should have 6 “P” layers including your original
“P” layer.
Step 20
Put the 5 duplicated “P” layers in a Group and apply these layer styles.
Step 21
Add Satin
Step 23
Step 24
Step 26
Now we will add some halftone brushes to the letter “P”. Go to your original layer
“P”, make a selection from it. Create a new layer and grab your Brush tool. I’m
using #000000, place your halftones on your letter as shown in the image below.
Step 27
Step 28
Repeat these same steps for the O,W and exclamation point.
(HTTPS://WWW.PHOTOSHOPTUTORIALS.WS/)
Step 30
Step 31
Now we’re going to repeat step 29 to add the stroke. Create a New Layer and
place it below all of your text layers. Make a selection from all of the first and last
P, O, W and exclamation point layers by pressing and holding the Ctrl and Shift
keys. Fill this layer with black. Add a black Stroke to this layer.
Step 33
Final Results
Download the PSD
Download
COMMENTS (4)
DOWNLOAD YOUR FREE PHOTOSHOP ACTIONS
(https://sparklestock.com/product/lomocam-retro-effects-frames/)
Get the latest Photoshop tutorials delivered to your inbox. As a reward, you'll
receive 57 free PS actions from SparkleStock (https://www.sparklestock.com)
SIGN UP
(https://www.youtube.com/watch?v=v1P_-amlPzM&list=PL3C709F0BBCCF5B2C)
BESTSELLING DEALS
(https://store.photoshoptutorials.ws/sales/creative-
vip-lifetime-membership?
utm_source=photoshoptutorials.ws&utm_medium=dealfeed&utm_content=Right-
Rail&utm_campaign=creative-vip-lifetime-
membership)
Book Like A Boss: Lifetime Super Boss Plan
(https://store.photoshoptutorials.ws/sales/book-
like-a-boss-super-boss-plan-lifetime-
subscription?
utm_source=photoshoptutorials.ws&utm_medium=de
Rail&utm_campaign=book-like-a-boss-super-
boss-plan-lifetime-subscription )
(https://store.photoshoptutorials.ws/sales/book-like-a-
boss-super-boss-plan-lifetime-subscription?
utm_source=photoshoptutorials.ws&utm_medium=dealfeed&utm_content=Right-
Rail&utm_campaign=book-like-a-boss-super-boss-
plan-lifetime-subscription)
(https://store.photoshoptutorials.ws/sales/the-font-
deck-playing-cards?
utm_source=photoshoptutorials.ws&utm_medium=dealfeed&utm_content=Right-
Rail&utm_campaign=the-font-deck-playing-cards)
(https://store.photoshoptutorials.ws/sales/spark-
camera-remote-w-n3-camera-cable?
utm_source=photoshoptutorials.ws&utm_medium=dealfeed&utm_content=Right-
Rail&utm_campaign=spark-camera-remote-w-n3-
camera-cable)
GekkoStick
(https://store.photoshoptutorials.ws/sales/gekkostick-
black?
utm_source=photoshoptutorials.ws&utm_medium=de
Rail&utm_campaign=gekkostick-black )
(https://store.photoshoptutorials.ws/sales/gekkostick-
black?
utm_source=photoshoptutorials.ws&utm_medium=dealfeed&utm_content=Right-
Rail&utm_campaign=gekkostick-black)
LATEST DOWNLOADS
(https://www.photoshoptutorials.ws/downloads/lightroom-presets/free-cyberpunk-lightroom-presets/)
incredible-
dot-
grids-
photos/)
lightroom-
presets-
and-
luts/)
Free Download: 3 Awesome Actions to Create Watercolor and Acrylic Painting Effects
(https://www.photoshoptutorials.ws/downloads/photoshop-actions/free-download-3-awesome-
(https://www.photoshoptutorials.ws/downloads/photoshop-
actions-create-watercolor-acrylic-painting-effects/)
actions/free-
download- DOWNLOADS (HTTPS://WWW.PHOTOSHOPTUTORIALS.WS/CATEGORY/DOWNLOADS/) - 2 MONTHS AGO
3- PHOTOSHOP TUTORIALS EDITOR (HTTPS://WWW.PHOTOSHOPTUTORIALS.WS/AUTHOR/PHOTOSHOP-TUTORIALS-EDITOR/)
awesome-
actions-
create-
watercolor-
acrylic-
painting-
effects/)
FOLLOW US
Follows
Facebook Twitter Google+
326k 3.9k 4.7k
Followers Followers Followers
(http://www.facebook.com/pstutorialsws) (https://twitter.com/pstutorialsws) (https://plus.google.com/+Photoshoptutoria
YouTube deviantART
159.6k 4.3k
Followers Followers
(https://www.youtube.com/pstutorialsws) (http://pstutorialsws.deviantart.com/)
(https://phototips.cc/)
(https://www.designideas.pics/)
(https://awesomemockups.com/)
(https://sparklestock.com/)
(https://www.photoshoptutorials.ws/)
ADVERTISE (HTTPS://WWW.PHOTOSHOPTUTORIALS.WS/ADVERTISE/)
CONTACT (HTTPS://WWW.PHOTOSHOPTUTORIALS.WS/CONTACT/)
Ad Iron Throne
How to Composite a
Destroyed City Scene
and Retouch...
photoshoptutorials.ws
Quick-Tip: How to
Create Double
Exposure...
photoshoptutorials.ws
Create a Cartoon-Style
Graffiti Text Effect in
Photoshop
photoshoptutorials.ws