Image Editor

Generate, review, and manage AI-generated images for your project's assets using the Image Editor.

Overview

The Image Editor is a dedicated page for generating and managing images associated with your project's assets—cast members, locations, props, and inspiration references. It provides a spacious interface for browsing generated images, viewing them in detail, and performing actions like selection, modification, and organization.

Key Concepts

• Asset: The parent entity (cast member, location, prop, or inspiration) that owns the images
• Asset Image: An AI-generated image associated with an asset, with its own prompt and selection status
• Image Prompt: The text description used to generate the image
• Selection Status: Mark images as Selected, Rejected, or Pending for production use
• Canvas: The main viewing area where selected images are displayed at full size with editing capabilities

When to Use the Image Editor

The Image Editor is where you:

• Generate asset images: Create AI-powered images for cast members, locations, props, and inspiration
• Review and compare: Browse through all generated images for an asset
• Select for production: Mark the best images as selected for use in your project
• Modify images: Use AI to edit or enhance existing images
• Organize images: Move images between assets or delete unwanted ones
• Download images: Export images for external use

---

Accessing the Image Editor

From the Asset Editor

1. Navigate to your project's Asset Editor tab
2. Find the asset (cast member, location, prop, or inspiration) you want to edit
3. Click on the asset to open its Image Editor

Navigation

• Click Back in the header to return to the Asset Editor
• The header displays your project name and the current asset type
• Use browser back/forward buttons to navigate between pages

---

Understanding the Interface

The Image Editor has three main areas:

Left Sidebar

The sidebar contains asset information and image controls:

Main Canvas Area

The central area displays the selected image:

• Scalable Canvas: Image display that adapts to your browser size
• Editing Tools: Pan, zoom, annotations, and transformations (similar to Keyframe Editor)
• Empty State: Displays "Generate a new image or select one from below" when no image is selected
• Loading Skeleton: Displays during image generation

Bottom Thumbnail Strip

The thumbnail strip displays all generated images for this asset:

• Small thumbnails (80-100px height) to maximize visible images
• Horizontal scrolling when images exceed viewport width
• Click a thumbnail to load that image in the canvas
• Selected thumbnail is visually highlighted
• Keyboard navigation with arrow keys
• Hover a thumbnail to reveal a Media Info button (top-left) — see Offsite Media and Fixity below

---

Offsite Media and Fixity

Some images aren't stored in Genvid at all — their original file lives in your own connected storage, and Genvid holds a proxy for display. This applies to images registered or connected through your organization's storage connections.

The Offsite Original Badge

An image whose original lives in your storage shows an Offsite original badge (a cloud icon, outlined) directly on its thumbnail. Hover the badge for a reminder that the original bytes live in your storage and Genvid is displaying a proxy.

Open the Media Info dialog (click the info button that appears when you hover a thumbnail) to see the full badge alongside a Fixity status:

---

Generating Images

Steps to Generate an Image

1. Enter a prompt in the left sidebar

   • Describe the image you want to generate
   • Be specific about style, pose, lighting, composition
   • Example for cast: "Full body shot of a space pilot in a futuristic flight suit, dramatic lighting"

2. Click Generate

   • A loading skeleton appears in the canvas
   • Generation may take several seconds
   • When complete, the new image appears and is automatically selected

3. Review the result

   • The generated image loads in the main canvas
   • The prompt appears in the sidebar
   • Action buttons become available

During Generation

While an image is generating:

• The canvas displays a loading skeleton
• The rest of the interface remains usable
• You can still browse existing thumbnails
• The new image appears when generation completes

Generation Tips

• Be descriptive: Include details about style, composition, lighting
• Reference the asset type: Mention if it's a character portrait, full body, location establishing shot, etc.
• Iterate: Generate multiple variations to find the best result
• Use Resubmit: Regenerate with the same prompt to get variations

---

Uploading Images

You can upload images from your device instead of generating them:

1. Click the Upload button in the sidebar
2. Select an image file from your device
3. The image uploads and appears in the thumbnail strip
4. Click the thumbnail to view it in the canvas

Supported Formats

The maximum upload size is 50 MB per file.

---

Browsing and Selecting Images

Using the Thumbnail Strip

The bottom thumbnail strip displays all images for the current asset:

• Click a thumbnail to load it in the main canvas
• Scroll horizontally to see more images
• Selected image is highlighted with a border
• Thumbnails display selection status badges

Keyboard Navigation

Navigate through images using your keyboard:

• Left Arrow: Select previous image
• Right Arrow: Select next image
• This allows quick browsing without using the mouse

When Selecting an Image

When you select a different image:

• The canvas loads the new image
• The sidebar updates to display that image's prompt
• Action buttons become available for the selected image
• Any unsaved canvas annotations are silently discarded

---

Image Actions

When an image is selected, action buttons appear in the sidebar below the prompt:

Download

Save the image to your local device:

1. Click Download
2. The image file downloads to your browser's download location

Use this to:

• Archive images locally
• Share with stakeholders
• Use in external applications

Resubmit

Generate a new image using the same prompt:

1. Click Resubmit
2. A new generation starts with the identical prompt
3. The new image appears when complete

Use this to:

• Get variations on a successful prompt
• Try again if the result wasn't quite right

Modify Image

Edit the image using AI assistance:

1. Click Modify Image
2. A dialog opens with modification options
3. Enter instructions for how to modify the image
4. Submit to generate the modified version

Use this to:

• Fix specific issues in an otherwise good image
• Add or remove elements
• Adjust style or composition

Select

Set the image's selection status:

1. Click the Selection Status dropdown
2. Select "Selected", "Rejected", or "-----" (pending)
3. The change saves immediately

Selection guidelines:

• Selected images are used in production workflows
• Only select images that meet quality standards
• Rejected images are marked but not deleted

Move

Transfer the image to a different asset:

1. Click Move
2. A dialog opens displaying available destination assets
3. Select the target asset
4. Confirm the move

Use this to:

• Reorganize images between assets
• Correct accidental asset assignments

Delete

Remove an unwanted image:

1. Click Delete
2. The image is soft-deleted (marked as deleted but preserved in database)
3. The thumbnail is removed from the strip
4. If it was selected, the canvas returns to empty state

Note: Deletion is a soft delete—images are marked as deleted but data is preserved for potential recovery.

---

Canvas Features

The main canvas provides tools for viewing and working with images:

Viewing Controls

Canvas Behavior

• Responsive: Canvas scales with your browser window
• Maintains aspect ratio: Images display at correct proportions
• High quality: Full resolution display for detail work

Unsaved Changes

When you switch between images:

• Any unsaved canvas annotations are silently discarded
• The new image loads immediately
• There is no confirmation dialog

---

Empty and Error States

Empty State

When no image is selected (initial load or after deletion):

• The canvas displays: "Generate a new image or select one from below"
• The prompt field is editable for new generation
• Generate and Upload buttons are available

Error State

When image generation fails:

• The loading skeleton is replaced with an error message
• You can retry the generation manually
• Credits are not charged for failed generations

No Images

When an asset has no images:

• The thumbnail strip is empty
• The canvas displays the empty state message
• Use Generate or Upload to create the first image

---

Asset Types

The Image Editor works with different asset types, each with specific metadata:

Cast Members

Images for characters in your project:

• Metadata displayed: Name, description, voice assignment
• Typical images: Character portraits, full body shots, costume variations

Locations

Images for settings and environments:

• Metadata displayed: Name, description, location type
• Typical images: Establishing shots, interior/exterior views, different times of day

Props

Images for objects and items:

• Metadata displayed: Name, description
• Typical images: Object views, different angles, usage contexts

Inspiration

Reference images for style and mood:

• Metadata displayed: Name, description
• Typical images: Style references, mood boards, visual inspirations

---

Tips and Best Practices

Image Generation Tips

• Be specific: Detailed prompts yield better results
• Include style notes: Mention art style, lighting, mood
• Reference existing images: Describe what worked in previous generations
• Generate multiples: Create several variations to compare

Workflow Tips

• Select as you go: Mark good images immediately
• Use consistent prompts: Maintain style across related images
• Organize regularly: Move misplaced images to correct assets
• Clean up rejects: Delete images you definitely won't use

Quality Tips

• Review at full size: Use the canvas to check details
• Check consistency: Ensure images match across an asset
• Consider context: Think about how images will be used in production

---

Common Questions

Why is the canvas empty?

The canvas displays an empty state when:

• No image has been selected yet
• The selected image was deleted
• This is the first visit to a new asset

Generate or select an image to populate the canvas.

Why are some action buttons disabled?

Action buttons require a selected image:

• Select an image from the thumbnail strip first
• Generate or Upload if no images exist

Can I edit an image directly?

The Image Editor supports:

• Viewing and zooming
• Canvas annotations (similar to Keyframe Editor)
• AI-powered modifications via the Modify button

For pixel-level editing, download and use external software.

What happens when I delete an image?

Deletion is a soft delete:

• The image is marked as deleted
• The thumbnail is removed from view
• Data is preserved in the database
• Recovery may be possible (contact support)

How many images can I have per asset?

There is no hard limit:

• The thumbnail strip scrolls horizontally
• Performance remains smooth with 50+ images
• Consider cleaning up unused images periodically

Can multiple people edit the same asset?

The Image Editor operates in single-user mode:

• Changes from other users are not displayed in real-time
• Refresh the page to see updates from others
• Avoid simultaneous editing of the same asset

What does the "Offsite original" badge mean?

It means that image's original file is stored in your organization's own connected storage rather than in Genvid. Genvid displays a proxy for viewing and editing, but the original bytes stay in your storage. See Storage Connections for how your organization connects its storage. Open the Media Info dialog on any offsite thumbnail to see its current fixity status.

---

Next Steps

• Keyframe Editor - Compose keyframes using asset images
• Video Editor - Generate videos from your keyframes
• AI Models - Compare the available image generation and editing models
• Subscriptions & Credits - Understand credit usage for image generation
• Storage Connections - Connect your organization's own storage for offsite media