Rescroll

Free arrow animation maker

Pick where the arrow points, how it's drawn and what it says, and download it drawing itself in as a 1080p MP4, ready to lay over your video. Free, no sign-up, no watermark.

How it works

How to make an arrow animation.

Four steps, about a minute, and nothing to install.

  1. 1

    Choose the callout

    Arrow draws itself toward a spot, Circle loops around it, and Click brings in a mouse pointer that clicks. Pick Hand-drawn or Clean, the shape, the color and the line weight.

  2. 2

    Point it

    Choose one of nine spots in the frame, which way the arrow points (or Auto), and a size from 50% to 150%.

  3. 3

    Add a label and set the timing

    Type a short label of up to 28 characters, or leave it empty. Set how long it takes to draw, from 0.3 to 2.5 seconds, and how long it stays, up to 10 seconds.

  4. 4

    Download the MP4

    Press Download. The video is rendered in your browser at 1080p and saved to your device, usually in a few seconds. No account, no watermark.

When a callout animation isn’t enough

The free callout animation is the starting point.

Here you get one callout on a background, to line up yourself. In Rescroll you describe what you want in plain English, such as “circle the price on my screen recording when I say it, then draw an arrow to the Buy button”, and it's designed from scratch on your own video, placed around you and timed to the exact word you say. Not right yet? Ask for the change in the chat.

Free callout animation

Rescroll

One arrow, circle or click, in your color

Any graphic you can describe, matched to screenshots, logos or fonts you attach

You key it out and position it yourself

Designed on your own video and placed around you

You line it up with your words in your editor

Timed to the exact word you say

Change it with the settings here

Change anything by asking in the chat

Part of the Pro, Ultimate and Scale plans.

Product specs. Callouts that follow the phone.
Your site, live. Scrolls and zooms to pricing on cue.

Both built in Rescroll from a description.

The basics

What is an arrow animation?

An arrow animation is a short clip of an arrow drawing itself onto the screen to point at something: a product in your hand, a button in a screen recording, a face in a crowd, a line of small print. Editors lay it over footage so the viewer looks exactly where they should.

This maker draws the arrow the way a person would. Hand-drawn arrows have a marker's pressure, thin where the pen lands and full in the middle, with a slight wobble and a head flicked on in two strokes. Clean arrows shoot in with the head leading and land with a small overshoot. Either one can be curved or straight, and once it lands it can keep nudging at the spot.

Choose the spot in the Points at grid that's nearest to what you're pointing at, then fine-tune the position in your editor. Leave Direction on Auto and the arrow comes in from the open side of the frame, with the label tucked behind its tail.

What you download

Price
Free. No sign-up, no email, no watermark.
Format
MP4 (H.264), no audio
Resolution
1080p: 1080×1920, 1920×1080, 1080×1080 or 1080×1350
Frame rate
30 or 60 fps
Callouts
Arrow (curved or straight), circle (round or oval) or a clicking mouse pointer
Styles
Hand-drawn or clean, in three line weights and any color
Placement
Nine spots in the frame, eight directions or Auto, 50% to 150% size
Timing
Draws in 0.3 to 2.5 seconds, then stays 0.5 to 10 seconds
Label
Optional, up to 28 characters, on one or two lines
Colors
Six looks, or any background color
Overlay
Green background for chroma key, or black for a Screen blend
Where it runs
In your browser. Nothing is uploaded.

In your editor

Put the callout animation on your video.

An MP4 has no transparent background, so the callout animation comes ready to key. Set the background to green and remove it with chroma key, or to black and use a Screen blend.

How to add a callout animation in CapCut

Download the callout animation on a green background. In CapCut, drag it onto the track above your video so it sits on top as an overlay. Select it, open Video → Remove BG → Chroma key, pick the green with the color picker and raise Strength until the background is gone. Menu names move a little between CapCut versions; look for Chroma key. If you made it on black instead, set the clip's blend mode to Screen.

How to add a callout animation in Premiere Pro

Put the callout animation on a video track above your footage. From the Effects panel, drag Ultra Key onto it and click the Key Color eyedropper on the green. For a version on black, skip the key: in Effect Controls, set Opacity → Blend Mode to Screen.

How to add a callout animation in DaVinci Resolve

Place the callout animation on the track above your footage. On the Edit page, open Effects → Open FX, find 3D Keyer under Resolve FX Key and drag it onto the clip, then sample the green in the viewer with the Open FX overlay switched on. For a version on black, set Composite Mode to Screen in the Inspector instead.

How to add a callout animation in Final Cut Pro

Connect the callout animation above your footage in the timeline. From the Effects browser, drag the Keyer effect onto it; it finds and removes the green by itself. For a version on black, set Blend Mode to Screen in the Video inspector.

Questions

Arrow animation: your questions, answered.

How do I make an arrow animation?

In the maker at the top of this page, choose Arrow, pick Hand-drawn or Clean, choose the spot it points at and a label, then press Download. You get a 1080p MP4 of the arrow drawing itself in, made in your browser with no sign-up and no watermark.

How do I add an animated arrow to my video?

Make the arrow on a green background and download it. In your editor, put it on the track above your footage and remove the green with chroma key, then move the clip so the tip lands on what you're pointing at.

Can I make a hand-drawn arrow?

Yes. Hand-drawn is the default style. The stroke is thin where the pen lands, full through the middle and tapered at the end, with a slight wobble, and the head is flicked on in two quick strokes.

Can I make a curved arrow?

Yes. Set Shape to Curved. The arrow bows toward the open middle of the frame, or away from its label when the label sits beside it. Straight gives a direct line.

How do I make the arrow point at a specific spot?

Choose the nearest of the nine spots in the Points at grid, and the direction it comes from under Direction. Then move or scale the clip in your editor to put the tip exactly on the spot.

Can I change the color of the arrow?

Yes. Color takes any color; it opens on red. The label follows the same color unless you set Label color, and a clean label sits on a tag in the arrow's color.

Can I add text to the arrow?

Yes. Type up to 28 characters in Label and it appears by the arrow's tail, written on in the hand-drawn style or on a tag in the clean one. A longer label breaks onto a second line. Leave it empty for the arrow alone.

Does the arrow keep moving after it's drawn?

Yes, if “Keep moving after it lands” is on. The arrow nudges back and taps at the spot, the circle pulses and the mouse pointer clicks again. Turn it off and the callout holds still.

Can I circle something or show a mouse click instead?

Yes. Callout has three choices: Arrow, Circle, which loops around the spot like a pen, and Click, a mouse pointer that glides in and clicks with a ripple.

How long is the arrow animation?

It draws in over 0.3 to 2.5 seconds, 0.8 by default, then stays on screen for 0.5 to 10 seconds. The default clip is a little over four seconds.

Is the callout animation maker free?

Yes. It's free to use and free to download, with no account, no email address and no watermark on the video. There's no limit on how many you make.

What format and resolution is the video?

An MP4 with H.264 video, at 1080p in the shape you choose: 1080×1920 (9:16) for TikTok, Reels and Shorts, 1920×1080 (16:9) for YouTube, 1080×1080 (1:1), or 1080×1350 (4:5) for the Instagram feed. You can export at 30 or 60 frames per second.

Can I get the callout animation with a transparent background?

MP4 can't store transparency, so the callout animation comes ready to key instead. Set the background to green and remove it with chroma key in your editor. If the graphic is light, you can also set the background to black and use the Screen blend mode. Either way only the callout animation is left over your footage.

Is my video uploaded anywhere?

No. The callout animation is drawn and encoded on your own device, using your browser's built-in video encoder. Nothing is sent to a server and there's no render queue.

Which browsers does it work in?

It needs a browser that can encode video with the WebCodecs API: current versions of Chrome, Edge and Safari, and Firefox on a computer. If your browser can't, the page tells you before you start.

Can I use the callout animation in client work, ads or monetized videos?

Yes. The video you download is yours to use in personal and commercial projects, with no attribution needed.

Can I match my brand, add my logo or change the design?

Not in the free maker, which is deliberately simple. That's what Rescroll's AI motion graphics are for: describe the graphic you want in plain English, attach your logo, fonts or a screenshot of your style, and it's designed from scratch on your own video, placed around you and timed to the word you say. Ask for any change in the chat. It's part of the Pro, Ultimate and Scale plans.

Your next video,
edited like the top 1%.

Drop it in. Say what should appear. Read the plan, press Build, and export the finished video — no After Effects, no editor, no template.

Make your first graphic

Part of Pro, Ultimate and Scale · Export is free · Failed builds are refunded