不思議！写真の一部分だけ動くアニメーションを作ろう(3ページ目)

動かす部分を指フレームで囲む

指フレーム写真を用意します。撮影するときは、花ではなくて手（指）にピントを合わせておきます。こうすることで指の輪郭がはっきりするので、選択がしやすくなります。

この指フレームの手の部分だけを選択して切り取ります。ツールボックスで「クイック選択ツール」を選び、手の部分をドラッグして選択します。一般的な画像編集ソフトでは、輪郭に沿って自動的に選択できるツールや、クリックした地点と同じ色の領域を選択できるツールなどを使って、同様に手の部分だけを選択します。


これを［Ctrl］＋［C］のキー操作で手をコピーします。「編集」メニュー→「コピー」でもOKです。次に、先に作成しておいたアニメーション用画像に［Ctrl］＋［V］で貼り付けます。「編集」メニュー→「ペースト（貼り付け）」でもOKです。 「移動」ツールを選び、貼り付けた手の写真をドラッグして、見せたい（動かしたい）部分を指フレームの中に収めます。それに合わせて手の画像を囲む枠の角を［Shift］キーを押しながらドラッグして、縦横比を保ちながら大きさを調整します。

調整が終わったら、枠の下に表示される［確定］ボタンをクリックして調整結果を適用します。

指フレームと1枚目の写真を1枚のレイヤーに結合します。まずツールボックスで「自動選択」ツールを選び、オプションバーで「隣接」にチェックを入れて、指フレームで囲まれた部分をクリックして選択します。

次に「選択範囲」メニュー→「選択範囲の反転」を選びます。こうすることで指で囲まれた以外の部分が選択範囲になります。
「レイヤー」パネルの一番上にある指フレームのレイヤーを、1番下の「背景」レイヤーの真上にドラッグします。

指フレームのレイヤーを右クリックして「下のレイヤーと結合」を選びます。すると、1番目の写真と指の写真が1枚のレイヤーに結合します。

選択範囲はそのままの状態で、［Ctrl］＋［C］または「編集」メニュー→「コピー」でコピーします。続けて2番目のレイヤーを選択します。「編集」メニュー→「選択範囲内へペースト」を選びます。

すると見た目にはわかりづらいですが、コピーした1番目の写真の背景と指フレームの部分が、2枚目のレイヤーに貼り付きますが、指フレームの内部には2枚目の写真がそのまま残っています。

画像編集ソフトによっては貼り付けることによってレイヤーが追加されるので、その場合は下のレイヤー（ここでは2番目の写真のレイヤー）と結合しましょう。

同様に3番目のレイヤーを選択して「選択範囲内へペースト」します。これを8番目のレイヤーまで繰り返します。

次のページでは、再編集できるように保存し、さらにブログなどで活用するためにGIFアニメーション形式で書き出します。