Timecodes 00:00 - Intro 01:01 - Getting Started 01:10 - Adding a Transform Effect in Illustrator 02:00 - Changing the color of the Shadow 02:14 - Adding Your Main Object Back onto the Shadow 02:47 - Removing the Extra Shadow 02:51 - Expanding a Shape in Illustrator 03:18 - How to Use a Clipping Mask in Illustrator 03:43 - Saving Your Artwork for Web in Illustrator 04:29 - Conclusion
A couple of minor things: 1. With regard to the transom copies, perhaps some discussion of the number so that there is little to no pixelation (staggered edges) and that the shadow should exceed the art board boundaries. 2. When masking, please make it clear to keep the rectangle selected AND the underlying object (with the transform). This is great, Justin!
*FOR THOSE WHO ARE HAVING TROUBLE SELECTING THE SHADOW AFTER DRAWING THE RECTANGLE:* What you need to do is get the Selection Tool (shortcut is V) and then hold SHIFT before & while you left click on the shadow. It won't seem like you've selected anything, but you did. At times you may need to left click twice. Then just right click and make clipping mask. If the shadow comes in front of your letter then just right click and send backwards so that it's behind the letter. Took me a few minutes to figure this out. Just thought i'd share this for people who are stuck on this part.
This is good, thank you! Also, I've found a way how to skip out the step with copying a different couloured object on top of your shadow - you can just add a new fill on top of that shadow effect, that's how you'll have it “the graphic style-ready” way.
Great method Justin. You could copy the background shape and Ctrl + Shift + V in place at the end, remove color and apply clipping mask (just to prevent any imperfection with the final clipping). Anyway, nice video - I will be using this method from now on. Better than using the Pen tool which I have actually been doing.
Thanks! This one could even be slightly easier than blend, although I wish there was an eyedropper option to apply it for other shapes coz it still takes lots of steps
you dont have to create a copy, you just have create another fill for your path, apply the transform effect on that fill, and even you can change color of every fill you add to your path
***** it's necessary to expand the text layer? because i did not expand the text layer and the shadow have the corners of each letters, not looks like a straight line. help me please! :'( because in the video the "S" its expand already, thanks!
Hey, another question, I tried to do the long shadow according to your video with a star form but, I can see the hard edges of the star repeating lots of times, not like a line or shadow, what did I do wrong?
I can't get the 'Make Clipping Mask' part to work, and I think it's becuase I already have a rectangle with a color fill serving as the background, how did you get your green background? This is only a problem since I want to save as an svg, so the stuff outside the canvas is saving as well.
To fix this, I expanded the text to an object (not sure if this is necessary or not) but in the transform box, instead of changing the horizontal and vertical MOVE to .5 each, I lowered them to .01 and just messed around with the number of copies. This smoothed everything out for me.
Hey there , please response to my comment , I'm trying to export the file as jpg , but I'm not getting the perfect sized photo cause of the long shadow , what can I do ? Help me please !
I'm learning to use Illustrator, and found your tutorial really useful. Followed all the steps easily. Unfortunately, I am having an issue getting rid of the excess beyond the bounds of the artboard. I'm getting: "Can't make clipping mask. The selection must contain more than one object". Any ideas? Also found that the shadow disappears when saving as a svg. Any ideas on that? Look forward to reading your response.
I was able to get rid of the excess shadow by using an opacity mask instead of a clipping mask. I was also able to preserve the shadow in SVG format by, instead of doing what was shown in the video, I colored the shadow completely black and set its opacity to 20%.
Thank you for the video! Great tips. However, when I follow your steps on several letters, a weird jagged edge is visible from some letters with sharp edges. Do you have an alternative to what you have shown?
***** Thank you for your answer. I am really impressed with your work and the fact that you took time to answer me. However, I discovered another technique where I blend two shapes that are offset. Through this method I can minimize the jagged edges by lowering the specified distance. Takes its toll on the computer, though.
are these copies affects the size of shape cause when I tried it not copies that much to be a shadow I made 577.95 X 577.95 cm is this the problem that I can't do as you did?
I feel like you should give a run down on all the things that need to be open before trying this. I also copied and pasted the object in front like you said and then deleted the transform but then I couldn’t see a shadow anymore. Where did I go wrong?
You can use an opacity mask for that. Or, turn the shadow into a compound path and then use a black to transparent gradient. Lots of ways to achieve the fade.
It looks simple but hard to do for a beginner like me. Much of my career I never needed to use any software as I had a truly world class team doing it for me. Now I wish I'd paid more attention to how they did things. SO much to learn, and then remember:(
Good advice I understand and should do that. I'm an ideas person and had a specific thing I wanted to do. I used to have people to do it, now I want to do it myself. I'm in too deep:( Thanks for your clear tutorial, a lot of other people's vids can be very hard to follow with bad sound etc.
I ignored my self doubt and actually did it anyhow, although I'm a virtual novice in CS suite. I'm glad I managed it, I'm trying to do some daily now that I have a specific goal in mind. At 3.32 I couldn't select object (shadow) and make clipping mask though, it seemed to be locked or something:( Thanks again!
Hey I'm having another go at this in a square for instagram and cannot select the shadow shape outside the square:( It's just not highlighting in any way:( Any ideas why? Thanks in Advance Al
Timecodes
00:00 - Intro
01:01 - Getting Started
01:10 - Adding a Transform Effect in Illustrator
02:00 - Changing the color of the Shadow
02:14 - Adding Your Main Object Back onto the Shadow
02:47 - Removing the Extra Shadow
02:51 - Expanding a Shape in Illustrator
03:18 - How to Use a Clipping Mask in Illustrator
03:43 - Saving Your Artwork for Web in Illustrator
04:29 - Conclusion
My left ear enjoyed this.
+Shad0wTheWolf Depens if his left ear enjoys silentness.
+RedstoneRogue/ /Kirisha According to my headphones which are labeled, it's the right ear which has sounds
dont judge him ... he must be lefty :P :P
This comment saved me! I was like, where is there no sound!?
You have your headphones on the wrong way.
A couple of minor things:
1. With regard to the transom copies, perhaps some discussion of the number so that there is little to no pixelation (staggered edges) and that the shadow should exceed the art board boundaries.
2. When masking, please make it clear to keep the rectangle selected AND the underlying object (with the transform).
This is great, Justin!
simple and direct to the point without a lot of 'blah blah blah'! Great Job Justin!
I can't tell if he meant to do 420, either way I appreciated it.
This is by far the best long shadow tutorial that I've seen. Easy to understand and do. Thanks.
*FOR THOSE WHO ARE HAVING TROUBLE SELECTING THE SHADOW AFTER DRAWING THE RECTANGLE:* What you need to do is get the Selection Tool (shortcut is V) and then hold SHIFT before & while you left click on the shadow. It won't seem like you've selected anything, but you did. At times you may need to left click twice. Then just right click and make clipping mask. If the shadow comes in front of your letter then just right click and send backwards so that it's behind the letter. Took me a few minutes to figure this out. Just thought i'd share this for people who are stuck on this part.
This is good, thank you! Also, I've found a way how to skip out the step with copying a different couloured object on top of your shadow - you can just add a new fill on top of that shadow effect, that's how you'll have it “the graphic style-ready” way.
Best tutorial on shadow. Thank you. You deserve a like and subscription 😃
Great method Justin. You could copy the background shape and Ctrl + Shift + V in place at the end, remove color and apply clipping mask (just to prevent any imperfection with the final clipping). Anyway, nice video - I will be using this method from now on. Better than using the Pen tool which I have actually been doing.
Man alive that's saved me a lot of time. Many thanks. Great stuff.
Thanks! This one could even be slightly easier than blend, although I wish there was an eyedropper option to apply it for other shapes coz it still takes lots of steps
Best Tutorial On Internet !!!!!!!!!!
thanks bro best Tutorial
Thank you very much! Couldn't be more easier that yours. Good job! You Made my day.
Thank you very much Justin.
Dude! Awesome tutorial, such a nice effect and easy to follow. Subscribed!
Awesome - got it on the first attempt, thanks!
Thank you dude!Really easy way!
This helped with my school project. Thanks!
This was so easy! Thanks Justin!
Thank you so much. It's very simple and i can do it. Thank you !
you dont have to create a copy, you just have create another fill for your path, apply the transform effect on that fill, and even you can change color of every fill you add to your path
Thanks for the tutorial. How do I make the shadow go to the bottom left?
great tutorial
Thanks for checking it out!
Thanks for the tutorial!
This is really great! Thanks for making it an easy one!
very simple... thanks!
***** it's necessary to expand the text layer? because i did not expand the text layer and the shadow have the corners of each letters, not looks like a straight line. help me please! :'( because in the video the "S" its expand already, thanks!
Really helpful. Thanks, Justin
Excellent. Thanks a lot.
It fairly works, Thanks for sharing your knowledge..!!
Great video !! Thank you !
Hey, another question, I tried to do the long shadow according to your video with a star form but, I can see the hard edges of the star repeating lots of times, not like a line or shadow, what did I do wrong?
This video was very nice, I learned a lot but I make the same effect in photoshop with the pen tool.
***** By just drawing a rectangle making it black and reducing its transparency
That's a great video, hope we'll see more videos this time a bit quicker
Thanks a lot man, directly to the left side of the brain ;)
my right ear enjoyed this
Great stuff man. Helped me out a lot :)
Very nice tutorial
Thank you to have some time to giving us this nice and usefull tip.
Great tutorial!! Thank you so much!!
awesome, i like the way you explain.
What option or shortcut do I use for the "select" step? This is the final step when cutting off the part of the shadow that extends past the canvas.
thnk u so much!! very easy :)
I can't get the 'Make Clipping Mask' part to work, and I think it's becuase I already have a rectangle with a color fill serving as the background, how did you get your green background? This is only a problem since I want to save as an svg, so the stuff outside the canvas is saving as well.
That was helpful.
Thanks, but how i can change the shadow direction?
Thank you Bro!
You are amazing :D thank you dude
AWESOOOOOOOOOOME Thanks Justin keep up the great work
Thanks a million for this, you're the best :)
Justin, great tip. But I have a problem with jagged edges appearing. Do you have a tip how to avoid it or remove it? Thanks.
To fix this, I expanded the text to an object (not sure if this is necessary or not) but in the transform box, instead of changing the horizontal and vertical MOVE to .5 each, I lowered them to .01 and just messed around with the number of copies. This smoothed everything out for me.
Thanks, Great tutorial. :)
thanks Man
3:23 he turned into Slim Shady for a second there
dem it.hahahaha
awesome...
Hi, thanks for the video. I have one question, if effect "feather" is not scalable for vector, what can I use instead?
Thank you
HOW dO I create the shadow to the left?
Thank you..
good
Have you tried Blend tool ? I think you can do the same shadow using blend tool.
Help! I can't select my shadow to turn it into a clipping mask?
Is there any way to change the direction of the shadow?
you can reflect it
clear ! :) keep on ! +1 like
Great video! but I tried to make it as a graphic style, but I can´t :c how can I do that?
Thank you so much c:
How do you create the "Graphic Style" that you talked about at the end there?
is there a more filesize-friendly solution to this? the shadow makes up 95% of my .svg size
lol 420 copies.
I see what you did there
GbsDj holy number
XD
Great, man. All the other videos on this are in PSD. AI is so much better!
Do you know a way to make it work when there are multiple forms in the same time? Mine are overlapping
I don't understand the last step
thanks bro :)
How can I put gradient on long shadow?
How I can add a gradient to the long shadow ?
Thanks Brother :D
shadows disappear when you save your icon as svg! anyone knows why?
nice technique but when i save them as svg shadows are not getting saved. any idea why ?
When I try the transform effect it copies my text and doesn't create the shadow. Help?
Me too!
you should change it to shape or outline go to select your text type --> create an outline
Hey there , please response to my comment , I'm trying to export the file as jpg , but I'm not getting the perfect sized photo cause of the long shadow , what can I do ? Help me please !
I'm learning to use Illustrator, and found your tutorial really useful. Followed all the steps easily. Unfortunately, I am having an issue getting rid of the excess beyond the bounds of the artboard. I'm getting: "Can't make clipping mask. The selection must contain more than one object". Any ideas?
Also found that the shadow disappears when saving as a svg. Any ideas on that?
Look forward to reading your response.
I was able to get rid of the excess shadow by using an opacity mask instead of a clipping mask.
I was also able to preserve the shadow in SVG format by, instead of doing what was shown in the video, I colored the shadow completely black and set its opacity to 20%.
I had the same. I never applied the Object - Expand because I thought it was for the method that took ages haha.
Your answer helped me with a similar problem. Thank you!
Thank you for the video! Great tips.
However, when I follow your steps on several letters, a weird jagged edge is visible from some letters with sharp edges. Do you have an alternative to what you have shown?
***** Thank you for your answer. I am really impressed with your work and the fact that you took time to answer me.
However, I discovered another technique where I blend two shapes that are offset. Through this method I can minimize the jagged edges by lowering the specified distance. Takes its toll on the computer, though.
are these copies affects the size of shape cause when I tried it not copies that much to be a shadow I made 577.95 X 577.95 cm is this the problem that I can't do as you did?
May I ask what font you use on the "S" and on the thumbnail you included with the video? Great video though, thanks!
I feel like you should give a run down on all the things that need to be open before trying this. I also copied and pasted the object in front like you said and then deleted the transform but then I couldn’t see a shadow anymore. Where did I go wrong?
Without seeing what you did, step by step, I couldn’t say. Sorry. The steps work if you follow them.
Hi Justin, is this tutorial work as well in illustrator cs5?
Because I couldn't find the "copies" option in effect - distort & transform
Thank you
What is the font in the thumbnail
How do you select the actual text????
When I click on the text in illustrator it just has a box around the text???
Having the text selected, open de Object menu at the top, and click Expand. Deselect the Fill option in the box to get only the shapes of the letters.
how can i collect all of your training file?
On the thumbnail is different shadow, something with gradient .... can you do it ?
I assume you can simply put a opacity mask on it and apply a gradient to it.
i follow your step, but the shadow are not smooth. they are jazzed...
***** How do you change the direction of the shadow?
my left ear is jealous to my right ear
We all know you chose 420 for a reason admit it lol.
Thanks ! ! ! ! ! ! !
i fuckin' love your voice
thanks, but it had a gradient in the thumbnail :/
You can use an opacity mask for that. Or, turn the shadow into a compound path and then use a black to transparent gradient. Lots of ways to achieve the fade.
@@JustinSeeley Thank you so much dear Justin, that helps a lot.
Sound is all the way to the left
people from Lynda.com always rock
1:01
perfect except it does NOT look simple to me!
It looks simple but hard to do for a beginner like me. Much of my career I never needed to use any software as I had a truly world class team doing it for me. Now I wish I'd paid more attention to how they did things. SO much to learn, and then remember:(
Good advice I understand and should do that. I'm an ideas person and had a specific thing I wanted to do. I used to have people to do it, now I want to do it myself. I'm in too deep:( Thanks for your clear tutorial, a lot of other people's vids can be very hard to follow with bad sound etc.
I ignored my self doubt and actually did it anyhow, although I'm a virtual novice in CS suite. I'm glad I managed it, I'm trying to do some daily now that I have a specific goal in mind. At 3.32 I couldn't select object (shadow) and make clipping mask though, it seemed to be locked or something:( Thanks again!
Hey I'm having another go at this in a square for instagram and cannot select the shadow shape outside the square:( It's just not highlighting in any way:( Any ideas why? Thanks in Advance Al
wtf gravit designer have seprate effect for long shadow try to export your design in svg and open up in gravit apply long shadow and you are done