アニメーションgif ゆれるキーホルダー2
基本の画像が出来上がったら・・・
パラパラにするために何枚かの画像を作ります
まず・・レイヤーをクリックしてレイヤー名を変更します
名前は後でわかるように 下 とでも付けておきます・・・
(名前は自分でわかればいいので適当で大丈夫)
レイヤー名を変更したら レイヤーの上で右クリック → レイヤーを複製
複製したレイヤー（下 コピー）をクリックして青くしたら 編集 → 自由変形
枠の真ん中にある 基準点（回転の中心） 
を上にドラッグして移動させます
この基準点を中心に回転します
キーフォルダーをかけている釘の位置 ってイメージの所に移動させます
基準点の位置と画像の回転の関係・・・
表示された枠の角にマウスを近づけて 
カーソルがコレになったら左右に動かします
基準点を中心に回転します
そしたらピグ画が左ギリギリの位置までまで回転させます
OKなら「はい」 で・・ レイヤーの名前を 左2 に変更します
下のレイヤーをクリックして青くしてから・・
ふたたび右クリック → レイヤーを複製
複製したレイヤーをクリックして青くしてから・・ 編集 → 自由変形
またまた・・先ほどと同じ位置に基準点を移動させて・・・
下と左2の間辺りに回転させます・・・
振り子運動になりますので・・ 下と左2の中間より 左2に近い位置がいいです・・
位置が決まったらレイヤー名を 左1 に・・
同じようにして右側の右2と右1も作って・・全部で5枚出来ました
レイヤーの順番は最後に1枚づつ表示させて保存しますから・・どうでもかまいません・・
アニメーションでは 下→左1→左2→左1→下→右1→右2→右1→下 の繰り返しになります
動きをスムーズにするのでしたら左右3枚ずつ合計7枚作ればベストです・・
わたしのバナーやこのブログで配布しているアメーバのペタボタン
は7枚で作っています
左2以外のレイヤーの右にある□をクリックしてチェックを外します
チェックを外したレイヤーは見えなくなります
左2の画像だけが見えるようにしてから・・
名前を左2として保存します
このとき・・透明を使っていますからファイル形式はPNGで保存します
あとで順番がわかりやすいファイル名を付けてください
左2のチェックを外して左1にチェックをつけ 左1の画像を保存します
同様に全部の画像を1枚ずつ保存して・・5枚の画像を作ります
↓こんな5枚の画像が完成しました・・・
左2
左1
下
右1
右2
次はこれらの画像でアニメーションGIF画像にします・・
つづく・・・・
もう一手間・・・
ヘッド画像を作る1 タイトル Cool Text ココでロゴを作って・・
一番下のレイヤーに貼り付けます（たとえばレイヤー名をロゴとします）・・
別にロゴでなくても背景画像でもいいのですが・・ 固定された背景の上で動くイメージになります
1枚づつ画像に保存するときに・・ロゴと下のレイヤーにチェックを入れて 下画像を保存・・
ロゴと左2のレイヤーにチェックを入れて 左2 の画像を保存・・
全部の画像それぞれにロゴも加えて保存すると・・・・アニメーションにしたとき
こんなん出来ます・・・サイドバーにあるわたしのバナーはこうやって作ります
ちなみに・・あめぶろ工場は一番下にレイヤーで
釘は一番上にレイヤーを置いてます・・釘に引っかかっているように見えますか？
釘のレイヤーを一番上におくことで・・
キーフォルダーのリングがその下に隠れて引っ掛けているように見えます・・
色々工夫して作ってみてくださいな・・・・
・・・レイヤーってスッゴク便利でしょ
慣れたら作業が簡単になります
これが 「Pixlr」 http://www.pixlr.com/ を紹介した理由です