I have tried recreating this line but to my dismay I have failed. It seems to just be a single line with a gradient from dark grey to white. that was the easy part. but the shading around the line seems to be a drop shadow but the shadow seems to gradient as well. How? any ideas or advice?

I am working in Illustrator and this is for the recreation of a client's logo which was to small from a previous designer.

line with a drop shadow

1 Answer 1


It's very difficult to see exactly what you are trying to duplicate from your sample image but I think I have exactly what it is that you need. In this snapshot, the bottom image is your original and the image above is the vector re-create.

enter image description here

I have included a download link for the adobe illustrator file saved as version CS6.

Re-Created Gradient Line With Gradient Drop Shadow

  1. Paste your original image into a new illustrator document and name that layer, in your layers panel, as the original image and toggle the lock icon
  2. Create a new layer and in that new layer, grab your rectangle tool and draw a thin rectangle directly over the original image which you are using as your template

enter image description here

  1. Grab your selection tool and click on that new rectangle and while holding the shift key, drag that new rectangle upward so it will not block the original image.
  2. While that new rectangle is still selected, opened your gradients panel and click on linear gradient. You should then see the gradient slider. Double click on the Black slider on the right and adjust it's color as needed and adjust the slider itself until the gradient visually looks the same as the original.

enter image description here enter image description here

Now to create the drop shadow, we will use the offset path command.

  1. Create a new layer below that layer where you created your thin rectangle and name it offset path.
  2. Using your selection tool, select that new gradient rectangle you've previously created and go to edit menu/copy
  3. Go back to your layers panel and select the offset path layer you created and go back to edit menu/paste in place.
  4. Now with that new pasted object in your offset path layer in your layers panel, make sure that object is selected and go to menu item object/path/offset path. This will create a larger rectangle on all sides so you will have to grab your selection tool after you apply the offset path and adjust the left and right sides so they match the left and right sides of your thin rectangle.
  5. Adjust the gradient colors and the gradient slider locations to your desired values (as we did earlier)
  6. Once that gradient looks correct, go to menu item edit/copy then back to menu item edit/paste in back.
  7. Using your down arrow key, nudge that item down a few times and once again go to your gradients panel and adjust the gradient colors and the slider locations to your desired results. Now repeat this entire process in this step one more time
  • In hindsight, this probably could have all been done just using strokes and filling the strokes with gradients.
    – wch1zpink
    Commented Feb 18, 2017 at 1:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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