mirror of
https://github.com/storytold/effectcraft.git
synced 2026-10-30 21:16:52 -06:00
Sources: crates/engine/src/menus.rs (EffectCraft > Settings... on macOS, lines ~475-495; Edit > Preferences [!mac], ~658-675), crates/project/src/render_queue.rs (RenderQueueItem.render defaults to true), issue #613 (RTX 5060 Ti comment), docs/web.md (browser private storage). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
33 lines
1.6 KiB
Markdown
33 lines
1.6 KiB
Markdown
---
|
|
title: Make your first composition
|
|
description: Create a composition, add a text layer and save the project as an .ecproj file.
|
|
order: 10
|
|
verified: 0.8.0
|
|
---
|
|
|
|
Choose **Composition ▸ New Composition...**, set the size, frame rate and duration, click **OK**, then add layers from the **Layer ▸ New** menu. Shortcuts below use Ctrl on Windows and Linux. On macOS, use Cmd.
|
|
|
|
## Steps
|
|
|
|
1. Choose **Composition ▸ New Composition...** (Ctrl+N). On the Home screen, click **New Composition** instead.
|
|
2. In the dialog, type a **Composition Name**. The default is `Comp 1`.
|
|
3. Pick a **Preset**, or set **Width**, **Height**, **Frame Rate** and **Duration**. The presets include `HDTV 1080 24`, `UHD 4K 25` and `Social Media Square · 1080x1080 · 30 fps`.
|
|
4. Click **OK**. The composition opens in the Composition panel and the Timeline.
|
|
5. Choose **Layer ▸ New ▸ Text**. A text layer appears at the top of the Timeline.
|
|
6. Add more layers from **Layer ▸ New**: **Solid...**, **Shape Layer**, **Null Object**, **Adjustment Layer**, **Light...** and **Camera...**.
|
|
7. Choose **File ▸ Save** to save the project.
|
|
|
|
Projects are saved as `.ecproj` files. An `.ecproj` file is readable JSON, so it also works with version control.
|
|
|
|
## Change the settings later
|
|
|
|
Choose **Composition ▸ Composition Settings...** to change the name, size, frame rate or duration. The dialog has **Basic**, **Advanced** and **3D Renderer** tabs.
|
|
|
|
## Learn in the app
|
|
|
|
The in-app tutorial **Animate a title** walks through a similar title animation. To open it, choose **Help ▸ In-App Tutorials...**.
|
|
|
|
## Next
|
|
|
|
[Animate with keyframes](animate-with-keyframes.md).
|