Mobile app version of vmapp.org
Login or Join
Gonzalez368

: How to create continuous flat shadow of text in photoshop? 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:

@Gonzalez368

Posted in: #AdobePhotoshop

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:



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.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Gonzalez368

3 Comments

Sorted by latest first Latest Oldest Best

 

@Jennifer810

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.





In Properties Panel, deselect "Cast Shadows" and "Catch Shadows". Set the Extrusion Depth to 2500 (you can play with the value 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





you will end up with this:





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

10% popularity Vote Up Vote Down


 

@Becky351

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...



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



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:



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):



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



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



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.



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:



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:



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.



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



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.

10% popularity Vote Up Vote Down


 

@Rivera951

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 :



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 :



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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme