I know this is super easy to do, but I can't find a way to drop this type of shadow thing in photoshop. Something like this:

enter image description here

Can anyone help to achieve this type of text effect shadow?

I approached this stepwise: 1. Written a text 2. Created a white rectangle layer behind text. 3. Ctrl + click on text layer, created text marquee and deleted the same text from from white rectangle. 4. Been trying with perspective transform, but could move any further.

I'm stuck with something like this.

enter image description here

  • Anyone there to help ? – g13 Apr 26 '16 at 10:18
  • Great! Your Q will be automatically nominated for re-opening. Let the answers come! :) – Vincent Apr 26 '16 at 12:22
up vote 3 down vote accepted

The 3rd method on the page you posted is probably going to be the winner for you, but there are ways to 'cheat'. Whichever way you do it you could take some short-cuts, though they do come with a price.

Firstly, we have to take into account that we're using vanishing point perspective. For this we need to decide on the vanishing point. For upper case text this will be simple... Or will it? Bear in mind that characters in fonts are not necessarily all the same height...

Character heights

Now convert our text to shapes. Then we need to make a copy of the shape text (Alt + Drag the text)...

Convert to shapes

Select the Background layer and (so long as the document bounds snap setting is ticked) you should be able to drag guides from your rulers which will snap to the centre width and height of the current image. These crossed guides will become our vanishing point (VP). In reality we don't have to have the guides crossing in the centre of the document, they can cross anywhere. Now, using the Move Tool move the converted text shape on to the guides so that the centre of the shape snaps to the crossed guides:

Snap shape to guides

Use the Direct Selection Tool either move or delete the anchor points around the outside of each letter furthest from the vanishing point. As an example, consider the first T shape. Choose one of the anchor points not on the closest edges to the VP and drag it to the VP (it should snap into place):

Drag the vertices to the VP

Now right-click and delete the other anchor points...

Delete the other anchor points

...until you have just those closest to your VP:

Finished first letter

Now repeat this process for your other letters. Some letters will require more work than others. In the example I've shown you I found the S, second E and R required a bit more thought than the others.

All letters done

Remember we kept a copy of our letters, earlier, now we can use them to cut our shapes out. Notice, here, I've given them a different colour to the shadow we've just been working with:

Original lettering

There are a couple of errors here and there, but these can be tidied up as you go, for instance, I've missed the VP shadow from the top of the second T.

The process I've described gives a VP shadow for solid characters. If you want to make the shadow characters transparent, as you have in your original post, then you'll need to be a little destructive (uh-oh!) with the shape you've just been working on.

Select your shadow shape and Rasterise it:

Rasterise

Now Ctrl + click the front text shape (the red text in my image) in the layers panel so you get the marquee around the text shape.

Selected text

Select the shadow text layer and press the Delete key to clear that area:

Finally

The whole process was pretty involved and not something I'd like to do frequently. Personally I'd rather take a snap-shot of one of the effects from another package and simply paste it into Photoshop and trace the points around - far easier.

  • Thanks Paul! Here is my result, but I will keep on trying to get clean and desired effect. imgur.com/4i7rqU9 – g13 Apr 27 '16 at 5:57
  • @g13: I would mark Luciano's answer as correct - it requires the least work. I don't seem to have this option in PS-CS6. – Paul Apr 27 '16 at 7:37
  • yes, it is easy, but I'm stuck at one point, and can't move further. Therefore, I marked your solution. – g13 Apr 27 '16 at 8:34
  • Hey @Paul, Is there any proper name for this type of shadow effect? – g13 Apr 27 '16 at 16:20
  • @g13: It's simply a vanishing point perspective shadow AFAIK. – Paul May 3 '16 at 7:55

You can use the 3D Extrude tool to get that result.

  • Create your text
  • Duplicate the text layer
  • 3D > New 3D Extrusion from Selected layer
  • In the 3D panel, select your object.

enter image description here

  • In Properties Panel, deselect "Cast Shadows" and "Catch Shadows". Set the Extrusion Depth to 2500 (you can play with the value here)

enter image description here

  • Back in the 3D panel, Shift+click all the Material inside the object.
  • In the Properties panel, click the Diffuse color and set intensity to +20 stops

enter image description here

  • you will end up with this:

enter image description here

  • Now Ctrl+select the Text layer, and use that selection as a mask on the 3D extruded layer. You should end with this:

enter image description here

  • Thanks @Luciano, I don't get where to set intensity +20 stops. Can you tell where is it located? – g13 Apr 26 '16 at 17:56
  • Which version of PS are you using, Luciano? – Paul Apr 27 '16 at 7:41
  • @paul, it is extended cs6 version of photoshop. – g13 Apr 27 '16 at 8:35
  • indeed, CS6 extended. My bad if it's not possible in the non-extended version... – Luciano Apr 29 '16 at 7:53

Try this way :

  • Type your text
  • Create a white rectangle behind it
  • Transform your text into a pixel layer
  • Crtl + clic on the icon of the text in order to get a selection from the outline
  • Use the eraser on the white rectangle while keeping the selection.

PS : I'm French. We call that concept "centre de perspective" which I can't translate better than "perspective center". Be comprehensive, please :)

In your image, the perspective is directed towards the center. If you are going to delete or fill some part, you have to make sure to respect that. Look at the S, it's at the far right of the perspective, so the white parts on its right is deleted, and its left is still in white. Same goes for the first R, which is a the far left, so it's inverted. Then, with the second R, which is right in the middle, you will not find these, because of its position in the center perspective. This image show the center of perspective I choose :

enter image description here

Now, we have to delete some part of the image. I'm making this quick + using GIMP, so it will not be perfect but usefull to understand. Using this center, I'm going to cut thought the white spaces :

enter image description here

As you can see, i cropped the top of the space between the R & the A, as well as the bottom of the A. Just repeat everewhere it's needed ; your example doesn't crop the white space inside a letter, so it can be readable.

Be carefull not to crop too much, otherwise your text will not be readable. For a better result, you should use a better typo than mine and reduce space between letters

  • Thanks, for reply and effort. Being newbie, it would be better if you can guide with visuals. – g13 Apr 26 '16 at 10:56
  • I edited my answer, i just can't comment your question (not enough reputation) – A.Desert Apr 26 '16 at 13:21

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.