回答がなかなか終わりません・・
キーホルダーできましたか？
たぶん思ったより簡単に出来ると思います・・
コメントを閉じているので「出来たよ～」ってコメントが聞けないのがさびしいです・・
今日・・だいぶ回答したのですが・・
まだ・・200件近く残っています
ボチボチと回答していくので申し訳ありませんがお待ち下さい
ほんとうにすみません m(_ _)m
アニメーションgif ゆれるキーホルダー3
アニメーションgif ゆれるキーホルダー2
画像が出来ましたらウェブ上で加工してくれるサイトを使ってアニメーションGIFにします
いくつものサイトがありますが・・・
一番キレイにできているGIFアニメ工房さまで説明します・・
（ちなみに全部同じ画像を使ってアニメーションGIFに加工しています・・）
GIFアニメ工房 http://gif.animegif.net/anime/
5枚で作成した場合
7枚で作成した場合
パタパタアニメ自動作成 http://charaku.maxs.jp/PATAANI/pata000.html
http://picasion.com/
http://gickr.com/
http://gifmake.com/
http://gif.animegif.net/anime/
ループ回数は無限に繰り返しますから 0 回のままで・・
アニメ間隔の設定無効化 は・・ はじめはチェックしないでそのままで・・
アニメ間隔 画像のパラパラ動く間隔時間です 300～400 程度かな？
あとで変更できますので適当でかまいません
（別のサイトでは画像1枚づつ間隔の時間を設定できるところもあります）
透過色指定
画像を作るときすでに透過していますので必要ないはずなんですが・・
背景を透過していない場合で透過させたいときに背景色を指定します
↓いよいよ画像を順番にアップしていきます・・順番を間違えないようにしてください
今回は5枚の画像ですから・・下-左1-左2-左1-下-右1-右2-右1 になります
↑アップし終わったら[GIFアニメ作成]ボタン・・・
完成したGIFアニメをみてOKならダウンロード（画像の上で右クリックはNGです）
↑もし・・動きがおかしかったらアニメ間隔を変更してから[GIFアニメ作成]ボタン・・・
OKならダウンロード・・・
コチラでは11枚までしか画像をアップできません
5枚で作る場合は・・ 下-左1-左2-左1-下-右1-右2-右1 の8枚でいいのですが・・
7枚の画像を動かす場合・・・
下-左1-左2-左3-左2-左1-下-右1-右2-右3-右2-右1 と・・
12枚必要になりますが・・11枚しか使えません そんなときは・・
一旦・・下-左1-左2-左3-左2-左1-下-右1-右2-右3-右2 の11枚で
アニメーションGIF画像を作ってダウンロードしておきます
最初の画像（写真画像01）に今作ってダウンロードしたアニメーションGIF画像を指定します
2枚目の画像（写真画像02）に残っている 右1 の画像を入れてから
アニメ間隔の無効化にチェックを入れてアニメ間隔を先ほど作ったときと同じに設定してから
[GIFアニメ作成]ボタン・・・
もし・・つながり方がおかしな場合は・・
アニメ間隔の無効化にチェックを外してから[GIFアニメ作成]ボタン・・・
別に最初に11枚でアニメーションGIFを作らなければいけないわけではありません
10枚でアニメーションGIFを作ってあと2枚追加でもOK・・ 自分のわかりやすい方法でトライください
あとは・・出来上がった画像を自由に使ってください
ちなみに・・・・ アニメーション画像の2番目 パタパタアニメ自動作成の
写真自動加工 さま http://charaku.maxs.jp/
いろんな写真の加工が簡単に出来ます
タイトルロゴなんかもキレイなのが作れますよ・・・・
アニメーションgif ゆれるキーホルダー1
アニメーションgif ゆれるキーホルダー2
アニメーション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/ を紹介した理由です