Entries
2021.02/26 [Fri]
連載「GIFアニメと私」第７章－長い列車アニメの作り方
「GIFアニメと私」第７章は、前回の列車が走るGIFアニメーションの作り方のつづきです。
前回は、下のようなアニメーションの作り方を説明しました。
モデル長良川鉄道観光列車「ながら」の動くイラスト
GIFアニメーションフリー素材
春のブログ素材
今回は下のように長い列車のGIFアニメーションの作り方を説明します。
モデル観光列車３６ぷらす３(ＪＲ九州)と桜島
動くイラストフリー素材GIFアニメーション
説明を簡単にするために横幅４００ピクセルの場合で説明します。
【１】．背景画と走らせる列車のイラスト(透過素材)を用意します。
今回は下の３つで説明します。
Ａ 町のイラスト ４００×７０ピクセル
Ｂ 観光列車３６ぷらす３のイラスト４００×３９ピクセル
前半分
Ｃ 観光列車３６ぷらす３のイラスト４００×３９ピクセル
後ろ半分
【２】読み込み位置の指定
前回同様ホームページビルダーのウェブアニメクリエーターでの作り方で説明します。
ＡとＢの画像をソフトによみこませるまでは前回と同じです。
しかし、読み込み位置は、下のように「右下」を選択します。
【３】．順番入れ換え
前回と同じように列車の画像を右クリックして「アニメーション効果」→「左から右へ」選択して、その後列車コマの順番を入れ換えます。
下は入れ換え後の状態
【４】．Ｃ画像挿入
最後のフレームの後ろの空白にカーソルを移し、右クリックして「画像の挿入」
【５】．位置調整
Ｃの画像を挿入します
すると真ん中の位置に入るのでマウスでぎりぎりまで下げます
【６】．位置決めについて
この位置がずれていると全体がつながらなかったり、背景がずれたりするのでここは慎重に１ドットも狂わないように位置決めします。
【７】．アニメーション追加
その後は一つ前の画像を選択して右クリック→アニメーション追加→「右から左」
ここでは普通通り「右から左」を選択します。秒数とコマ数は【３】のときと同じ。
説明のためコマ数を少なくしていますが、実際は２秒８コマぐらいあったほうがアニメらしくなります。
【８】．ダブり削除
すると下のようになりますが、だぶっているコマが二つあるので削除します
【９】．アニメーション追加
最後のコマを選び、【７】と同じことをします
【１０】．同じようにダブりのコマを削除します
【１１】．消去の変更
全部のコマを選択して右クリック→「プロパティの一括変換」で消去方法を「フレームが表示される前の画像」にします
【１２】．背景コマの処理
最初の背景コマを選んで、右クリック→プロパティ→消去方法を「そのまま残す」に変更します。
【１３】．完成
プレビューで動作確認して、ファイル→適当な名前をつけて保存
以上で列車GIFアニメーションの作り方講座を終わります。
「GIFアニメと私」は、ひとます、ここで一区切りですが、今後何か書きたいことが出て来たら続けます。
ここまでの第１章から第６章まではこの下のリンクを。
動くイラスト３０００点以上を無料ダウンロードできるサイトはこちら
↓
鉄道イラスト1500点以上の目次ページはこちら
鉄道コムへのリンク
- 関連記事
-
- 連載「GIFアニメと私」第７章－長い列車アニメの作り方
- 連載「GIFアニメと私」第6章－鉄道アニメの作り方－
- 連載「GIFアニメと私」第5章-イラストアニメや前面展望アニメ
- 連載「GIFアニメと私」第４章
- 連載「GIFアニメと私」第３章
- 連載「GIFアニメと私」第２章
- 連載「GIFアニメと私」その１
Re: 小太郎さん
拍手コメントもありがとうございます。
イラストはご自由にお使いください。
メールだと機種によっては動かない場合もありますが
その場合は静止画をお使いください。