「史上最強の魔法剣士、Fランク冒険者に転生する」シリーズ累計145万部突破しました!

【クリスタ】動くイラストの書き出し方法やファイル形式について

【クリスタ】動くイラストの書き出し方法やファイル形式について
  • URLをコピーしました!

クリスタではイラストだけでなく「うごくイラスト」というちょっとしたアニメーションを作ることができます。

あわせて読みたい
【クリスタ】初心者でも簡単にできるアニメーションの作り方 アニメーション制作では、イラスト制作には出てこない聞き慣れないワードが数多くあり、ちょっと敷居の高さを感じてしまいます。しかしクリスタでは、イラスト用のキャンバス作成画面にある[うごくイラストを作る]にチェックを入れることで、誰でもお手軽かんたんにアニメーション制作ができます!

ん?うごくイラストってどこから書き出すの?
どのファイル形式(拡張子)で書き出すべき?

ただうごくイラストをいつも通り.jpgなどで書き出しても、アニメーションのないただの静止画イラストとして書き出されてしまいます。

亀山大河
jpgはアニメーションに対応していません!

本記事では、クリスタで制作したうごくイラストの書き出し方法について説明します。

イラストの書き出しやマンガの書き出しは別の記事で紹介していますのでぜひそちらもご覧ください。

あわせて読みたい
【クリスタ】完成したイラストを画像として保存する方法【書き出し】 クリスタで制作したイラストは「.clip」というクリスタ専用の拡張子で保存されていて、このままでは画像として使うことができません。本記事では「書き出し」という機能を使って、クリスタで制作したイラストを純粋な画像データとして保存する方法を紹介します。
あわせて読みたい
【クリスタ】入稿用にマンガを書き出す方法とその設定について クリスタでマンガの制作が完成したら次にやることが書き出しです。しかし始めての書き出しは設定項目がとても多く、初心者にはかなり高難度。入稿用はWEB用とは違い、トンボ付きで、また比較的見慣れない拡張子での書き出しとなります。今回は「入稿用」に適した設定で書き出す方法を紹介します。
亀山大河の自画像(動くドット版)
うごくイラスト
目次

うごくイラストの書き出し方法

それではさっそく書き出し方法を紹介します。

うごくイラスト書き出し方法
  • [ファイル]メニューから[アニメーション書き出し]を選択
  • 拡張子を選択してクリック
  • 保存先を選択する
  • 書き出しの設定をして[OK]をクリック

① [ファイル]メニューから[アニメーション書き出し]を選択

うごくイラストの制作が終わったら[ファイル]メニューから[アニメーション書き出し]を選択します。

ステップ①

② 拡張子を選択してクリック

書き出す拡張子を選択します。
※ 拡張子:ファイルの種類のこと

拡張子はアニメーションGF」を選んでおくのが無難です。

ステップ②

「アニメーションGIF」が無難とはいえ、他の選択肢も気になりますよね。

それぞれの拡張子について

それぞれの選択肢について、軽く説明します。

書き出せる拡張子
  • アニメーションGIF
  • アニメーションスタンプ(APNG)
  • アニメーションWebP
  • ムービー
・アニメーションGIF

昔からある画像や簡易アニメーション用の拡張子。
歴史が長いので対応していないことがほぼなく、どこでも使うことができます

他の選択肢と比べ画質が若干落ちるというデメリットはあるのですが、シンプルなイラストであれば、画質の劣化もまったく気になりません。

・アニメーションスタンプ(APNG)

APNGは近年急速にシェアを伸ばしだしている拡張子で、アニメーションGIFよりキレイです。

亀山大河
今後GIFに取って代わる拡張子になるかもしれません!

ただ比較的新しい拡張子のため、アプリなどによってはまだ対応していないことがあります。

・アニメーションWebP

WebPも近年急速にシェアを伸ばしだしている拡張子です。
画像にも対応しており「クオリティを落とさずファイルサイズを小さくする」という特徴を持っています。

ただこちらも比較的新しいため、アプリなどによってはまだ対応していないことがあります。

・ムービー

.mp4などの動画形式で書き出すことができます。
動画に特化した拡張子なので、画像のように扱うことができなくなります。

うごくイラストのような簡易的なアニメーションであれば、GIFやAPNG、WebPのほうが広い場面で使うことができます。

動画編集などで使いたい場合はこちらのほうが融通がききます

③ 保存先を選択する

拡張子を選んだら、うごくイラストの保存先を選択します。

ステップ③

④ 書き出しの設定をして[OK]をクリック

最後に、書き出し設定をして[OK]をクリックすれば完了です!

ステップ④

設定項目について、ざっくりと説明しておきます。

幅と高さは560pxにリサイズされる

キャンバスの長辺が560pxを超える場合、自動で560pxにリサイズされます。

亀山大河
元のサイズか任意のサイズに変更しましょう!

幅か高さどちらかを変えれば自動的にもう片方も変わります。

出力範囲とフレームレート

ここを操作することで、アニメーションの範囲や、アニメーションのスピードを調整することができます。

ディザリング

ディザリングにはチェックを入れておきましょう。
チェックがないと画質が荒くなります。

背景を透過

背景がないイラストの場合、ここにチェックを入れておくことで背景が透明になります。
チェックがないと自動的に白い背景になります。

書き出したイラストが動かないんだけど?

やっとこさ書き出せたのに、いざ開いてみると動かないなんてことがあります。

「ちゃんと書き出したはずなのになんで!?」

Macのプレビューで開いた例

これはイラストを開いているアプリがそのファイル形式に対応していないことが原因です。

この場合「Google Chrome」など、そのファイル形式に対応する別のアプリで開くことで対処することができます。

別のアプリで開く

背景が透過できない!

以上、うごくイラストの書き出し方法でした!

亀山大河の自画像(動くドット版)
うごくイラスト

これでアニメーション書き出しは完了したかと思います!が!

チェックを入れたのに背景が透過できてないんだけど!?

となっていないでしょうか?

これは用紙を非表示にしていないのが原因です。

用紙を非表示にして再度アニメーション書き出しをすることで、背景が透過されたアニメーションになります。

静止画だった自分のイラストが動く瞬間は感動を隠せません!

亀山大河
すこし大変ですが、いろんなアニメーションに挑戦してみましょう!

それでは、楽しいお絵描きライフを!

↓ 1話から無料で読む ↓

史上最強の魔法剣士、Fランク冒険者に転生する
史上最強の魔法剣士、Fランク冒険者に転生する

↑↑↑↑↑↑↑↑↑↑↑↑

【クリスタ】動くイラストの書き出し方法やファイル形式について

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次