Long shadow is beautiful to look at, but its a little bit tricky to create inside photoshop
Here's a wonderful tutorial by Rose from psd tuts ( http://psd.tutsplus.com/tutorials/designing-tutorials/how-to-create-long-shadow-effects/). I like the pen tool option, because it gives me more control.
I created the same here with little more extra depth
01. Create a simple text on a light background
02. Add a color to your background. I use color overlay, so i can see the color in real time when i change
03. Create a single line with 45 degree angle and duplicate the line to match with the corner of the text. Guide lines will help you to give a consistent angle of shadow everywhere. To avoid having multiple layers when creating duplicates, use a line tool; so if you duplicate it will be on one layer
Since it is going to be a one big shadow for this block of text, use the top corner of the text to match the lines and do not have to worry about the bottom corners, except the first letter.
04. If required, zoom in to match all the lines to the edge of the text
05. Turn off the line and Use the pen tool to make a shape for the shadow. Leave a point at the end of the text and the start of the next letter. It does not matter where you place the points we can adjust later
06. Now Turn On the line and adjust the points to match the angle of the line. You can close the shape and make the fill opacity to 0 so you can see the lines more clearly
07. Once the line is closed, apply a flat color and check all the corner of the text for proper shadow depth
08. Set the Fill opacity to 0 and apply gradient
09. Duplicate the Shadow layer
10. And apply the same gradient
11. You can reduce the scale for the Gradient to have nice depth
12. Select the text layer and apply drop shadow. The drop shadow will lift the text from the ground
13. Since we applied drop shadow to the text, the shadow bleeds on top of the text. If the light source is coming from top left then it doesn't make sense to have a shadow here
14. To fix this, right-click on the text layer and select 'Create Layer'. You can also go to Layer Menu and select Create Layer (Layer > Layer Style > Create Layer)
15. Photoshop will make the effect as as a normal layer
16. Select one of the shadow shape layer and hold the 'Ctrl + click on the layer' to select
17. Select the Drop shadow layer and mask it. This will keep the shadow off the light area
18. Here's the final result
Here's a wonderful tutorial by Rose from psd tuts ( http://psd.tutsplus.com/tutorials/designing-tutorials/how-to-create-long-shadow-effects/). I like the pen tool option, because it gives me more control.
I created the same here with little more extra depth
01. Create a simple text on a light background
02. Add a color to your background. I use color overlay, so i can see the color in real time when i change
03. Create a single line with 45 degree angle and duplicate the line to match with the corner of the text. Guide lines will help you to give a consistent angle of shadow everywhere. To avoid having multiple layers when creating duplicates, use a line tool; so if you duplicate it will be on one layer
Since it is going to be a one big shadow for this block of text, use the top corner of the text to match the lines and do not have to worry about the bottom corners, except the first letter.
04. If required, zoom in to match all the lines to the edge of the text
05. Turn off the line and Use the pen tool to make a shape for the shadow. Leave a point at the end of the text and the start of the next letter. It does not matter where you place the points we can adjust later
06. Now Turn On the line and adjust the points to match the angle of the line. You can close the shape and make the fill opacity to 0 so you can see the lines more clearly
07. Once the line is closed, apply a flat color and check all the corner of the text for proper shadow depth
08. Set the Fill opacity to 0 and apply gradient
09. Duplicate the Shadow layer
10. And apply the same gradient
11. You can reduce the scale for the Gradient to have nice depth
12. Select the text layer and apply drop shadow. The drop shadow will lift the text from the ground
13. Since we applied drop shadow to the text, the shadow bleeds on top of the text. If the light source is coming from top left then it doesn't make sense to have a shadow here
14. To fix this, right-click on the text layer and select 'Create Layer'. You can also go to Layer Menu and select Create Layer (Layer > Layer Style > Create Layer)
15. Photoshop will make the effect as as a normal layer
16. Select one of the shadow shape layer and hold the 'Ctrl + click on the layer' to select
17. Select the Drop shadow layer and mask it. This will keep the shadow off the light area
18. Here's the final result
No comments:
Post a Comment