LOTTIEからPDFへ
デザイン概要書用に、Lottieアニメーションの開始時のポーズを1ページのPDFにします。動きは省略され、透明な部分は白地で描画されます。
フォーマットの比較と技術仕様
| 仕様 | LOTTIE | |
|---|---|---|
| MIMEタイプ | application/json | application/pdf |
| タイプ | ベクターアニメーションJSONファイル | ドキュメントコンテナ |
| 圧縮 | なし（JSONデータ表現） | Flate / JPEG / JBIG2 / CCITT |
| 標準仕様 | Lottie アニメーション形式仕様書 | ISO 32000-2:2020 |
| マジックバイトヘッダー | 7B 22 76 22 3A ({"v": - Lottie JSON version) | 25 50 44 46 (%PDF) |
フォーマットの概要と用途
インターフェースチームはこの静止画を実装概要書に貼り付けられますが、イージングやタイミングを確認する開発者には元のLottieプレーヤーが必要です。
技術仕様とコーデックの内訳
LottieのJSONをサンプリングしたGIFにレンダリングし、PDF変換処理でそのGIFの最初のフレームを読み込んでPNGとして埋め込みます。キャンバスの背景には白を使用します。
OSとブラウザの互換性
Webやアプリのワークフローで使うLottieプレーヤーでは、ベクター構成のアニメーションを表示できます。PDFリーダーでは、選択された静止フレームをプレゼンテーションやレビュー用メモに表示できます。
役立つ情報
書き出し前に、アニメーションのインポイントを表示したいポーズに設定してください。その開始時にサンプリングされたポーズが静止画ページになります。
フォーマットの比較と技術仕様
1080×1080のLottieアートボードは、150 dpiで7.2×7.2インチの静止画レビュー用ページになります。
よくある質問
PDFには動きのキーフレームが含まれますか？
LottieはGIFのフレームにレンダリングされ、最初のGIFフレームのみがPDFに転送されます。
透明な構成が白地で表示されるのはなぜですか？
LottieからGIFへの変換では、サンプリングした各フレームを描画する前にキャンバスを白で塗りつぶし、PDFにはその最初のフレームを使用します。