How do I design this rectangle in Photoshop CC 2017 or Illustrator CC [duplicate]

Just need to know how to give the rectangle this shade kind of effect at the very ending and I also need to know how to cut the bottom line. I need info on exactly how to replicate this amazing rectangle designed by the TypeForm website.

I am not replicating them for a project but for my educational purpose.

Thanks in Advance
enter image description here


This is for illustrator. Draw a rounded rectangle, apply stroke and fill as required. Use an Outer Glow effect on the rectangle.

Draw a filled black rectangle to use as a transparency mask, and apply a Gaussian blur effect to it, then use that as the transparency mask.

enter image description here

Source : Link , Question Author : Ehtisham Ul Haq , Answer Author : Billy Kerr

Leave a Comment