---
title: "Motion Graphics & AI Image Generator | Potto AI"
description: "Create motion graphics and AI images with Potto AI. Turn ideas into product videos, explainers and images, then refine your work in one place."
canonical: "https://potto.ai/"
language: "en"
dateModified: "2026-10-10"
---

# Motion Graphics & AI Image Generator

Turn your ideas into striking images with a versatile AI image generator. Create stunning motion graphics for product videos and explainers with a powerful AI video generator.

[AI motion graphics that bring ideas to life](https://potto.ai/ai-motion-graphics.md) · [AI Image Generator for your next idea](https://potto.ai/ai-image-generator.md)

## AI motion graphics that bring ideas to life

[AI motion graphics](https://potto.ai/ai-motion-graphics.md) combine moving text, shapes, screenshots and illustrations to make information easier to follow. Use Potto’s AI motion graphics generator for product stories and [explainers](https://potto.ai/explainer-video.md) in wide, vertical and square formats.

These are illustrative compositions built with Potto’s video renderer, using sample images and fictional brands. Open a card to explore its structure; play it to see the movement.

### A product story for the feed

Lead with one idea, then bring the product into focus.

Vertical motion graphics work best when the subject stays easy to follow on a small screen. This sample combines a headline, a focused image and a short closing message. Notice how the sequence gives each element its own moment instead of crowding them together. In the AI motion graphics generator, start with the product view that makes the benefit easiest to understand.

### A launch in a few scenes

A clear opening, a closer look, and a reason to keep watching.

A wide [product video](https://potto.ai/product-video.md) has room to establish context before moving into the details. Watch how image scenes and text cards divide the story into readable beats. The composition demonstrates layout and movement, rather than a recording of someone operating the product. Bring your own screenshots to the AI motion graphics generator and replace the sample story with the problem, feature and outcome you want to show.

### Room for the explanation

Use a wider canvas to connect words, images and meaning.

In AI motion graphics for an explainer, movement should guide attention through the argument. A title introduces the subject, an illustration makes it more concrete, and a closing scene brings the parts together. The wide composition leaves space around the main idea. When adapting this structure, choose visuals that clarify the source material, and verify factual claims before treating the video as ready to share.

### An idea, explained vertically

Keep the main point readable while the story moves forward.

Vertical explainers give a single idea most of the screen. Short captions can support an illustration without turning every frame into a paragraph. Use the sample to consider the balance between the spoken explanation and what the viewer needs to see. A useful starting point is one question, one visual example, and a closing takeaway that still makes sense with the sound off.

### A square product spotlight

Give one feature the frame it deserves.

Square AI motion graphics offer a compact canvas for a feature announcement or a short product introduction. Keep the important detail large enough to recognize before introducing the next element. A simple sequence can show the context, bring attention to the feature, and close with the next step. Judge the result at its intended display size, especially when the original screenshot contains small interface text.

### One concept, one clear takeaway

Pair a focused visual with a line people can remember.

A square explainer can make a useful companion to an article, a presentation or a social post. The format encourages a single subject rather than a dense montage. Look at how the sample uses space and timing to separate the title from its supporting image. For a real project, keep terminology consistent with your source and make sure the final sentence answers the opening question.

### A tip with a little momentum

Turn a short practical idea into a visual sequence.

A tip video needs a useful point before it needs decoration. This composition moves from a headline to an image and a number, showing how different scene types can support one compact message. The example number belongs to the fictional sample, not a claim about Potto or your product. Use a number only when your own material supports it, and keep the surrounding explanation easy to read.

### A wide feature announcement

Show what matters, then leave a clear next step.

A broad frame can give a product screenshot enough space while short text scenes explain why it matters. This sample uses a fictional brand to demonstrate the rhythm of an announcement. In the AI motion graphics generator, choose a focused view instead of a crowded full-screen capture, explain the change in plain language, and end with a destination your audience can actually use.

- [Explore AI motion graphics](https://potto.ai/ai-motion-graphics.md)

## Create product videos with an AI motion graphics generator

Turn your material into product videos and explainers with Potto’s AI motion graphics generator. The [AI video generator](https://potto.ai/ai-video-generator.md) proposes a storyboard; you review the scenes, refine the message and export your motion graphics as an MP4.

### 1. Start with something real

Add product screenshots and a description, or begin an explainer with a topic or article. Tell the AI motion graphics generator what the audience should understand and what matters most. A focused brief gives the video a clearer direction than a list of unrelated features. Choose material you can use, remove private details from screenshots, and keep the key subject easy to recognize.

### 2. Shape the story

Review the proposed AI motion graphics storyboard before moving on. Put the strongest idea near the beginning, shorten lines that compete with the picture, and make sure each scene earns its place. For an explainer, check the script and factual claims before continuing with narration and illustrations. You can refine the story instead of accepting the first draft as the finished video.

### 3. Preview, refine, export

Watch your AI motion graphics scenes together and adjust the available text, visuals and settings. Check small-screen readability, awkward transitions and whether the ending follows naturally from the opening. Preview the complete sequence before exporting the MP4. A product demo and a narrated explainer use different ingredients, so choose the workflow that matches your material rather than forcing one story into the other.

- [Explore the AI video generator](https://potto.ai/ai-video-generator.md)

## See AI motion graphics move from still to story

A still frame shows the layout. AI motion graphics add order, emphasis and time for each idea; playing the same composition makes that difference visible.

### One composition, from still to sequence

This is a frame from the storyboard sample shown here. Press play to watch its title, list and closing message appear in sequence; stop to return to the still frame. It is a renderer demonstration with a fictional brand, not a recording of the editing interface.

The practical difference is attention. A still asks the reader to choose where to look. A sequence can introduce the subject before adding detail, then leave time for a takeaway. When reviewing a project from the AI motion graphics generator, remove a movement if it competes with the message and extend a scene when its text needs more reading time.

*Still frame*

Storyboard title in the Lumen sample composition

*Play the same composition*

Storyboard sample with a title, numbered list and closing message in motion

## AI Image Generator for your next idea

Create a visual for a campaign, a character concept, an illustration or a photo-style scene. Start with a description or an existing image, then shape the result around the work you want to share.

Use these prompts as starting points for your own images. Each image was generated with Potto from the prompt and settings shown on its card.

- **Abstract oil painting in cobalt blue, yellow and red with a black outline of a face**: Expressive abstract oil painting, thick brush strokes in cobalt blue, cadmium yellow and vermilion red, a bold black outline of a face emerging from the colours, gallery lighting.
- **Ornate stone fountain framed by pine branches**: An ornate weathered stone fountain in a quiet garden, framed by dark pine branches, soft overcast sky, fine detail, shot on a 35mm lens.
- **Smiling woman with long braids and closed eyes in soft window light against a pale blue background**: Candid portrait of a woman with long braids smiling with her eyes closed, glowing skin, soft window light, pale blue background, shallow depth of field.
- **A tiny kitten standing on a rumpled bed**: A tiny grey and white kitten standing on a rumpled cream bed, morning light through a curtain, pastel colours, soft focus background.
- **Long-exposure light trails on a night street**: Long-exposure night street, streaks of orange and white headlight trails, neon signs reflecting on wet asphalt, cinematic city mood.
- **Glass carafes of fruit juice on a cafe counter**: Glass carafes of blood-orange and mango juice on a silver tray at a busy cafe counter, warm tungsten light, shallow depth of field.
- **A white plush rabbit sitting on a green park bench**: A soft white plush rabbit toy sitting on a dark green park bench, dappled sunlight, cosy storybook feeling, tack-sharp fabric texture.
- **Close-up of a blue flower with white petal veins**: Macro shot of a blue morning glory, translucent petals with fine white veins radiating from a pale green centre, dreamy bokeh.
- **Street portrait of a young woman looking off-camera with soft rim light and teal shadows**: Intimate street portrait of a young woman looking off-camera, dark hair, soft rim light from the left, moody teal shadows, film grain.
- **Astronaut-style figure in a rust-red utility jacket and helmet against a saturated red backdrop**: A figure in a rust-red utility jacket and helmet against a saturated red backdrop, editorial lighting, minimal composition.
- **A burger with fries and ketchup on a wooden board**: A towering cheeseburger with crisp lettuce beside a wire basket of golden fries and a ramekin of ketchup, wooden board, black background, studio food photography.
- **Sand dunes under a clear blue sky**: Endless golden sand dunes with sharp wind-carved ridges under a deep blue cloudless sky, warm late-afternoon light.
- **A hand drawing a pencil sketch of a manga hero on white paper, with visible construction lines**: A hand drawing a detailed pencil sketch of a manga hero on white paper, visible construction lines, soft graphite shading.
- **A fox cub resting on a forest path**: A young red fox lying on a gravel forest path, lush green ferns behind it, golden hour, wildlife photography.
- **Rectangular glass perfume bottle filled with amber liquid and covered in water droplets**: A rectangular glass perfume bottle filled with amber liquid, covered in fine water droplets, warm beige backdrop, soft diagonal light.
- **A monarch butterfly on a pink coneflower**: A monarch butterfly perched on a pink coneflower with a red centre, lush green background, macro photography, crisp wing detail.

Look beyond the subject when choosing a direction. A portrait prompt can describe expression and soft window light; a product scene can specify a clean surface, a focused object and space for a headline. An illustration may need a color palette and a drawing style instead of photographic camera language. Open a reference below to read its suggested prompt, then adapt the details to your own task.

- [Explore the AI image generator](https://potto.ai/ai-image-generator.md)
- [Create photo-style images](https://potto.ai/ai-photo-generator.md)
- [Explore AI art](https://potto.ai/ai-art-generator.md)

## From a prompt or reference to an image

Start the [AI image generator](https://potto.ai/ai-image-generator.md) with a brief for a new visual, or a reference for a specific change. Choose the composition around where the image will appear.

### Create a campaign image from a brief

Turn a product idea into a website hero or campaign visual. Give the AI image generator three clear decisions: what to show, how it should look, and where your headline will go.

### Use a reference to guide a change

Upload a supported image and explain what should stay recognizable and what should change. A reference can guide the subject, pose or visual arrangement, but it does not guarantee an exact copy. “Keep the white wired earphones; use a light gray reflective surface and soft studio lighting” communicates a narrower task than “make it better.”

The pair here comes from a recorded product-photo template run with [Nano Banana Pro](https://potto.ai/nano-banana-pro.md). The source and result show the same earphone subject with a changed surface and lighting. The instruction above describes the visible task; the template supplied the generation instructions. It is not a claim that those exact words produced the image.

Compare the output with the reference before accepting it. Check the cable, small markings, edges and shadows, especially if the image will represent a real product. If a detail changes, refine the request or choose another result rather than treating visual similarity as proof of accuracy.

- **Subject**: A travel mug as the focal point.
- **Style**: Studio photography with soft side lighting.
- **Composition**: Product on the right; room for your headline on the left.

**Example prompt**

> Studio photograph of a matte black travel mug on warm beige stone, soft side lighting, mug on the right, empty space on the left, no text or logos.

*Reference input*

White wired earphones on a matte light surface

*Generated result*

White wired earphones on a reflective gray surface

- [Start with text to image](https://potto.ai/text-to-image.md)
- [Work with image to image](https://potto.ai/image-to-image.md)
- [Compare image generation options](https://potto.ai/ai-image-generator.md)

## Choose a style for your AI motion graphics

A restrained introduction and a bold announcement need different visual energy. In the AI motion graphics generator, preview the available style presets and compare how each treats your screenshots, scene text and brand colors.

- Clean Modern
- Midnight Tech
- Editorial Paper
- Bold Pop
- Blueprint
- Warm Organic
- Neon Night
- Soft Pastel
- Mono Minimal
- Sunset Gradient
- Studio Noir
- Fresh Mint

### Let the subject lead

Choose an AI motion graphics style around the content of the scene. If your screenshot is detailed, quieter surroundings can keep it readable. If the message is short and direct, a stronger visual treatment can give it presence. Look at the relationship between the background, the main image and the text before deciding on a style.

### Keep the sequence together

A consistent visual direction helps separate AI motion graphics scenes feel like one video. Review the opening, the image scenes and the closing message together. Check that the same level of emphasis carries through the sequence, and that the styling supports your brand rather than competing with the information on screen.

### Preview with your own material

A preset in the AI motion graphics generator is a starting point. The same treatment can feel different around a bright screenshot, a dark illustration or a large number. After choosing a direction, inspect your actual project at its intended size. Use the controls available in the editor; the presets do not imply unrestricted keyframe animation or a custom motion-design timeline.

- [Explore AI motion graphics styles and editing](https://potto.ai/ai-motion-graphics.md)

## Create for the work you want to share

Choose the format around the message. AI motion graphics can explain a change over time; a single image can establish a mood, show a concept or give a campaign its visual focus.

### Product launches and feature stories

Bring current screenshots and a short product description. Identify the task your audience cares about, show the feature that helps with it, and close with one useful next step. AI motion graphics give these parts a readable order for a launch page, release note or social announcement.

Focus the brief on the change a person will understand, rather than listing every control. Keep the important screen large and shorten text that competes with it. Review labels against the real product and check that captions leave the relevant detail visible. Animated screenshots illustrate a story; they should not be mistaken for a continuous recording of someone using the product.

### Explanations and short social lessons

Start the AI motion graphics generator with a question, an article or a focused topic. Pull out the point a viewer should remember, then choose which ideas need an illustration, a title or a number. A narrated explainer can connect those pieces while short captions keep the main thread visible.

For a phone feed, narrow the subject to one useful lesson and choose a frame that keeps the visual clear. Check factual claims against your source before sharing. Watch with sound, then review without it: the spoken detail and the visible sequence should support the same explanation. The sample is an illustrative composition, not evidence for the claims in your own lesson.

### Campaign images and visual directions

Use the AI image generator to explore a campaign illustration, an editorial visual or a design direction before committing to one treatment. Describe the audience, subject, mood and placement. A strong still image gives a page or post a focal point without asking the viewer to press play.

The colorful portrait shown here is a recorded [album-cover](https://potto.ai/image-templates/album-cover.md) template result made from a reference photo. It demonstrates a visual treatment, not a text-only generation. For your own campaign, compare color, contrast and framing across results. Leave enough space for final copy, inspect generated lettering, and check the asset at the size where people will actually see it.

### Portraits and character concepts

Begin with a description for a new character, or use a photo when an existing face should guide an illustrated portrait. Specify the expression, pose, clothing and background. A single image is useful when you need an [avatar](https://potto.ai/image-templates/avatar-maker.md), a profile illustration or a visual reference for a larger design.

This illustrated portrait is a recorded avatar template output from a reference photo. It shows one possible transformation, not a promise of exact identity preservation. Check facial proportions and distinctive details, and refine the prompt if the result drifts from your intent. For characters, describe recurring visual traits carefully; repeated requests can still produce differences that need review.

*album-cover*

Colorful geometric portrait from a recorded album-cover template run

*avatar*

Illustrated portrait from a recorded avatar template run

- [Create a product video](https://potto.ai/product-video.md)
- [Create an explainer video](https://potto.ai/explainer-video.md)
- [Explore illustration and AI art](https://potto.ai/ai-art-generator.md)
- [Create a character concept](https://potto.ai/ai-character-generator.md)

## Keep working on the image you create

Choose the next task by what needs to change. Generate another image when you want a different concept; edit an existing image when the subject is useful and a specific part needs attention.

- [AI Image Editor](https://potto.ai/ai-image-editor.md) ![Original image before AI Image Editor](https://potto.ai/images/library/portrait-woman-1080.webp) ![A portrait edited with a text prompt to place the subject on a beach](https://cdn.potto.ai/images/ai-photo-editor-beach-background-1080.webp)
- [Image Templates](https://potto.ai/image-templates.md) ![Original image before Image Templates](https://potto.ai/images/library/portrait-bw-1080.webp) ![A portrait turned into a pencil sketch](https://cdn.potto.ai/images/ai-photo-editor-pencil-sketch-848.webp)
- [Uncrop](https://potto.ai/uncrop.md) ![Original image before Uncrop](https://cdn.potto.ai/images/uncrop-lake-padded-before-1080.webp) ![A mountain photo extended to a wider frame](https://cdn.potto.ai/images/uncrop-lake-16x9-1080.webp)
- [AI Background Remover](https://potto.ai/background-remover.md) ![Original image before AI Background Remover](https://potto.ai/images/library/dog-1080.webp) ![A dog photo cut out from its background](https://cdn.potto.ai/images/ai-background-remover-corgi-1080.webp)
- [AI Image Upscaler](https://potto.ai/image-upscaler.md) ![Original image before AI Image Upscaler](https://cdn.potto.ai/images/ai-image-upscaler-watch-before-360.webp) ![A watch photo before and after upscaling](https://cdn.potto.ai/images/ai-image-upscaler-watch-1080.webp)
- [AI Watermark Remover](https://potto.ai/watermark-remover.md) ![Original image before AI Watermark Remover](https://cdn.potto.ai/images/ai-watermark-remover-santorini-before-1080.webp) ![A watermarked photo with the watermark removed](https://cdn.potto.ai/images/ai-watermark-remover-santorini-1080.webp)

For a focused revision, describe the part to change and the details to preserve. Use the available image tools for tasks such as removing a background or improving image resolution. Review edges around hair and objects, fine textures and any added detail before using the result. A cleaner background or a larger output does not guarantee that every small feature remains accurate.

Keep the original and compare it with the edited version. Work through important changes separately so you can see which instruction helped. Image creation and editing are independent of video creation: you can finish and download a still image without starting a video project.

- [Open the AI image editor](https://potto.ai/ai-image-editor.md)

## Plans for images and videos

|  | Pro | Max |
| --- | --- | --- |
| Monthly | $50/month, Billed monthly | $100/month, Billed monthly |
| Yearly | $40/month (-20%), Billed annually · $600 → $480/year | $80/month (-20%), Billed annually · $1,200 → $960/year |
| Images per month at HD: Nano Banana Pro | 111 images | 333 images |
| Images per month at HD: Nano Banana | 217 images | 652 images |
| Videos per month: 30-second product demo | 33 videos | 100 videos |
| Videos per month: 60-second explainer | 13 videos | 40 videos |
|  | 5,000 credits per month | 15,000 credits per month |
|  | Up to 217 fast images | Up to 652 fast images |
|  | Priority queue | Highest priority queue |
|  | No added Potto watermark | No added Potto watermark |
|  | Batch processing with AI tools | Batch processing with AI tools |
|  | Not listed in public galleries | Not listed in public galleries |

Videos use credits when you export — previewing and editing are free. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.

The plan cards show alternative ways to use the same monthly credit balance. Image counts depend on the model and resolution; video examples use the durations and ingredients listed below. They are estimates for comparing plans, not separate allowances that can all be spent at once.

Choose a billing period to see its actual price and annual billing terms. Check the estimate in your creation or export flow before confirming a paid action, especially when changing the model, resolution, video length or included illustrations.

- [Compare plans and credit options](https://potto.ai/pricing.md)

## Questions about motion graphics and AI generators

Understand motion graphics, the AI image generator and the AI video generator, then check inputs, editing options, credits and finished files.

### What are motion graphics?

Motion graphics are animated graphic elements, such as text, shapes, charts and illustrations, used to communicate an idea over time. Unlike a still image, they use movement, pacing and sequence to guide attention. Motion graphics work well for a product feature, a process or a short explanation: introduce the subject, reveal the important detail, then show the takeaway. Potto’s AI motion graphics generator creates these sequences from supported scene [templates](https://potto.ai/image-templates.md) and your material; it does not provide an unrestricted animation timeline.

### What is an AI image generator?

An AI image generator is a tool that uses artificial intelligence to create images from inputs such as a text description or reference picture. The model interprets the requested subject, style and composition to produce a new visual. Potto’s image workspace supports photo-style scenes, illustrations, portraits and character concepts through the models available in the workspace. Choose it when one frame can carry the message; choose motion graphics when the viewer needs to follow a sequence. Results still need review, especially lettering, faces and product details.

### What is an AI video generator?

An AI video generator is a tool that uses artificial intelligence to turn a brief or source material into video content. Different tools create or assemble different kinds of visuals. Potto’s AI motion graphics generator is an AI video generator for product videos and explainers: it organizes text, screenshots and illustrations into scenes, with narration, captions and music where supported. These are templated compositions, not generated live-action footage or talking avatars. Review the story and scene content before exporting a finished video.

### How do I write a prompt for the AI image generator?

Give the generator a specific subject, setting and visual treatment, then describe the composition that matters. For example: “A ceramic cup beside a window, warm morning light, editorial photograph, open space on the right.” This identifies the object, lighting and room for a headline. If the result misses the brief, change the relevant instruction rather than adding more adjectives: placement for composition, light for mood, or a simpler setting for a distracting background. Review the next result against that one change.

### Can I use a reference in the AI image generator?

Yes. The generator accepts reference images in supported workflows; the selected model determines the available upload options and limits. Describe what should stay and what should change, such as keeping a product while replacing its setting. A reference guides generation but does not lock every pixel or guarantee identical faces, logos or lettering. Compare the output with the source before reusing it. Only upload material you have permission to use.

### Which model, aspect ratio and resolution should I choose?

Choose an available image model, then select a supported aspect ratio for the final placement and a resolution for the required output size. A wide banner needs a different composition from a square post or a vertical cover. Changing models can change the settings and credit estimate, so check both before generating. For an image intended for motion graphics, leave room for scene text and allow for cropping. Higher resolution adds pixels; it does not correct a misplaced object or inaccurate lettering.

### What should I give the AI motion graphics generator?

Give the AI motion graphics generator a clear topic, audience and takeaway, together with the source material needed to explain them. For a product video, prepare readable screenshots and describe the feature being demonstrated. For an explainer, provide a focused topic or accurate source text. Use the input and upload options shown in the creation flow, and remove private or unrelated details. Motion graphics work best when each scene has something specific to show, such as a feature, a comparison or one step in a process.

### Can I edit motion graphics or revise a generated image?

Yes. You can review and refine supported scene content and settings in the AI motion graphics generator before export. Check the storyboard for the order of ideas and the preview for readable text, framing and timing. Edits stay within the available scene structure. For a still image, revise the prompt in the image workspace, use a result as a reference or open a relevant editing tool for a focused change. Compare versions to catch unwanted changes as well as improvements.

### How do narration, captions and music support motion graphics?

Narration explains the message, captions make the spoken text readable, and music sets the pace of AI motion graphics. In supported narrated workflows, the AI video generator uses the script as the basis for voiceover and supporting scenes. Review the script before continuing with voice and illustrations, then listen for pronunciation and pacing. Choose from the language, voice and music options available in the flow. Check the final audio, captions and scene timing together; these controls do not imply access to every voice or rights to external music.

### Are the motion graphics examples and image prompts actual customer results?

No. The motion graphics samples are manually arranged compositions rendered with Potto, using sample material and fictional brands. They demonstrate layouts and animation, not customer testimonials or a finished result from one AI request. The image inspiration gallery provides visual references with suggested prompts and settings, not original generation records. Separately labeled product-photo, album-cover and avatar examples come from recorded template runs with reference inputs and model outputs. Use the examples to plan your own brief, not as a promise of an identical result.

### How do credits work for the AI image generator and AI video generator?

Image and video creation share one account credit balance. Image generation depends on the selected model, resolution and output count; editing tools show their own task estimate. AI motion graphics export [pricing](https://potto.ai/pricing.md) depends on video duration, narration and included illustrations. Previewing and editing do not carry the export charge. The plan cards show alternative uses of the same balance, not separate image and video allowances. Check the estimate before confirming an action, especially after changing settings.

### How do I download images and export motion graphics?

Download a completed image using the file choices offered by its workflow, and export AI motion graphics as a 1080p MP4 in a supported wide, vertical or square composition. For generated images, inspect the downloaded file as well as the smaller on-page preview. For a video from the AI video generator, review the export summary, credit estimate and current plan conditions before confirming. Check the final file at its intended display size, including text, cropping and audio, before sharing it.

## Create your next image or motion graphics video

Start with an idea. Choose the AI image generator for a striking visual, or the AI motion graphics generator for a product video or explainer you can review and refine before export.

- [Explainer videos](https://potto.ai/explainer-video.md)
- [Product videos](https://potto.ai/product-video.md)
- [Motion graphics](https://potto.ai/ai-motion-graphics.md)
- [AI image generator](https://potto.ai/ai-image-generator.md)