ヤフーブログをはじめよう♪

修正情報!!転載しても画面が崩れないように記事を修正しました。

アニメーションGIFの作成方法

[ リスト | 詳細 ]

      
記事検索
検索

全1ページ

[1]

アニメーションGIFの作成方法



アニメーションGIFって?

アニメーションGIFとは一つのファイルの中に複数のGIF画像を保存し、それらを順に表示していくことで動画を表現している。簡単に言えばパラパラマンガの要領です。

アニメーションGIFを使えば知恵と工夫で個性あふれる自作のアイコンやロゴを作ることができます。

※アニメーションGIFを作成するには元となるGIF画像が2枚以上必要となります。
アイコンを作るためのGIF画像の作成方法は別の項目で解説します。

※またYahoo!ブログで名前アイコンとして使用する場合はサイズが5KBまで、大きさが60×17ピクセル以内になりますのでご注意下さい。

今回はサンプルとしてこの名前アイコンを使って説明します。
https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_22?2007-02-06

それではさっそくはじめます。


1.まず無料で配布しているソフトを入手しますので下記のURLにアクセスして下さい。
そして下のページのダウンロードのページ。をクリックして下さい。

古溝 剛のオリジナルソフト公開ホームページ → http://homepage3.nifty.com/furumizo/

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_0?2007-02-06


2.ダウンロードのページでGiam2.05.LZHをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_2?2007-02-06


3.開くをクリックしインストールしてください。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_3?2007-02-06


4.インストールが完了するとデスクトップにアイコンが作成されているのでクリックして起動。下のような画面が表示されます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_21?2007-02-06
https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/532945/img_532945_4545877_0?2007-02-09


5.まず1コマ目に使用する画像をメニューアイコンの開くをクリック。
※コマの順番は後からでも変更できます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_5?2007-02-06


6.画像を選択し開くをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_6?2007-02-06


7.開いた画像はこの様に表示されます。2コマ目の画像からはファイルからコマの付足しをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_7?2007-02-06


8.1枚目と同じ様に画像を選択し開くクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_8?2007-02-06


9.画面はこの様になります。更に3コマ目を挿入します。ファイルからコマの付足しをクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_9?2007-02-06


10.先ほどと同じ様に画像を選択し開くクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_10?2007-02-06


11.これで3コマ目まで挿入された状態です。最後に4コマ目を挿入しますので同じ要領でファイルからコマの付足しをクリックします。


https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_11?2007-02-06


12.先ほどと同じ様に画像を選択し開くクリックします。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_12?2007-02-06


13.これで使用する4コマ全てが挿入された状態になりました。
赤枠の中が表示される順番で、色がついて選択されているコマの画像が上に表示されます。
また、コマの順番を変更したい場合は↑上移動及び↓下移動で並び替えが出来ます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_13?2007-02-06


14.次に繰り返しの設定をします。アイコンやバナーで使用する場合は繰り返して表示されているのが一般的ですので繰り返しセットの項目にチェックを付けます。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_14?2007-02-06


15.ここでウェイトを設定します。ウェイトとはコマが表示されている時間の事で、そのコマごとに設定を行います。単位は1/100秒で設定できますので1秒間の設定にしたい場合は100と入力します。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_15?2007-02-06


16.ここで設定した内容をプレビューで確認する事ができますVIEWをクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_16?2007-02-06


17.VIEW画面では実際にどの様に表示されるかを確認する事ができますので、コマの並び順やウェイトの設定などをやり直した際はこの画面でチェックするとよいでしょう。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_17?2007-02-06


18.内容に問題がなければ名前を付けて保存をクリック。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_18?2007-02-06


19.保存場所とファイル名を決定し保存をクリックして下さい。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_19?2007-02-06


20.するとGif書き込みオプション画面が表示されますがそのままOKをクリックして下さい。
※最大色数を少ない数値に設定した場合はきれいに表示されない可能性があります。

https://blogs.yahoo.co.jp/IMG/ybi/1/70/48/gogohokuto2007/folder/759223/img_759223_4299997_20?2007-02-06


これでGIFアニメーションの完成です。お疲れ様でした。





Copyright © 2007 Hokuto. All Rights Reserved.

全1ページ

[1]


よしもとブログランキング

もっと見る

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事