写真を使った２コマの『GIFアニメーション（動画）』の作り方を紹介します。
今回は JTrimというフォトレタッチソフトと
GiamというGIFアニメーション作成ソフトを使います。
いずれも無料ですので宜しければダウンロードしてみて下さいね。
こういう画像を作ってみます。
ネコの手が動いているみたいに見えますね？（微妙な動きですが・・・。）
JTrimを使って元画像を作成する。
��
まず、元になる画像を撮影します。
背景処理が大変になりますので、出来たらこのように無地の場所で撮影される事をお勧めします。
��
画像の余計な部分をカットします。
1)JTrimを起動し、ファイル⇒開くで元画像を開きます。
2)画像の上でドラッグして必要な部分を枠で囲みます。
3)図の赤い四角で囲んだ「トリミングボタン」をクリックすれば、画像がトリミングされます。
4)ファイル⇒名前を付けて画像を保存します。
��
1)�△妊肇螢潺鵐阿靴寝菫�をファイル⇒開くで開きます。
2)図の赤い四角で囲んだ「ミラーボタン」をクリックします。
＊「ミラーボタン」とは鏡で映したように画像を左右反転してくれるボタンです。
3)ファイル⇒名前を付けて画像を保存します。
Giamを使ってGIFアニメーションを作成する。
��
1)Giamを起動し、ファイル⇒コマの付け足しでJtrimでトリミングした画像を開きます。
＊この時、ファイル⇒開くで画像を開かないでくださいね。
2)続いて、ファイル⇒コマの付け足しでJTrimで左右反転した画像を開きます。
��
コマを全て付け足したら、「全部選択」ボタンをクリックします。
コマ全てが青く反転されます。
��
右側の『ウェイト有り』にチェックを入れ、[ウェイト1/100s]の所を「100」にします。
『消去手段』は「背景色でつぶす」にします。
・ウェイト・・・画像の入れ替わる「待ち時間」。
[ウェイト1/100s]で速度を指定します。
名前アイコンを点滅させる時などにはココを10くらいに設定します。
・消去手段・・・『現在選択のコマが表示され、次のコマに移るときにどのように
現在の表示画面を消去するか』という事。
私はいつも「背景色でつぶす」にしています。
��
図の赤い四角で囲んだ右向き▲をクリックすると、作成した画像をプレビュー出来ます。
ココで画像の動きを確認して、気に入らなければウェイトの速度などを変更して下さい。
��
ファイル⇒名前を付けて画像を保存します。
最後に『Gif書き込みオプション』という小窓が出て来ますので、
「パレットは個々に持つ」を選択し、『最大色数』は「256色」に設定します。
『OK』をクリックすれば、GIFアニメーションの出来上がりです！
もう少し使用する画像を増やせば、以下のような画像も作成する事が可能です。
是非お試しくださいね。
|
プリリンさん＞いらっしゃい！
解りやすいのなら何よりです。。
コレ、出来るようになるとブログの楽しみも広がると思いますので是非チャレンジしてみて下さいね。
転載＆傑作ポチありがとうございました！
2009/6/19(金) 午後 0:54
すご〜い。とっても勉強になります。がんばってトライしてみようかな。ポチ！
2009/6/24(水) 午後 5:11
ひろりんさん＞ありがとうございます！
是非頑張ってみて下さいね。。
傑作ポチありがとうございました！
2009/6/24(水) 午後 9:25
ありがとうございます。
早速、やってみたいと思います。
＼(^o^)／
[ 蒼井 優 ]
2009/6/24(水) 午後 10:12
蒼井 優さん＞ハイ、是非試してみて下さいね。。
2009/6/24(水) 午後 10:23
ﾟ｡*★お は (｡･∀･)ノ よ う★*｡ﾟございます
試験的に試してみました。あおいさんの指示通りにやったら、で・き・た〜。ありがとうございます。┏○ﾍﾟｺ
楽しみ〜。
2009/6/25(木) 午前 8:04
保存して開いても動画ぽくなってません。ただの写真なんですが・・・・
画像のプレビューのときは動いたんですが。
2009/6/25(木) 午前 8:26
ひろりんさん＞おはようございます！
おお〜〜〜！
出来ましたか？
是非見てみたいです〜！
2009/6/27(土) 午前 10:36
ひろりんさん＞保存してペイントなどで開いても動かないんですよ。
試しにそのファイルをブログにアップして「確認ボタン」を押してみて下さい。
ちゃんとプレビューで見た通り動くはずですよ！
2009/6/27(土) 午前 10:38
このソフトは使っています！とても便利ですものね♪
まだまだ使いこなせていませんが。。。＾＾；
ぽち〜☆
[ - ]
2009/7/20(月) 午後 0:52
こんな高度な事が出来るでしょうか？
でも挑戦してみたいです！！
ポチ☆
2009/7/21(火) 午後 10:01
知恵袋読んでここに来ましたGiamの使い方の勉強したいと思いますので転載させてください 傑作ポチです
2009/7/23(木) 午前 10:30
はじめまして<(_ _)>
とても参考になる記事です♪非公開書庫に転載させて
勉強させていただきます。ポチっと★
2009/8/2(日) 午後 3:50
こんにちは
です！
この技も覚えたいので、転載させてくださいね。
ポチ
2009/8/8(土) 午後 11:05
すごい技です。
丁寧でわかりやすいです。
めっちゃ勉強になります。
ぜひ、転載させてください。
[ - ]
2009/9/24(木) 午後 2:12
今まで自己流にＵＰしていたけど
正式なのでトライしてみたいので
転載させてね
ポチッ☆
2009/9/27(日) 午後 10:28
参考になりました。ありがとうございます。
[ pekon. ]
2009/9/27(日) 午後 11:41
転載させていただきます。☆ポチ
2010/1/2(土) 午後 11:20
転載させていただきます・傑作ポチ(^^)
2010/1/29(金) 午前 10:18
転載させていただきます・傑作ポチ(^^)
2011/1/30(日) 午後 6:19