I'm trying to bend one long rectangle into a shape similar to this.


  • 3
    welcome to the site. I would encourage you to make an edit with what you've tried because as your question sits without showing us anything you could receive downvotes. Also, an explanation of what you've tried will lead a greater chance in getting an answer. Because you are new I would encourage you to read How to Ask and take the tour. – DᴀʀᴛʜVᴀᴅᴇʀ Jun 6 '18 at 20:32
  • From a rectangle, 200 x 100, 30 px black stroke
  • Pen Tool: add a bottom middle point
  • Scissors Tool: crop the bottom left corner
  • Move the bottom left point to the top.
  • Direct Selection Tool: select all the points to round and move the corner radius selectors to the center.


  • Change the stroke color by the gradient


  • Add a rectangle where the shadow must be
  • Fill it with a linear gradient white/black/white, 90º, opacity 50 %, blend mode Multiply


  • With the shadow rectangle selected, add an Opacity Mask: a black horizontal rectangle at the strokes intersection



| improve this answer | |
  • 2
    Danielillo... Don't you have anything else to do than such nice animated gifs? n_n – Rafael Jun 6 '18 at 23:10
  • @Rafael Relaxing therapy 🙏🏽💊 – user120647 Jun 6 '18 at 23:13
  • 1
    +1 For this. Right now it's the only answer that follows what the question was and that's doing this from a shape – DᴀʀᴛʜVᴀᴅᴇʀ Jun 6 '18 at 23:50
  • @Danielillo...Thanks, this worked perfectly. However, I'm having problems with the last step, the opacity mask. I have the shadow rectangle, but i can't get it to show "behind". Could you please clarify the last step? – Rob B Jun 7 '18 at 15:11
  • @RobB Here you have an explanation about how to make a mask: graphicdesign.stackexchange.com/a/109186/120647 – user120647 Jun 7 '18 at 15:14

Draw a path, then expand the path.

enter image description here

Object > Expand ---

enter image description here

If you need the gradient then apply a gradient to the stroke...

enter image description here

And use Object > Expand Appearance to get a resulting Gradient Mesh in the desired shape.

enter image description here

Attempting to deform a straight rectangle into a curled shape is far more trouble than it's worth when these methods are so quick and easy.

| improve this answer | |

Draw a path with the pen tool, apply a thick stroke, make a gradient and apply it along the stroke. Bend with the Live Corner widgets.

enter image description here

| improve this answer | |
  • 1
    ah clever use of the gradient to make the shadow! +1 – Luciano Jun 7 '18 at 10:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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