あなたの興味を広げる話題を。

【GIFアニメの作り方】ペットの動く画像も『LICEcap』で簡単に作れる!

2019年06月29日
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など 0

FC2ブログゆうらりハッピースマイル』の管理人Mです。今回は「動く画像」の作り方について書こうと思います。

ぐるぐると立体的に動く「クレジットカード」のGIFアニメーション

動く画像というのは、「GIFアニメーション」のこと。SNSブログには、などペットの写真を載せるのが流行っていますね。その中で、GIFアニメを使った動く画像をよく見かけるようになりました。

ペットの可愛らしさを表現するには、単に写真を載せるよりも動いていたほうが効果的なんです。

GIFアニメって、SNSブログに使ってみたいのだけど、作り方がわからなくてつい敬遠してしまいがち。実は、とっても簡単に作れるんです。

そこで、今回は「GIF」についての簡単な説明とGIFアニメを作るのに役立つ便利ツールをご紹介します。

SNSブログにはもちろん、FC2ブログGIFアニメファイルアップロードできますので、FC2ブロガーさんにもご活用してもらえると幸いです。

スポンサードリンク

そもそも「GIFとは」何?呼び方は?

GIFとは、「Graphics Interchange Format」の頭文字をとって付けられた名称で、画像ファイルフォーマットの種類のひとつです。
ちなみに、GIFの呼び方は「ジフ」と発音します。

GIFと動画の違いは?

よく、SNSなどを中心にネット上では「GIF画像」といったものを見かけます。なかには動画のように動いている画像を見ますが、動画とは違うのでしょうか?

実は、動画とは違います。GIF画像には『GIFアニメーション』という機能があります。GIFは、複数の画像をひとつにまとめることで「パラパラマンガ風」に近いアニメーションを作ることが出来るんです。

形式上は画像なのに、まるで動画のように見えるのはこれが理由だったんですね。
Webサイトでは「動くバナー広告」などをよく見かけますが、これもGIFアニメーションで作られています。

『LICEcap』はPC画面や動画を簡単にGIFアニメーション化できる便利ツール

前置きがすこし長くなりましたが、GIFアニメーションを作るのにとても簡単な便利ツールが『LICEcap』です。

LICEcap』とは、軽量のPCデスクトップ録画をGIFアニメーション化するフリーソフトウェアです。

パソコンの画面をキャプチャーして、動画操作手順などを簡単にGIFアニメーション化できるので、ボクもとても重宝しています。

もちろん、フリーソフト便利な機能が満載なのに無料で使えるなんて、とてもありがたいことですね。

LICEcapの特徴

  • タイトルフレームが挿入できる
  • サイズの設定が簡単にできる
  • 詳細設定(経過時間の表示、リピート回数指定、マウスクリック時にエフェクトなど)ができる

導入手順

GIFアニメ化ソフトは、持っていても決して損にはなりませんので、さっそく導入手順を見ていきましょう。

『LICEcap』をダウンロード

まずは、下記のサイトから『LICEcap』をダウンロードします。

GIFアニメの作成ツール LICEcap

>>LICEcap

LICEcapのダウンロード画面

場所は、ページの下の「DOWNLOAD」をクリックして、指示に従いながらインストールします。

『LICEcap』画面に表示される語句の説明

『LICEcap』の難点は、日本語表示じゃないこと。しかし、意味がわかれば後の使い方は簡単です。

そこで、LICEcap画面に表示される語句の説明を一覧にしておきますので、ご参考にして下さい。

Max FPS

フレームレートの設定。

この数値が大きくなるとGIFをアニメが滑らかになります。しかし、あまり大きくするとファイルサイズが大きくなりますので要注意。

通常のGIFアニメなら「10」前後に設定すると良いと思います。数値については、それぞれ作る内容によって試してみてください。

Size

録画エリアのフレームサイズを決めます。直接数値を入力するほか、マウスでウインドウの大きさを変えることも可能です。

Record

このボタンを押すことで、ファイル名を決めたり、各種オプションを指定する画面に移動します。それぞれの設定が終わったら、「保存」ボタンで録画がスタートします。

なお、録画は3秒後にスタートします。フレーム左下に「3.2.1」とカウントダウンがされますので、録画のタイミングには注意して下さい。

Pause

録画の一時停止ボタン。テキストフレームが挿入できます。

Insert

このボタンを押すと「Insert text frame」のウインドウ画面が開きます。①文字の入力と表示期間(Duration)②透過度合い(Alpha)を指定することができます。

unpause

一時停止の解除ボタン。再び録画がはじまります。

Stop

録画の停止。GIFアニメが出力されます。

LICEcapのオプション設定

次に、Recordボタンを押したあとに移動するオプション設定の語句です。

LICEcapのオプション設定画面

title frame

GIFアニメにタイトルを付けすることができます。しかし、半角英数字のみが可能。日本語は文字化けしてしまうようです。

sec

タイトルの表示時間が指定できます。

Big font

これにチェックを入れることで、タイトル表示が大きくなります。

elapsed time

経過時間を右下に表示させることが出来ます。何かの手順や流れを表現するような場合に便利かもしれませんね。

mouse button press

マウスをクリックするとエフェクトをかけることが出来ます。GIFアニメで画面操作を説明する場合に便利です。

Control+Alt+P pauses recording

「Ctrl」+「Alt」+「P」ボタンで録画の一時停止が可能になります。同じ操作で録画を再開します。

.GIF repeat count [0=infinite]

これでGIFアニメのリピート回数が指定できます。「0」にすると無制限にリピートされます。

Use .GIF transparency for smaller files

GIFを透明化することで、ファイルを小さくする機能ですが、10秒ほどの動画だとあまり効果はないようです。

実際に「わんちゃん」の動画でGIFアニメを作ってみた

以上の説明をもとに、「わんちゃん」の動画を使ってGIFアニメを作ってみます。

LICEcapの操作例 動画でGIFアニメを作成

このように、動画の上に録画エリアのフレームを重ねます。なお、フレームレートは5に設定。10だと動画っぽく滑らかに動きますが、今回は5にしてみます。

出来上がったのがこちら。

わんちゃんのGIFアニメーション

ちゃんと出来ましたね!簡単でした(^^)

おわりに/アップロードの前に「GIFアニメのファイルサイズを圧縮」しましょう

最後に「GIFアニメの小技」をひとつ。GIFアニメが出来たら、アップロードする前にファイルサイズを圧縮しましょう。

▼GIFファイルを圧縮できる便利ツールはこちら。

>>オンラインでGIFとアニメーションGIFを圧縮

無料で使えるオンラインツールなので便利ですね。これを使えばかなり軽くなりますよ。

あわせて読みたい
スポンサードリンク
関連記事

コメント 0件

コメントはまだありません
未分類 (0)
胃がん(ブログ、闘病記録、胃癌ニュース、私の症状など胃ガン情報全般) (5852)
┣  胃がんブログ (247)
┣  よりぬき 胃がんブログ (16)
┣  胃がん闘病記・日記 (5540)
┣  胃がん手術後の食事記録 (6)
┣  胃切除後の料理など (33)
┗  がん治療のクラウドファンディング (10)
胃がん History (83)
┣  ステージ3B 多発性高度リンパ節転移胃癌 (57)
┗  胃がん再発「転移性肝がん」で余命宣告 (25)
がん のこと(ガン情報全般) (441)
┣  がんブログ (246)
┗  がんニュース (195)
胃がん 障害年金ブログ (71)
┣  障害年金 - 準備編 (23)
┣  障害年金 - 審査から年金受給まで (12)
┣  障害年金 - 審査請求・不服申立 (26)
┗  障害年金 - 再審査請求 (10)
Amazon (ニュース、お得なセール情報など) (132)
┣  Amazonセール (2)
┗  📱kindleセール (129)
おもしろグッズ (9)
今日のエッセイ (73)
ニュース・芸能・話題 (662)
恋愛・人間関係 (20)
終活ブログ (10)
グルメ (45)
胃切除後の食事・レシピ (670)
┣  ご飯・おかゆ・和食 (174)
┣  おかず (139)
┣  味噌汁・スープ (73)
┣  カレー関係 (66)
┣  パン・洋食 (63)
┣  麺類 (113)
┗  その他、簡単レシピなど (39)
ブログ (207)
┣  FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など (172)
┣  Google Adsense (アドセンス) (8)
┣  趣味や将棋のこと (26)
┗  ファッション (1)
iPhone の使い方・アプリなど (27)
司法書士 (26)
┣  仕事・実務や登記のこと (1)
┗  事件ファイル (25)
COLLECTION (26)
┣  家電 (11)
┣  ホーム&キッチン (4)
┣  ビューティー&ケア (4)
┣  QOLの改善&ヘルスケア (2)
┗  お酒 (5)