Mobile app version of vmapp.org
Login or Join
Correia448

: How to make a graphic with long shadow? I want to make a long shadow just like in this image. I can create this shadow with shapes and by deleting the unwanted shadows after rasterizing the

@Correia448

Posted in: #AdobePhotoshop #Shadows #Shapes

I want to make a long shadow just like in this image.

I can create this shadow with shapes and by deleting the unwanted shadows after rasterizing the layer. But it's not very reusable. I can't resize the layer after rasterizing it.

Is there any easy way to make a long shadow like in the image below?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Correia448

3 Comments

Sorted by latest first Latest Oldest Best

 

@Gonzalez368

Try this:


Give your icon a drop shadow.


Opacity around 25%
Distance: 0
Spread: 0
Size: 250 (this is the max Photoshop will allow)
Click OK

Now turn this shadow into a layer (right click on the 'effect' lext to the layer in the Layers panel and click Create Layer
Now for the tricky bit – select the Polygonal Lasso Tool (L) and, holding down Shift, draw a selection box from the bottom-left of your icon to the bottom-right of your artboard, at 45 degrees, connecting back up to the top-right of your ocon, also at 45 degrees. There must be an easier way to do this – I'll edit this answer when I figure it out.
Select your 'Drop Shadow' layer and, in the Layers panel, click Add a mask to mask the shadow.


Alternatively, download one of these Photoshop plugins:

graphicburger.com/long-shadow-generator/ http://graphicriver.net/item/3d-long-shadows-generator-photoshop-action-set/5126534


I reckon that's cheating though – the best thing about Photoshop is seeing something you like and figuring out how to do it yourself!

10% popularity Vote Up Vote Down


 

@Chiappetta793

Dinesh, I have a solution for you, but it will require Photoshop CS 6 Extended or preferably, Photoshop CC. First, you'll need your vector artwork for the Man Of Steel logo. I grabbed (copy to pasteboard) mine from within Abduzeedo's source files for the following tutorial: abduzeedo.com/man-steel-symbol-illustrator-and-photoshop
I created a new document in Photoshop then made a rounded rectangle (vector shape) and then pasted the "S" logo as a shape layer...


I'd then right-click on the shape layer and at the bottom of the list choose Make 3D Extrusion from Layer. You can also use the 3D panel for the conversion.



Next merge the two 3D layers.



You'll need to position the "S" logo in front of the rounded rectangle after merging as the extrusion of the "S" logo isn't as deep as the rounded rectangle extrusion.




Your scene should look something like this (which infinite light selected):


Select and move the Infinite light to give the "S" logo the long shadow.


I next removed the materials/textures from the extrusions shapes and changed the diffuse to the red and blue. I also added a bevel to the "S" logo, adjusted the lighting and rendered:


Here's another example just moving the light.


Remember that this is all CG and no raster data (until the final rendering), so you can change the "S" logo (edit source and edit the path), play with bevels, materials and textures, lighting and light shape/color and whatever else you'd like till you're happy with it. You can also change the image size without loosing detail, you'll just need to render the 3D layer. I hope this helps. Cheers and good luck!

10% popularity Vote Up Vote Down


 

@Reiling762

Unfortunately you're going to have to create this shadow by hand.

If you're worried about working with rasters you can either make a path in Photoshop, or better yet you can use Illustrator (if you have it).

In addition to all of that, you'll have an easier time using a mask with your shadow so you don't have to do any manual cutting of the shadow. Just use whatever the shadow falls on as your mask.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme