GIF アニメの作成

1
2009 年 6 月 25 日(木)AM I 先生
GIF アニメの
アニメの作成(アットマくんで使用)
(まず場面ごとの画像を準備します。文字の色を変えて 2 個作成)
1、PictBear を開く
2、「ファイル」→「新規作成」→サイズを設定して「OK」
・・今回は(幅)140px×(高さ)70px
3、色パレット
左上をクリック
背景用の色を選択「OK」
4、左側のバケツ(塗り潰しボタン)をクリック・キャンバス上をクリック
5、左側の A(文字列ボタン)をクリック
キャンバス上の
移動ボタンをクリ
この辺りをクリック
ックして文字の位
6、文字を入力。フォント・サイズを設定して「OK」の後
置を調整する
7、右下のレイヤーパネルの「文字列レイヤー」を選択
8、「選択範囲」→「不透明部分の選択」をクリック
9、カラーパレットの左上をクリック・・・文字の色を選択して「OK」
10、
「編集」→「塗り潰し」
11、
「選択範囲」→「選択範囲の変更」→「拡張」でふちどり分のサイズを設定「OK」
(3px ぐらい)
12、レイヤーパネルの「レイヤーの作成」ボタンをクリック
13、カラーパレットの左上をクリック・・・ふちどりの色を選択して「OK」
14、10、と同じ・・・「編集」→「塗り潰し」
15、レイヤーパネルの ↓ 背面に移動ボタンをクリック(選択解除する)
16、一旦 PictBear で保存
17、レイヤーパネルのイメージの統合ボタンをクリック(統合の場合はどのレイヤーを選択していても可)
18、GIF 形式で保存するには
「イメージ」→「イメージタイプ」→「インデックスカラー」をクリック→「OK」
19、
「ファイル」→「名前をつけて保存」
ファイルの種類は「GIF」
20、このファイルは閉じる・・・・(1 個目を作成)
【2 個目の作成】16、で保存した PBX のファイルを開く
21、レイヤーパネルで「文字レイヤー」を選択
22、8~10 と同じ
23、レイヤーパネルでふちどり用のレイヤーを選択
24、8~10と同じ
25、念のため PBX で保存(省略も可)
26、17~19と同じ
2
2個の GIF アニメの
アニメの画像を
画像をアニメーションする
アニメーションする
2
1、「ホームページビルダー」→「ツール」→「ウエーブアニメータ」を開く
2、「アニメーションウィザード」をクリック
3、「複数の画像を使用してアニメーション作成」をクリック
「次へ」
4、「画像の追加」をクリック
3
5、画像を選択して開く(複数まとめて選ぶ時は Ctrl を押しながら)
6、表示順を変えたい時は画像名をクリックして
「上」又は「下」で調整して「次へ」
7、
中央をクリックして「次へ」
8、無限か有限を選択・・有限の場合回数・秒数を設定して「次へ」
9、プレビューで確認して速い又は遅い場合は「戻る」
4
10、表示時間を調整して「'次へ」
11、
「完了」
12、
「ファイル」→「名前をつけて保存」・・出来上がり
保存の種類は「gif」
出来上がったファイルは
Windows Picture and Fax Viewer で確認する。
7
11
8