Storyboard a commercial concept video in Firefly Boards

Generate consistent styles and characters with reference images, then animate a frame to demo camera movement.

Published June 3, 2026

00:01

Introduction and meet Kevin Stohlmeyer

[Kevin Stohlmeyer]: Ever wish you could create commercial storyboards for video without having to sketch each individual panel?

Using Adobe Firefly Boards, you can easily create video storyboards with consistent styles and characters.

Hi, my name is Kevin Stohlmeyer.

I'm an Adobe Ambassador and creative with over 35 years' experience in the design field.

In the next few minutes, I'll show you how to use Adobe Firefly Boards to generate a compelling storyboard for a commercial.

Here we are inside of Adobe Firefly Boards.

00:29

Set up your style source and starting panel

First, we'll need to add our assets from either our Creative Cloud storage or on our local device using the Add content button and choosing Your device, which will load from your local storage, or choosing Adobe cloud storage, which will load from various options connected to your Adobe Creative Cloud account.

Once you have your two assets in here, we can take a look at them.

One image will be our style source - in this case a stylized sketch - and the other is going to be our inspiration for our starting panel.

After you have your two images imported, we can begin to formulate our storyboards.

Next, we'll go to the Generate image panel and choose our generation model.

In this case, I'm going to use Google Gemini 3.1 (w/ Nano Banana 2).

I like this model because it keeps a consistent style and characters throughout generations.

This is a key feature when generating storyboards.

Next, I'm going to change my Orientation to Landscape and my Resolution is set to 1K.

Then I'm going to use either the Eyedropper or the Image button to add my two images to the Generate image panel.

The first image is going to be my style source for the sketch, and the second one is going to be used for my inspiration.

Last, I'll add a prompt to generate my first frame.

I want to make sure that I tell the model that I want to be consistent with my style, and describe the scene.

For my first panel, I'll prompt, 'Create a storyboard sketch of the family eating breakfast at the table.

A cereal box product is centered on the table, keeping a consistent black and white sketch style.'

Once I have that entered, I'll click Generate.

Now that I have my generated results, I can add this to my panel just by clicking on the image and Place on canvas.

And there's my first panel.

02:30

Generate consistent storyboard panels

For each new frame, I will use the original sketch image as one of my images, and then add generated results as sources to help maintain characters across my remaining frames.

Once I have all my frames generated, I'm ready to either share via the Share feature in Adobe Firefly Boards,

02:47

Animate a panel to show camera movement

or in this case, I want to animate one of the frames to demonstrate camera movement.

To animate a frame, simply select your frame and click Convert in the Contextual Task Bar.

Choose Image to video to automatically add your image as the starting frame for your video.

I'm going to change my model to Kling 2.5 Turbo, since this is intended strictly for concepting, and it uses significantly less credits than the other video models, allowing me to experiment more.

I'll add a prompt giving camera direction.

In this case, 'Camera slowly zooms in to focus on the cereal box on the table.

Hero shot of the product.'

And then click Generate.

Once my asset is generated, I can add it to my Board and preview the video. [silent clip playing] Now that you know how to use Adobe Firefly Boards to generate consistent styles and characters, it's your turn to tell a story by building your own storyboards.

Again, my name is Kevin Stohlmeyer, and thanks for watching.

Note: Stock assets provided are for practice purposes only. See terms.

What you’ll learn

Set up your style source and starting panel

Bring in two images from your device or the Creative Cloud: one to define your sketch style, and one to inspire your opening scene. These anchor every panel that follows.

Generate consistent storyboard panels

Choose a generative model that holds style and characters across generations, then prompt frame-by-frame using your sketch as the style reference. Each new panel builds on the last for a cohesive board.

Bonus Tip: Try animating a panel to show camera movement. Convert a frame to video, add a prompt with camera direction, and preview the motion right on your board for a more dynamic client pitch.

Instruction and design by: Kevin Stohlmeyer
Adobe Stock Contributors: Dario Berardi; ReeseBuyout1/peopleimages.com

Cookie Settings

General information

Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.

If enabled:

We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud

If disabled:

We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you

General information

Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.

If enabled:

We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud

If disabled:

We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you

View transcript

What you’ll learn