> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usevelo.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Callout

### **1. What Is the Callout Effect?**

The Callout effect draws a highlighted box around a specific area of
your screen, making it easy for viewers to see exactly where to look.
Unlike Spotlight, Callout adds a visible zoom effect to help viewers focus on the specific section.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/1.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=31d46c28e6150fe6914a390c15a25be2" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/1.png" />

### **2. Adding a Callout to Your Velo**

To add a Callout:

* Open the **Insert** panel from the right sidebar.

* Under the **Effects** section, click **Callout**.

* A draggable callout region will appear on the canvas and a
  corresponding block will be added to the **Callout** track in the
  timeline.

* Drag and resize the region on the canvas to frame the area you want
  to highlight.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/2.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=ee9da8cf916be32170ed284ff267c264" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/2.png" />

### **3. Adjusting the Callout Scale**

The **Scale** slider controls the overall size of the callout region
relative to the canvas.

* Slide right to increase the scale of the callout.

* Slide left to shrink it.

This is distinct from dragging the region on the canvas - Scale adjusts
the proportional size of the callout box itself.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/3.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=11114e55d9b5c40444ce38976f54f986" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/3.png" />

### **4. Adjusting Background Opacity**

The **Background Opacity** slider controls how visible the fill color
inside the callout region appears.

* A higher value creates a more solid filled box.

* A lower value makes the fill transparent, showing only the border.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/4.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=867fbb0ac3487a39029b4caea583927f" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/4.png" />

### **5. Changing the Callout Background Color**

The **Background Color** picker lets you choose the fill color of the
callout box.

* Click the color swatch to open the picker and select your preferred
  highlight color.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/5.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=c909d3585a322d54c0f5dc181538b075" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/5.png" />

### **6. Rounding the Callout Corners**

Use the **Border Radius** slider to round the corners of your callout
region.

* Slide right for a softer, rounded look.

* Slide left to keep sharp rectangular corners.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/6.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=c8853965bed20ee953a5afd3083a9421" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/6.png" />

### **7. Setting the Callout Duration**

The **Duration** field controls how long the callout remains visible in
your video.

* Enter a specific value or drag the edges of the Callout block
  directly in the timeline to adjust its length.

<img src="https://mintcdn.com/velo/I9xX2ufexVfsvzZG/images/editing-velo/callout/7.png?fit=max&auto=format&n=I9xX2ufexVfsvzZG&q=85&s=0a924f1e5bf442b3022156e9ae30db20" alt="Description" width="1440" height="900" data-path="images/editing-velo/callout/7.png" />
