Jump to content

Cutout/Layered Text with Shadow


Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

 

 

Edit: Just saw pdnnoob's tutorial and St.Jim's tutorial (sorry didn't realize there were other tutorials for this). So sorry! You can lock this.

 

 

 

I'm going to show how to make cutout or layered text with a drop shadow.

 

We're going for something like this:

 

OBw3J.png

 

 

 

Required Plugins:

- Outline Object by pyrochild

 

Tutorial:

 

1) Open up a canvas that your text can fit in. For this, I chose 800x300.

5icNP.png

 

2) Put in whatever you want to be the background. I used a gradient but a picture or anything else works fine.

uI7y8.png

 

3) Create a new layer and put your text in.

rpH4F.png

 

3) Hold shift and click on your text with the magic wand.

TDAbo.png

 

4) Go to the layer with the background (have the text area still selected) and cut (ctrl+x). It should look like this if the text layer is not visible.

3AGrI.png

 

5) Move the layer with the text down below the background.

of5KG.png

 

6) Blur the text layer with Gaussian Blur. The bigger the radius of the blur, the more prominent the shadow will be.

cekdw.png

 

7) Use pyrochild's Outline Object plugin to outline the text. You should outline it with black/dark gray. Make sure the width is enough that there are no white pixels outside of it.

7b3Da.png

 

😎 Flatten (ctrl+shift+f) and there you go! You can add glow or tailor it to your own needs to make it look better.

OBw3J.png

 

Read SAND33P's reply for some awesome ways to spiff it up.

 

Thanks for reading!

AXRQa.jpg


Link to post
Share on other sites

Nice effect, there are probably more elegant ways of doing this but its a good tut for a newbie to learn a few skills.

I rendered Outline Selection above the text layer, and keeping the selection, Gaussian Blur, then lowered the opacity. Font is Bebas Neue.

2cypl4m.jpg

 

A nifty little thing to do in between step 6 - 7, render Jitter on these or similar settings:

 

5xl8ap.png

 

Fiddle with the opacity of the layer and it looks great!


29goqs1.jpg

I changed the colour myself, Jitter doesn't do any magic colour shifting, although that has just given me an idea,,,

 

Here i used the Rainbow Twist effect with my first method, followed by Jitter on the same settings. The blurred outline layer is set to Overlay.
zmi4ad.jpg

I think the L looks quite cool.

I seem to have got rather carried away there, excellent tutorial Ekstaze!

Edited by SAND33P
  • Upvote 1

eOdUjVm.jpg

Link to post
Share on other sites

Interesting beginners tute, you would be best using AA's Assistant on the background layer before you do step 5 to remove the jaggies. Also to prevent this tute being locked you will need to re-size your images on here ;) 

BREtKQW.png

 

Link to post
Share on other sites

@Ekstaze: Please resize the images so that their maximum dimension is 800 pixels or less (as per the Tutorial Posting Guidelines)

Link to post
Share on other sites
  • 1 month later...

Nevermind!  I zoomed in on your image and discovered it's Coalition. 

 

I downloaded Coalition from Dafont and installed it in my Fonts folder under Windows.  But it's not showing up when I load PDN. 

 

What do I need to do?

Beware The Lollipop Of Mediocrity...

Lick It Once And You Suck Forever.

Link to post
Share on other sites

<Closed due to authors inability to comply with image size request>

Link to post
Share on other sites
Guest
This topic is now closed to further replies.
×
×
  • Create New...