# Storyboarding using a grid

Here’s a step-by-step guide on how to create storyboards using grids on Morphic:

1. Create a starting frame\
   a. Open the Canvas and either upload a reference image or generate an initial frame using a detailed prompt\
   b. Ensure the subject, environment, and lighting are clearly defined, as this starting frame anchors the entire grid

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2Fa2iTLVcxDxfGDHqgnjUA%2FCleanShot%202026-01-13%20at%2012.23.52%402x.png?alt=media&#x26;token=b166c6a1-080b-4224-8b59-9a62c64dd534" alt=""><figcaption></figcaption></figure>

2. Generate the 3×3 cinematic grid\
   a. Select the starting frame in the Canvas\
   b. Paste the following prompt into the prompt bar

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FWjEHok6uSYELQFyp7IMp%2FCleanShot%202026-01-13%20at%2012.25.16%402x.png?alt=media&#x26;token=37d563c4-703d-4c59-94f5-69740fba21dd" alt=""><figcaption></figcaption></figure>

```
Analyze the full composition of the input image to identify the primary subject, focal point, or architectural space. 
Determine the spatial relationships, lighting hierarchy, and textures. Using these exact elements, generate a 3x3 cinematic contact sheet with 9 distinct camera shots. 
The framing must adapt naturally to the subject type. If it is a person/group, maintain identity. If it is a space or object, maintain structural integrity.
Row 1: Context and Scale
- Extreme Long Shot: A vast view showing the subject or architecture minute within the wider environment/landscape.
- Long Shot: The full view of the subject (head-to-toe) or the complete architectural structure/room from floor to ceiling.
- Medium Long Shot: A balanced composition showing the primary subject with significant background context (e.g., American Shot or architectural 3/4 view).
Row 2: Core Focus
- Medium Shot: Framed to capture the central mass of the subject or the core function of the space, balancing detail with context.
- Medium Close-Up: Tighter framing on the most expressive part of the subject (e.g., chest-up) or a specific furniture arrangement/architectural feature.
- Close-Up: Isolating the primary focal point (e.g., face, headlight, or intricate design element) to capture emotion or craftsmanship.
Row 3: Texture and Perspective
- Extreme Close-Up: Macro focus on a specific texture, material, eye, or minute detail, blurring all context.
- Low Angle Shot: Captured from ground level looking up to emphasize height, dominance, or ceiling details.
- High Angle Shot: Captured from above, looking down to reveal layout, floor plans, or vulnerability.
Constraints:
Maintain strict consistency across all nine panels. The subject matter, textures, environment, and lighting must remain unchanged.
Depth of field should adjust naturally: use a deep focus for wide shots and a shallow depth of field (bokeh) for close-ups.
The result must be a professional 3x3 cinematic storyboard grid.
Generate an image in 4K resolution.
```

c.  Click Generate to create a single image containing nine distinct camera shots

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FjhLfA0zfRHdbMXix1C49%2FCleanShot%202026-01-13%20at%2012.27.33%402x.png?alt=media&#x26;token=4771fbd0-3f63-436e-b55b-c5e8649b0164" alt=""><figcaption></figcaption></figure>

3. Extract individual storyboard frames\
   a. Select the 3×3 grid image\
   b. Paste the following frame extraction prompt to separate the 3x3 grid into individual frames

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FwMj9vABrMK8DpTigqZAV%2FCleanShot%202026-01-13%20at%2012.28.29%402x.png?alt=media&#x26;token=d3029f4d-ffae-4e12-a658-77993ef1bb4a" alt=""><figcaption></figcaption></figure>

```
Extract every frame from the 3×3 grid and output each one as a single, separate image.
```

4. Use the extracted frames to add motion, pacing, or transitions

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FgUsj7J5GCMQYAWzxS4Xl%2FCleanShot%202026-01-13%20at%2012.30.35%402x.png?alt=media&#x26;token=b9a8643d-e225-4f16-b63c-474b659cfd4d" alt=""><figcaption></figcaption></figure>

That’s how you use grids for storyboarding on Morphic. This helps you plan how a scene will look across shots in a clear and structured way.

***

If you have any trouble or have any questions, feel free to reach out. We're happy to help, write to us at [**support@morphic.com**](mailto:support@morphic.com)**.**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://morphic.com/docs/how-tos/storyboarding/storyboarding-using-a-grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
