投稿日：2010年07月27日　　　レベル：初級者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshop（フォトショップ）とImageready（イメージレディー）を使って、太陽のアニメーションを作る方法を紹介します。

• Step1 ： 夜明けの画像に太陽を描く
• Step2 ： 太陽が空にのぼるようにマスクする
• Step3 ： 朝焼け色のレイヤーをつくる
• Step4 ： アニメーションをつくる
• Step5 ： 完成

暗い夜明けのように見えるように、「フィルタ」−「描画」−「照明効果」を適用したものです。

新規レイヤーを作り、円を描きます。
太陽っぽく輝かせます。

太陽を描いたレイヤー上で右クリックし、「新規スマートオブジェクトに変換」を選択します。
これにより、これから作るマスクは動かなくなります。

レイヤーの右下にアイコンが出てきます。
レイヤーがスマートオブジェクトであることを表しています。

レイヤーにマスクを追加します。

新しくマスクを選択し、ブラシツールに切り替えます。
不透明度を30%くらいに低く設定しておきます。
太陽と山が重なっている部分は完全にマスキングし、山からはみ出ている部分はマスクを少しだけにしておきます。
これにより、アニメーションをかけたときに、太陽が昇るにつれて明るくなるように見えます。

参考までに、私のレイヤーはこのようになっています。

新規レイヤーを作り、描画モードをカラーに変えます。
再びブラシツールを選択し、明るいオレンジ色で写真の空や木や岩を塗っていきます。
不透明度は0%に設定しておきます。

「ウィンドウ」−「アニメーション」を選択します。

アニメーションを作るには、アニメーションパレットでフレームを複製し、太陽レイヤーを少しずつ上げていきます。
私は、11レイヤー作りました。
6番目からオレンジ色のレイヤーの不透明度を2〜3%ずつあげていきます。

オレンジレイヤーの不透明度の例です。

アニメーションで太陽が動き、色が変化します。

アニメーションをクリックすると、再生して確認することができます。
「ファイル」−「web用に保存」で、「.gif」の拡張子で保存します。

引用:Web Design Library　著者:Lombi　翻訳：なかけん

スポンサードリンク