# Hanaの動画エクスポート - Spline blog (https://spline.design/ja/blog/hana-video-exports)

> Hanaでつくったアニメーションを動画としてエクスポート

[ブログ](https://spline.design/ja/blog)

2025年6月10日

# Hanaの動画エクスポート

Hanaでつくったアニメーションを動画としてエクスポート

[Hanaを開く](https://app.spline.design)

Hanaのリリース以来、動画のエクスポートは最もリクエストの多かった機能のひとつでした。それを本日リリースします。カスタマイズ可能な設定で、Hanaから高解像度の動画を直接エクスポートできるようになりました。

## Spline Hanaから動画をエクスポートするには？

簡単です。キャンバスでフレームを選び、サイドバーパネルのメニュー、または選択したフレームのドロップダウンメニュー（3つの点で表示）から「Export video」をクリックします。

動画には、フレームのStartイベントでトリガーされるアニメーションやトランジションのアクションがすべて書き出されます。[エクスポートの設定について詳しくは、Hanaのドキュメント](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)をご覧ください。

Hanaでオブジェクトの遠近感、回転、z位置をコントロールする

## ストロークのトリミングと破線のアニメーション

ストロークのトリミングと破線のアニメーションにも対応しました。ストロークを扱う際の表現の幅が広がります。より複雑なインタラクションを組み立て、エフェクトと組み合わせて、本番環境に埋め込んだり、動画として書き出してプロジェクトで使ったりできる、見事なインタラクティブ体験をつくれるようになりました。

[app.spline.design](https://app.spline.design/)にアクセスして、SplineとHanaでつくりはじめましょう！

—

Splineチーム

[詳しく見る](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## ブログのほかの記事

[2026年11月3日Spline Arenaのご紹介](https://spline.design/ja/blog/introducing-spline-arena)[2026年10月21日Spline for ChatGPTのご紹介](https://spline.design/ja/blog/introducing-spline-for-chatgpt)[2026年8月27日Hana V2のご紹介](https://spline.design/ja/blog/hana-v2)

[Spline](https://spline.design/ja)

チームとそのエージェントのための3D・2Dエディター。Web、iOS、Androidに公開できます。

#### SplineについてAIに聞く

#### 製品

- [3Dデザイン](https://spline.design/ja/3d-design)
- [Hana](https://spline.design/ja/hana)
- [Omma](https://omma.build)
- [AI 3D生成](https://spline.design/ja/ai-generate)
- [Spline MCP](https://spline.design/ja/mcp)
- [Spline Arena](https://spline.design/ja/arena)
- [料金](https://spline.design/ja/pricing)
- [Enterprise](https://spline.design/ja/enterprise)

#### ランタイム

- [Web](https://spline.design/ja/web)
- [iOS](https://spline.design/ja/ios)
- [Android](https://spline.design/ja/android)

#### アプリ

- [ダウンロード](https://spline.design/ja/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirrorをダウンロード](https://spline.design/download-mirror)

#### 学ぶ

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ja/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [ソリューション](https://spline.design/solutions)

#### コミュニティ

- [Splineコミュニティ](https://community.spline.design)
- [Blog](https://spline.design/ja/blog)
- [更新履歴](https://spline.design/ja/changelog)
- [教育](https://spline.design/ja/education)
- [Contra](https://spline.design/contra)
- [アフィリエイト](https://spline.design/ja/affiliate)

#### 会社

- [導入事例](https://spline.design/ja/customers)
- [採用情報](https://www.ycombinator.com/companies/spline/jobs)
- [セキュリティ](https://spline.design/ja/security)

#### 法的情報

- [利用規約](https://spline.design/terms)
- [プライバシー](https://spline.design/privacy)

#### お問い合わせ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.