How Do I Make a Callout in Photoshop?

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.
Combine custom shapes to create your own Photoshop callouts.
Image Credit: Image courtesy of Adobe.

The custom shapes available in Adobe Photoshop CC make it easy to add callouts to your photos or artwork. Customize speech bubbles and arrows to point out important details in an image or combine shapes to create your own callouts. If you're adding many callouts to an image, label them in the Layers panel to simplify the work process.

Advertisement

Step 1

Click the "Custom Shape Tool."
Image Credit: Image courtesy of Adobe.

Open any image file in Photoshop and click the "Custom Shape Tool" in the Toolbox. This tool isn't visible by default, so if you don't see it, click and hold the bottom-right corner of the Rectangle Tool to reveal the Custom Shape Tool.

Advertisement

Video of the Day

Step 2

Select the "Speech Bubble."
Image Credit: Image courtesy of Adobe.

Select the "Speech Bubble" from the Shapes menu in the Options Bar to add a label to an important detail in the image.

Advertisement

Step 3

Drag the cursor over the image to draw the callout.
Image Credit: Image courtesy of Adobe.

Drag the cursor over the canvas to draw the callout. Use the "Move Tool" from the Toolbox to reposition the callout and select the "Custom Shape Tool" again to edit its appearance.

Advertisement

Step 4

Customize the border and fill colors.
Image Credit: Image courtesy of Adobe.

Click the "Fill" menu in the Options bar to select a fill color. Use the "Stroke" menu to change the border color. You can also change the border width and line style using the menus in the Options bar.

Advertisement

Advertisement

Step 5

Insert a text box over the speech bubble.
Image Credit: Image courtesy of Adobe.

Select the "Horizontal Text Tool" and drag the cursor over the callout to draw a text box. Type a label and use the menus in the Options bar to change the font, font size and color as desired. Reposition the text by dragging the text box handles or by using the Move Tool.

Advertisement

Step 6

Select an "Arrow" shape.
Image Credit: Image courtesy of Adobe.

Add arrow callouts to your image by selecting the "Custom Shape Tool" in the Toolbox and then clicking one of the available arrows in the Shape menu in the Options bar. Customize the fill and border just as you did with the speech bubble. To flip or rotate an arrow or any other callout, use the Transformation options available under the Edit menu.

Advertisement

Advertisement

Step 7

Customize the arrow's fill and and border.
Image Credit: Image courtesy of Adobe.

Label any callout layer in the Layers panel by double-clicking its name and entering a descriptive title. Duplicate any layer to create additional callouts by selecting "Duplicate Layer" from the Layers menu.

Advertisement

Step 8

Combine your callouts into a single Group folder.
Image Credit: Image courtesy of Adobe.

Add additional labels and callouts as needed. For example, to explain the meaning of several arrows, you can use the Rectangle Tool from the Toolbox and then add a text box above it. Group the callouts to manage the layers by highlighting the callouts in the Layers panel and pressing "Ctrl-G." Click the Group folder to reveal or hide the layers it contains.

Advertisement

Advertisement

Customizing Callouts

Step 1

Drag a rectangle over a speech bubble.
Image Credit: Image courtesy of Adobe.

Create a square speech bubble callout by placing a rectangle over a speech bubble.

Advertisement

Step 2

Use the "Lasso Tool" to select the rectangle's bottom border.
Image Credit: Image courtesy of Adobe.

Select the "Lasso Tool" from the Toolbox and then trace the area at the bottom of the rectangle's border just above the speech bubble's tail.

Step 3

Delete the rectangle's border to create a custom callout.
Image Credit: Image courtesy of Adobe.

Press "Delete" to erase the rectangle's border. To merge the rectangle and speech bubble into a single object, rasterize each layer from the Layers menu, select the rectangle's layer in the Layers panel and then select "Merge Down" from the Layers menu.

Advertisement

Advertisement

references

Report an Issue

screenshot of the current page

Screenshot loading...