0% found this document useful (0 votes)
30 views25 pages

Design A Skin-Textured Typography Scene in Photoshop

Uploaded by

Poe Poe
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
30 views25 pages

Design A Skin-Textured Typography Scene in Photoshop

Uploaded by

Poe Poe
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Home Freebies Write for Us Contact Us

Design a Skin-Textured Typography


Scene in Photoshop
Advertise with us

Sep 29 2010 73 Comments


By Sebastiano Guerriero
Categories
Articles Print Design
Digital Art Photography
In this tutorial, I’ll show you how to create a 3D-looking textured text e⤀ㄆect in Drawing & Text E⤀ㄆects
Photoshop without the need for any 3D tools or applications. All we need to be able Illustration Basics
to create our text e⤀ㄆect is a good idea of perspective so that we can modify light Freebies Visual Inspiration
distribution with the help of color correction tools (Burn Tool and Dodge Tool). The Graphic Design Web Design
techniques and concepts you’ll learn here can be used to apply any kind of texture Logo Design
(not just skin texture) to any text for simulating depth and lighting precision.

Partners
Preview
Click the preview image to see the ⤀褅nal result in full size.

Tutorial Resources
Scratched Metallic texture by WeGraphics
Skin texture
Meat
Fork and knife
Doughboy font by Typecode

Step 1: Create a New Document in Photoshop


Let’s start by creating a new document in Photoshop. Since I want to create a graphic
that can be used as a desktop wallpaper, my document’s size is rather large,

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 1/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
1920×1200 pixels — but you are free to choose the size of your canvas to best suit
your needs and preferences.

Step 2: Create a Radial Gradient to the Background


Apply a radial gradient to the Background layer using the Layer Style dialog window;
double-click on the layer to access the window. From the Layer Style dialog window,
select "Gradient Overlay" and add a gradient with the Style option set to Radial, and
the gradient going from a light red (#e45f5f) to a darker red (#7a2424).

With the Layer Style window still open, you can move the center of the gradient by
simply clicking and dragging over the canvas. Notice that if the Layer Style dialog
window is closed, you won’t be able to move the gradient. I’ve moved the center of
the radial gradient to the top left of the canvas.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 2/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Step 3: Add a Texture to the Background


I love to "dirty up" the backgrounds of my compositions a little bit using grunge and
paper textures. So let’s download a texture from my Scratched Metallic textures set
(the free sample will work ⤀褅ne) and paste it into our document. Alternatively, feel free
to experiment with textures of your own, or check out the Freebies section here on
Design Instruct.

Press Ctrl/Cmd + T to activate Free Transform mode and scale down the size of the
texture to ⤀褅t our canvas.

Set the layer’s Blend Mode to Overlay and reduce its Opacity to 20%.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 3/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

At this point, I think the focal point of the composition needs more light. So create a
new layer and move it between the Background layer and the texture layer. Grab the
Brush Tool (B) and set it up so that you have a large, soft, white brush with Hardness
at 0%. Then, just click once on the canvas to create a round brush stroke. Reduce the
Opacity of the layer in case you think the light e⤀ㄆect is too strong.

Step 4: Adding the Text


We can now add the text. It’s essential to choose a good font. The idea is to work with
a skin texture, so a round, bold font is what we need to obtain for an awesome and
high-impact composition. After sur⤀褅ng through many font directories like dafont.com,
I’ve found a free font called Doughboy that is perfect for our graphic. If you want to
use that font, download it and install it.

With your chosen font, write something onto the center of the canvas using the
Horizontal Type Tool (T). Make the font size fairly large because it is the main element
of our piece. The word I wrote was simply the word "Skin."

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 4/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

The ⤀褅rst thing we have to modify is the text’s color, so right-click on the text layer in
the Layers Panel and select Blending Options from the menu that appears.

In the Layer Style dialog window, add a pink linear color gradient going from #ab6e6e
to #d19494.

Secondly, add a soft drop shadow (color should be #3f0202).

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 5/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Step 5: Adding the Skin Texture to the Text


The process of applying the texture to the text is very simple and can be used to apply
any kind of texture to any kind of text. The technique I will share with you is based on
the concept of light and shadow distribution.

Let’s start by downloading the texture and pasting it into the canvas.

Resize it and locate the texture above the letter "S". We will work on one letter at a
time. Take in mind that if you resize the texture, you will add ⤀褅ner details to each
letter.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 6/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

By setting the texture layer’s Blend Mode to Overlay, you can preview how the texture
will a⤀ㄆect the letter.

To mask out the extra parts of the texture, Ctrl/Cmd + click on the text layer to select
around it, and afterwards, add a layer mask onto the texture layer by pressing the
Add layer mask button in the Layers Panel.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 7/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Step 6: Create the 3D E᨜ect on the Type


To create the illusion of perspective so that the text will have depth, we won’t be using
3D software. We will only rely on two powerful Photoshop tools: the Burn Tool and
the Dodge Tool (O) to manually paint the illusion of depth.

The Burn Tool is used to darken areas of objects on the canvas. The Dodge Tool does
the opposite; it lightens up areas that you apply it to. They both work like brushes and
in fact, you are free to use the brush library with them.

We will start using the Burn Tool to darken the edges of the letter. Dark edges give
the idea of depth. Gently paint over the areas indicated by the red arrows using a
large, soft brush with the Exposure at around 50%.

Reduce the brush size and increase the Exposure. Paint over the edges again, and
you’ll see that, this time, the e⤀ㄆect will be more visible. By varying our strokes and
options, we will be able to create realistic highlights.

Continue using the Burn Tool until you’re satis⤀褅ed with the result. Here is what I
ended up with:

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 8/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

To give the letter even more depth, switch to the Dodge Tool and paint over the
center of the letter (indicated with red arrows below).

Step 7: Apply the Texture to All the Letters


Use the same method we used in Step 5 and Step 6 to add textures to other letters,
as well as to give them depth by using the Dodge Tool and the Burn Tool.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 9/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Step 8: Split Up the Letter "i"


At this point of the process of designing this piece, I had an idea: these letters look
like food. In particular, the letter "i" makes me think of a small salami — Hey, I’m
Italian, and food is a big part of our culture!

So what I wanted to do was cut the letter "i" to make it look like it is split open. There’s
a complication to doing this, though: each letter is a combination of 2 layers, the text
+ the texture. To divide a letter in two parts, we have to create a single layer for that
letter.

Let’s do that now. First, hide the visibility of all the texture layers (for the moment) so
we can focus our attention on the text layer.

Rasterize the text layer by right-clicking on it in the Layers Panel and then choosing
Rasterize Layer from the menu that appears.

Grab the Rectangular Marquee Tool (M) and select the "i".

Press Ctrl/Cmd + J so you duplicate only the "i" on a new layer of its own.

Next, we will remove the letter "i" from the original text layer. Again, select the letter
"i" (or go to Select > Reselect), switch to the text layer and press Delete. What you

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 10/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
should obtain at the end is a layer containing the letters "s", "k", "n" and a separate
layer containing the letter "i".

You can now make all the texture layers visible again.

Select both the "i" layer and its texture layer in the Layers Panel and then merge them
into one layer (Ctrl/Cmd + E).

Use the Pen Tool (P) in Paths mode to create a path that includes the top part of the
letter "i".

Press Ctrl/Cmd + Enter to convert the path you just made into a selection.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 11/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Make sure to have the "i" layer as the active layer in the Layers Panel. Use the Move
Tool (V) to move the selection up, separating the upper and lower portion of the
letter.

Also, if you press Ctrl/Cmd + T (Free Transform mode), you can rotate the selected
area slightly to the right so that it looks like it has just been sliced. If you want to
rotate the bottom part, the method will be the same.

Step 9: Fill the Insides of the Letter "i" with Meat


To support the idea of depth, we need to ⤀褅ll the bottom part of letter "i". To do so,
download this image of a piece of steak and open it in Photoshop.

With the help of the Pen Tool, make a selection on top of the steak (shown below).

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 12/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Copy and paste the selection in the main canvas. Use Free Transform (Ctrl/Cmd + T)
to rotate and resize the meat to match the dimensions of the letter.

Step 10: Accent the Piece with a Fork and Knife


We can add even more details to the scene. I’d like to add a fork and knife element to
the piece to reinforce the idea of the letter "i" being sliced open. Download this image
containing a fork and a knife. Use the Pen Tool (P) to extract the cutlery from their
background and then place them in our main document.

Since both the fork and the knife are too ⤀褅at, duplicate the layers and set the
duplicated layer’s Blend Mode to Overlay in order to increase their colors’ contrast.
After doing this, remember to merge each original layer with the duplicated ones
because we have to move and rotate the 2 objects, and it’s more comfortable to work
with only 2 layers.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 13/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Step 11: Modify the Fork


Place the fork at the bottom of the ⤀褅rst letter using the Move Tool (V). We want to
modify the fork to create the impression that it is poking the ⤀褅rst letter ("S"). So add a
layer mask to the fork layer, grab a round, black brush with the Hardness at 100% and
mask out the upper part of the points of the fork.

Next, select the layer with the letter "S" on it in the Layers Panel. Grab the Burn Tool
(O) from the Tools Panel and use it to darken the small areas where the fork should
be poking into the letter. This way, we create the idea that the points of the fork is
poking into the inside of the letter.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 14/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop

Step 12: Increase the Contrast of the Composition


The last step is to increase the contrast of the entire composition. There are several
ways to obtain this result, but what I will illustrate in this tutorial is the use of a
Gradient Map adjustment layer to boost the contrast. To create this adjustment layer,
go to Layer > New Adjustment Layer > Gradient Map. Set up the Gradient Map
adjustment layer so that the gradient is going from white to black. Move this layer on
top of all the other layers and, ⤀褅nally, set the Blend Mode of the layer to Overlay and
Opacity to 20%.

Tutorial Summary
Finito! We’ve ⤀褅nished! We created a text e⤀ㄆect that involves superimposing a texture
onto it, and then re⤀褅ned our work using the Burn Tool and Dodge Tool. We
performed a couple of photomanipulation techniques, including slicing up a letter
into two pieces and ⤀褅lling the insides with some meat, as well as making it look like as
though the ⤀褅rst letter is being punctured by a fork.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 15/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
I hope you have enjoyed this tutorial. I recommend experimenting with your own
textures and fonts to create your very own textured, 3D type. (And if you do, don’t be
afraid to leave a link showing your work in the comments below.)

Download Source Files


skin_textured_typography (ZIP, 15.10 MB)

Author: Sebastiano Guerriero


Sebastiano Guerriero is a 23-year-old Italian Graphic Designer who's
spent the last two years studying graphics by himself. He's the author
of WeGraphics, a blog that publishes graphic design tutorials, articles
about Graphic Design, and graphic design freebies. You can follow
him on Twitter (his username is @wegraphics).

73 Comments (Add yours)

Sahus Pilwal Hannibal Lecter eat your heart out…. LITERALLY ;)


Sep 29 2010
REPLY TO COMMENT

Sebastiano Guerriero Ahaha yeah my psychologist didn’t approve this


Oct 02 2010
tutorial
Contributor

REPLY TO COMMENT

attaiya realy nice 1, superb


Apr 23 2012
REPLY TO COMMENT

SAM no bud wtf bud dont be stupif bud


Nov 09 2015

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 16/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
REPLY TO COMMENT

Francheska awesomee tut! im more of an illustrator person but


Sep 29 2010
you explained things very well here & i got through it
smoothly & it taught me alott!!(: thanks!

REPLY TO COMMENT

Jordon Allen Very creative. I like it.


Sep 29 2010
REPLY TO COMMENT

Aljosa Ilic Just can’t get same e⤀ㄆects with dodge and burn, but i
Sep 29 2010
guess that means i need to practice a lot :)))…and can’t
use this font on PC, so…the result is just not the
same…and your picture quality is far better with the
same textures and materials used. Great tutorial,
nicely explained step by step…i’m new to the Ps, and
i’m literary learning everything through your
tutorials,big thanks. Hope one day i’l get pro :))) thanx
again!

REPLY TO COMMENT

Sebastiano Guerriero Hi Aljosa,


Oct 02 2010
Contributor
Just try again and again. The important thing is
not to re-produce the same e⤀ㄆect of the tutorial,
but to learn some useful techniques. Try using
di⤀ㄆerent font and di⤀ㄆerent textures (i.e. snake’s
skin), I’m sure you’ll obtain nice results!

REPLY TO COMMENT

Jacob Gube Aljosa, I was going to basically say what


Oct 02 2010
Sebastiano said. And to add to it, take his
Editorial Team
experience as an inspiration. Sebastiano is self-
taught, mostly from following online tutorials.
Now, he’s become a successful designer as well
as entrepreneur (with WeGraphics). You never
know, some day, just like Sebastiano, you’ll give
back to our community by writing your own
tutorials!

REPLY TO COMMENT

Sebastiano Guerriero Thanks guys for your appreciations ;-)


Oct 02 2010
Contributor REPLY TO COMMENT

PRATEEK GUPTA the Doughboy font is empty or not working so please


Oct 05 2010
post other link from where we can download it please

REPLY TO COMMENT

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 17/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
simen
Oct 09 2010 anyone who knows how to instal afm font type
??

REPLY TO COMMENT

Ricardo Nice tutorial!


Oct 07 2010
The ⤀褅nal result its amazing!

REPLY TO COMMENT

King Ellie Great work,I’ve learned a lot,Thx.


Nov 24 2010
REPLY TO COMMENT

saurabh kumar very nice tutorial ⤀褅nal output is very impressive


Dec 01 2010
REPLY TO COMMENT

Israa hey there,


Dec 08 2010
gr8 tutorial , i just have this problem , i can’t continue
this step: “To mask out the extra parts of the texture,
Ctrl/Cmd + click on the text layer to select around it,
and afterwards, add a layer mask onto the texture
layer by pressing the Add layer mask button in the
Layers Panel”

would u explain it again please.

Thanks

REPLY TO COMMENT

Jacob Gube So what you want to do is create a selection


Dec 22 2010
around the text by Ctrl/Cmd + clicking on the
Editorial Team
layer’s thumbnail in the layers panel. You know
that this has been successful when you see
dashed lines that outline the text. Then click the
Add layer mask button at the bottom of the
layers panel, which will add a layer mask only on
the selected area.

REPLY TO COMMENT

mikene It’s not working for me. When I CTRL+click


Jun 30 2012
on the layer’s thumbnail, it just deselects it.

REPLY TO COMMENT

mikene I forgot to mention that I am using


Jun 30 2012
CS5. I just found a solution, holding “V”
before pressing CTRL solves the
problem.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 18/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
winsy hi I got it already. But i’m not sure if it works on
Dec 22 2010
other versions of photoshop. I use cs4. anyway,
What he means is that at the bottom right hand
side, you ctrl + double click on the text panel and
then , like jacob said, you’ll see dotted lines
surrounding all letters. now you’ll just simply
click on the layer for the ⤀褅rst letter once ( that’s if
you’re doing letter by letter) . Ok now , the layer
mask option would be available. to ⤀褅nd the layer
mask option, move your cursor to the top and
under the “layer” tab you’ll see “layer mask”. And
under the “layer mask” you’ll need to click on
reveal selection. and there you have it:)

REPLY TO COMMENT

winsy hello it’s a cool tutorial but i don’t understand one


Dec 22 2010
part.
“To mask out the extra parts of the texture, Ctrl/Cmd
+ click on the text layer to select around it, and
afterwards, add a layer mask onto the texture layer
by pressing the Add layer mask button in the Layers
Pane?”
I tried reading it over and over again but I still don’t
get it. could you please explain it to me please.

REPLY TO COMMENT

hina Nice tutorial! BUT burn tool and dodge tool… very
Dec 26 2010
di⤀ꀈcult.

REPLY TO COMMENT

Guillermo Gracias campion por este tutorial,


Jan 03 2011
muy original, muy llamativo.

REPLY TO COMMENT

Amit Brilliant job. Thought I didn’t like the texture, I


Jan 03 2011
appreciate your hard work and your prespective.

Good job.

REPLY TO COMMENT

edmund step 5:To mask out the extra parts of the texture,
Jan 19 2011
Ctrl/Cmd + click on the text layer to select around it,
and afterwards, add a layer mask onto the texture
layer by pressing the Add layer mask button in the
Layers Panel

i can’t do tat..somebody help =(

REPLY TO COMMENT

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 19/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
Kyle E.
Nov 06 2011 once u have it selected, instead of the normal
layer mask, you click reveal selected….do it 2 the
layer with the skin texture
hope i helped

REPLY TO COMMENT

victor i cant do that step :S


Feb 01 2012
REPLY TO COMMENT

JC Parmley To which step are you referring to, and I


Feb 03 2012
can try to help :-)
Editorial Team

REPLY TO COMMENT

Rachel Just wanted to say thank you for an easy and direct
Jan 20 2011
tutorial! This is the ⤀褅rst one I’ve managed to complete
as any other one I’ve tried seems to be missing
something within them. This is also the ⤀褅rst work I’ve
done on Photoshop seeing all my experience is with
Corel! Thanks again!

REPLY TO COMMENT

jesica gracias por el post! queda increible!! =)


Mar 09 2011
REPLY TO COMMENT

Jordana Amazing e⤀ㄆect!


Apr 12 2011
REPLY TO COMMENT

trza very very cool, thanks for this


Jun 15 2011
REPLY TO COMMENT

Grezza Can u get Doughboy For Windows? I need it For


Jun 19 2011
Windows

REPLY TO COMMENT

Mark Armstrong Amazing result, a lot of fun, clearly explained as usual,


Jun 20 2011
and I love the fact that the techniques can be applied
across many di⤀ㄆerent fonts, textures, images, and
ideas. Thank you!!

REPLY TO COMMENT

partha s mind blowing…tut.


Jun 24 2011
thanks bro.

REPLY TO COMMENT

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 20/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
Akeisa L
Jul 08 2011 Doughboy for Windows please?

REPLY TO COMMENT

kenneth i have it on my pc.. dont remember where i got it


Jul 29 2011
from, just mail me on [Email removed for
privacy] and i can send it to u

REPLY TO COMMENT

Patrick Tohill Do you have to rasterize the texture for the burn and
Jul 18 2011
dodge tools to work? If not then I’m doing something
wrong.

REPLY TO COMMENT

zinou when I ⤀褅nished I felt hungry……….


Aug 22 2011
REPLY TO COMMENT

Adam Doughboy font for windows, enjoy


Sep 12 2011
http://kamysweet.deviantart.com/art/DOUGHBOY-
Font-236382027

REPLY TO COMMENT

Dan Ramos La fuente “doughboy” de esa pagina no le sirven el


Oct 16 2011
windows!!, porque el formato no es “.ttf”. Yo hice mi
diseño con una fuente parecida que se llama
“babycakes”. Quedo asi!
http://www.facebook.com/media/set/?
set=a.2398360193968.2133262.1099900589&type=1&l=04d51e03a5

REPLY TO COMMENT

Jacob Gube This comment, according to Google Translate:


Oct 17 2011
Editorial Team
The source “doughboy” of that page does
not serve the windows!, Because the format
is not. “Ttf”. I made my layout with a similar
source called “babycakes.” I look like that!

REPLY TO COMMENT

Anwar CGAre that was great…


Oct 26 2011
REPLY TO COMMENT

Kim This font makes me laugh. Now I just need to ⤀褅nd a


Oct 31 2011
reason to use it :)

REPLY TO COMMENT

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 21/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
Kyle E.
Nov 06 2011 Burn tool not working? please help. working on Win.
Vista if that matters. thanks.

REPLY TO COMMENT

m.d I reached this conclusion that I do not know anything


Dec 05 2011
about Photoshop

REPLY TO COMMENT

Reza Great piece of work… Great job!


Dec 05 2011
Thank you for share.

REPLY TO COMMENT

techtuton good job…


Dec 05 2011
Thanks.

REPLY TO COMMENT

pedrustacio Thank you very good tutorial, I changed things, but


Dec 07 2011
the result is awsome

REPLY TO COMMENT

Jacob Gube That’s great that you tweaked the tutorial! Feel
Dec 08 2011
free to show us your version of the ⤀褅nal result by
Editorial Team
either uploading it to the Design Instruct Flickr
pool or using an image sharing service like
imgur!

REPLY TO COMMENT

HARI KSHORE hey im hari kishore


Dec 18 2011
ure tutorial was awesome
i learnt many things from ure tutorial

$$$$$$$$$$$$ THANK YOU $$$$$$$$$$$$$$$

REPLY TO COMMENT

shraddha dodke it is very nice tute


Dec 27 2011
REPLY TO COMMENT

gangsta the font wont work…


Jan 21 2012
REPLY TO COMMENT

Ria EPIC tutorial! Writing just to say a big thank you that
Feb 04 2012
you took the time to make tis tutorial and help
strangers evolve!!! Thanks!!! :)

REPLY TO COMMENT

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 22/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
Eric Sebastiano! Your a dead set legend! There area
Feb 11 2012
COUNTLESS amounts of PS tutorials – if you can call
them that….most of them are “look at me and what I
can do on Photoshop” tutorials and don’t explain
SQUAT. Your tutorial above was fantastic and the
instructions were brilliant. The ⤀褅rst PS tutorial I
completed and actually had FUN while doing it. Kudos
my good man!

-Eric.

REPLY TO COMMENT

kyaw kyaw hi! I want to this tutorial’s ⤀褅les because I want to try. I
Mar 16 2012
want to download. Please help me sir.

REPLY TO COMMENT

Alon Hi I select the Text Layer and then when I go to the


Apr 29 2012
layers panel I try add a Layer mask but it will not let
me :(

REPLY TO COMMENT

John Please help me how to do the text sow the


Jun 05 2012
skintexture only is on the text! It´s not working!

REPLY TO COMMENT

Cat Douglas Hiya, thanks for putting this up, I really enjoyed
Jun 13 2012
it. especially as it was very funny using meat in
there.

REPLY TO COMMENT

Cat Douglas Here is my attempt:


Jun 13 2012
http://payload.cargocollective.com/1/0/29693/531853/SkinTexture_tutorial_750.jpg

REPLY TO COMMENT

Eli I really enjoyed it, this tutorial is great !!!


Jun 26 2012
REPLY TO COMMENT

Emi NO ME RESULTA EL PASO 5


Jul 07 2012
Como se hace?

REPLY TO COMMENT

Gary Bartlett Wanted to say thanks for the tut. I am a new user to
Aug 02 2012
photoshop. Always wanted to learn. Great job. Mine
turned out great. Had a few bugs, but with a little
practice it work out great for a ⤀褅rst timer. Thanks
again for putting this out for people to learn.

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 23/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
REPLY TO COMMENT

Raymond Im totally new to photoshop and i cant seem to


Aug 10 2012
change the “gradient going from a light red (#e45f5f)
to a darker red (#7a2424)”

Can anyone help me with this??

Thanks

REPLY TO COMMENT

llonguen Thank you very much for the tutorial, great Results!!!
Oct 04 2012
here my version, and some other ideas, check them
out!!
http://www.ahoranopuedo.com

REPLY TO COMMENT

Rozy Very good tutorial, grazie mille ! My work :


Jun 02 2013
http://imageshack.us/a/img17/6706/skinec.jpg

REPLY TO COMMENT

Jacob Gube Rozy, you did a very awesome job!


Jun 03 2013
Editorial Team REPLY TO COMMENT

'Biodun I love this! I love this! I love this! I love this! I love this! I
Jun 10 2013
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this! I
love this! I love this! I love this! I love this! I love this!

REPLY TO COMMENT

Newbie Hi! I read the forum on how to select layers and


Jun 16 2013
remove excess image on cs5 for mac. I tried your
steps in ctrl+cmd+click or ctrl+click has marching ants
on the letter but it doesnt work. :( I’m trying to follow
this tutorial to teach myself how to use PS. Now the
4th step says that I must layer the letter so that when
i overlap it with a picture the texture only goes to the
letter and no excess outside of it. I tried hovering the
mouse on the layer (lower right side) box with letter
then command+click. Running border surrounds the
http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 24/25
8/12/2016 Design a Skin­Textured Typography Scene in Photoshop
letter but when i put the picture above it and add
distort noise and opacity it works on the letter but the
picture is still a square. I cant get rid of the excess
picture. BTW i have only been using cs5 orfor 2 days.
Haven’t used PS before. Please help!!!

REPLY TO COMMENT

Pawel Kuc awesome tutorial! thanks!


Feb 01 2014
REPLY TO COMMENT

Nazmul tutorial is really nice, Thanks for tutorial.


Jan 18 2015
REPLY TO COMMENT

Hubert Cumberdale Someone please help me.


May 11 2015
REPLY TO COMMENT

karimunjawa nice idea, well explanation and very detail easy to


Jan 19 2016
follow.
thanks

REPLY TO COMMENT

Y O U R COMMENT (RE QU I RED )

Y O U R REAL NAME (RE QU I RED )

Y O U R EMAIL (RE QUIRED - K E PT P RI V A T E ) US ED F OR G R AV A T A RS

Submit Comment

Explore the Site Write for Us Connect with Us Copyright


Content and Editorial Policies Interested in becoming a part Follow us on Twitter © Design Instruct and its
About Design Instruct of the Design Instruct family Join us on Facebook respective owners. All rights
Advertise with Us of writers? Visit the Write for Get our RSS feed reserved.
Write for Us Us page to get started!
Contact Us
Freebies Usage Terms

http://designinstruct.com/graphic­design/text­effects/design­a­skin­textured­typography­scene­in­photoshop/ 25/25

You might also like