---
title: "打开第一块画布"
description: "从导入素材、生成图像、创建 frame 到预览动效，跑通最短路径。"
locale: "zh"
section: "Start"
updated: "2026-06-22"
source: "https://flare.design/zh/docs/open-your-first-canvas"
---

# 打开第一块画布

从导入素材、生成图像、创建 frame 到预览动效，跑通最短路径。

> 分类: 开始

[HTML](https://flare.design/zh/docs/open-your-first-canvas) | [Markdown](https://flare.design/zh/docs/open-your-first-canvas/index.md)

当你只是想快速试一下 flare.design，不需要先设计完整流程，可以按这条路径开始。

## 你会做出什么

先从一个很小的交付物开始：一段可以变成社媒图、产品 teaser 或评审 MP4 的短视觉场景。第一版建议刻意收窄范围：

| 部分 | 建议                             |
| ---- | -------------------------------- |
| 画幅 | 一个 frame、一个比例、一个短场景 |
| 视觉 | 一张上传或生成的主图             |
| 文案 | 一个标题和一句辅助文案           |
| 动效 | 一个入场想法，再导出一个评审版   |

第一段场景成立后，再继续加更多 frame 和变体。

## 从一个项目开始

打开 app，新建项目，把第一块画布控制在很小的范围内。一个合适的第一项目通常只需要一张主图、一个标题、一句辅助文案和一个简单动效想法。

项目名建议描述交付物，而不是描述实验。例如 `Launch teaser 01` 会比 `Test` 更容易在之后找到。

## 加入第一层视觉素材

你可以从上传图片、生成图片或粘贴素材开始。先把主体放到画布上，确认比例和裁切，再添加文字。

推荐顺序：

1. 把主图或参考图放到画布上。
2. 围绕要发布的区域创建 frame。
3. 调整视觉的尺寸或裁切，让主体在目标比例里清楚可读。
4. 添加标题，再添加辅助文案。
5. 把额外参考素材移到导出 frame 外，保留参考价值，但不进入最终视频。

如果你是生成图片，先把结果放进 frame 里比较，再继续 refine prompt。单张图看起来好，不代表加上文字、裁切和动效后仍然成立。

## 提前预览

画面有两三个图层时就可以预览。预览的目的不是最后检查，而是尽早发现节奏和层级问题。

第一版动效要保持简单：

- 先让主体出现。
- 等主体读清楚后，再出现辅助文字。
- 不要让所有图层同时运动。
- 用正常速度看预览，再调整 timing，最后再补细节。

如果画面太忙，复制一个 frame，在副本里简化，不要直接覆盖原方向。

## 导出评审版

当构图已经可读时，就可以导出一个短 MP4，即使它还不是最终稿。离开编辑器看一遍文件，最容易发现字号太小、对比度弱、裁切别扭或播放速度下才会出现的节奏问题。

评审版是用来做决定的，不只是最终交付前才导出。最终导出应该留给已经通过快速评审的版本。

## 第一块画布检查清单

- 项目名清楚。
- Frame 使用计划发布的比例。
- 主体在第一秒内已经可见。
- 文字在手机尺寸下仍然可读。
- 参考素材放在导出 frame 外。
- 已经在编辑器外看过一次 MP4 评审版。

## 继续创作

准备好之后，打开 [app.flare.design](https://app.flare.design)，在项目面板里创建第一块画布。