On the Firefly homepage, select Ideate from the left panel.
Learn how to gather visual elements for your board and arrange them in Firefly Boards.
Try it in the app
Gather visual elements for your board and arrange them in a few simple steps.
Gather visual elements
Add images to the canvas
If you already have a set of media files to add, select Upload files, or if you want to start from scratch, select Create a board.
On the Boards page, select New board.
To import an image, use the Import option to add it to the canvas.
To search and add images on Adobe Stock by selecting the icon in the right toolbar and use the Search panel to browse the results.
To generate an image with a text prompt and add it to the canvas, select Generate image at the bottom of the page.
Add a text description in the prompt bar. You can also select from the available Firefly and partner models, as well as Custom Models to generate images.
If there is an image in the canvas you want to use as a reference, you can select the Sample from canvas icon and use the following options:
|
Option |
Function |
|---|---|
|
Describe image |
Get a detailed description of the uploaded image in the canvas, which works like a great starting point for prompts. |
|
Use as style references |
Align the style of the generated images with the selected image from the canvas. |
|
Use as composition reference |
Guide the layout and structure of the generated images to match the selected image. |
|
Extract sub-prompt |
List the auto-generated text prompts based on the selected image and choose one or more to add directly to the text prompt. |
If you want to adjust or change the generation settings, such as reference images or sub-prompts, before generation, you can use the Generation settings option.
Adjust the generation settings for the image, such as aspect ratio and content type, and select Generate.
The generated image variations appear as thumbnails in the filmstrip, allowing you to select and add them to the canvas.
Drag the generated image and drop it onto the canvas. To select and move multiple images, hold the Shift key while dragging and dropping them onto the canvas.
Once you add the image to the canvas and select it, you have the following editing and adjustment options:
|
Option |
Function |
|---|---|
|
Vary |
Use the image to generate new image variations that maintain a similar style or composition, with subtle variations. |
|
Edit |
|
|
Convert |
|
|
Remove background |
Remove the background of the image. |
|
Crop |
Crop the image by dragging the cropping handles, then use Generative expand to fill any empty space created. |
|
Download |
Download the image to your local device. |
|
More |
|
|
Option |
Function |
|---|---|
|
Remix |
Use the selected images as an inspiration to generate a new set of remixed image variations. |
|
Collect items |
Gather selected visual elements, such as images, videos, shapes, and text, into a structured layout within an artboard. |
|
Arrange |
Automatically organize multiple selected elements into clean, visually balanced layouts:
|
|
Align |
Line up selected elements relative to each other or the canvas.
|
|
Download |
Download the selected images to your local device. |
|
More |
|
To import a video, use the Import option to add it to the canvas.
If you want to generate a video using Adobe and partner models, select Generate video at the bottom of the page.
Use the model selection option to select a video generation model.
Add a text description for the video generation.
You can also select the Sample from canvas icon to use the following generation options and settings:
|
Option |
Function |
|---|---|
|
Describe image |
Get a detailed description of the image or video on the canvas and automatically add it to the prompt bar. This serves as a helpful starting point for drafting a prompt for video generation. |
|
Use as first frame* |
Use the selected image or video frame as the starting frame for video generation. |
|
Use as last frame* |
Use the selected image or video frame as the ending frame for video generation. |
|
Use video* |
Use the selected video as a composition reference to guide the video generation process. |
|
Use as image reference* |
Use the selected image or video frame as the starting frame for video generation, and customize the generated video by adding or editing elements. |
|
Extract sub-prompt |
List the auto-generated text prompts based on the selected image or video and choose one or more to add directly to the text prompt. |
* - Available based on the selected video model.
The generated video appears as a thumbnail in the filmstrip. Drag and drop it onto the canvas.
Once you add the video to the canvas, when you select it, you have the following editing and adjustment options:
|
Option |
Function |
|---|---|
|
Load |
Load the prompt used to generate the video into the prompt bar, if the video was created within the current project. |
|
Edit |
Use one of the available video models to edit your video using text-based prompts. |
|
Mute |
Mute the video if it was generated with audio or if the uploaded video contains sound. |
|
Repeat |
Enable or disable video looping on the canvas. |
|
Take snapshot |
Take a snapshot of the current video frame, and add it to the canvas as an image. |
|
Download |
Download the video to your local device. |
|
More |
|
Select two or more videos on the canvas to arrange, align, or apply other editing actions.
Select the Shapes option from the left panel of the canvas.
Choose a shape from the list of available options, then use your cursor to draw it on the canvas.
|
Shape |
Keyboard shortcut |
|---|---|
|
Rectangle |
M |
|
Ellipse |
L |
|
Line |
\ (Backslash) |
|
Arrow |
Shift + \ (Backslash) |
Hold Shift while drawing a shape to maintain its proportions. For example, to create a perfect circle or square.
Use the Properties icon to activate the Properties panel, where you can modify shape attributes like blend mode, opacity, and color, as well as other settings such as size, position, and rotation.
When you select two or more shapes on the canvas, you can use the same arrange, align, and other editing actions available for visual elements like images or videos along with two additional shape-specific options.
|
Option |
Function |
|---|---|
|
Select color |
Select a fill color for shapes such as rectangles or ellipses. |
|
Border |
Select a color for the border line and specify the stroke width. |
Select the Text option from the left panel of the canvas.
Place the cursor on the canvas where you want to insert the text.
Use the text formatting options that get activated to customize font style, size, color, alignment, and other text properties.
Use the Properties icon to activate the Properties panel, where you can modify text attributes like blend mode, opacity, and color, as well as text box characteristics such as size, position, and rotation.
Arrange and refine the board
Once you have gathered the visual elements, you can create an artboard and start arranging, editing, and composing your board.
Select the Artboard icon from the left toolbar.
Draw the artboard on the canvas by using the click-drag action.
You can use the Properties panel to modify the artboard's attributes, such as blend mode, opacity, and color, as well as other characteristics, such as size, position, and rotation.
Drag and drop the assets inside the artboard and arrange it to suit your theme and composition.
If you've already arranged the visual elements of your board when you imported or added them, you can select them all, select the option, and then Artboard from selection.
Turn text into art with Adobe Firefly
Create beautiful images and video clips from text prompts using generative AI.