How do I design this shape in Photoshop?:

enter image description here

The box is rounded and it has an arrow pointer at the bottom.

I am not bothered about the color.


You can use the Round Rectangle and Polygon tools.

You first need to create a round rectangle (using the Round Rectangle Tool):

enter image description here

Then change to the Polygon Tool, and choose "Sides: 3" in the menu at the top. Using the Path Selection Tool, click on your round rectangle and pressing shift (so the shape is added to your current one) draw the triangle:

enter image description here

You can re-position each of the shapes using the Path Selection Tool. Once you are happy with your result, apply the gradient and stroke.

  • Thank you! When I try to gradient and stroke but it only apply on each layer/shape... but I want apply on a dialog bubble – I'll-Be-Back Nov 27 '12 at 0:39
  • If you have drawn them on separate layers (you have to use shift to draw them in the same) you can still merge the shapes - in CS6 select both layers, right click and "Merge shapes". – Yisela Nov 27 '12 at 0:43
  • Oh I managed to do, I made a mistake. I need to draw a triangle on a current round rectangle :) – I'll-Be-Back Nov 27 '12 at 0:43
  • I can re-position each of the shapes using the Path Selection Tool but how to make sure rectangle is 100% at the center between round rectangle automatically? – I'll-Be-Back Nov 27 '12 at 0:48
  • 1
    If you have both shapes selected, you can "Align horizontal centers". It's one of the options that appear on the top bar when you use the Move Tool (V). – Yisela Nov 27 '12 at 2:07

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.