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.
    – user9447
    Commented Jun 6, 2018 at 20:32

3 Answers 3

  • 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



  • 2
    Danielillo... Don't you have anything else to do than such nice animated gifs? n_n
    – Rafael
    Commented Jun 6, 2018 at 23:10
  • @Rafael Relaxing therapy 🙏🏽💊
    – user120647
    Commented Jun 6, 2018 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
    – user9447
    Commented Jun 6, 2018 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
    Commented Jun 7, 2018 at 15:11
  • @RobB Here you have an explanation about how to make a mask: graphicdesign.stackexchange.com/a/109186/120647
    – user120647
    Commented Jun 7, 2018 at 15:14

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

  • 1
    ah clever use of the gradient to make the shadow! +1
    – Luciano
    Commented Jun 7, 2018 at 10:04

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.


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.