Fireworks で Web 2.0 風のページ画像を作る

こちらの写真は、当サイトをキャプチャーして、Fireworks にて加工したもの。

Fireworks では、簡単な操作でこのような画像も作れますので、ぜひお試し下さいませ。

まず、画面をキャプチャーしてきて、Fireworks に貼り付けます。

こちらの画像は、当サイトの画面をキャプチャーして貼り付け、サイズを300pxに縮小しました。

次に、画像を選択した状態で、傾斜ツールをクリックします。

画像は上記写真のような形で、黒い枠に囲まれます。

続いて任意の形に画像を変形させていきます。

最初慣れが必要ですが、慣れると思うとおりの画像が作れると思います。

上記のように形をずらしていくと、以下の画像に仕上がります。

様々な Web Site でこのような画像を見かけますよね＾＾

続きまして出来上がった画像をコピー＆貼り付けを行い、当初画像の下に移動します。

このままですと、形がおかしいですので、こちらも傾斜ツールにて画像の形をそろえます。

綺麗に画像がそろいました。

次に『コマンド』→『クリエイティブ』→『イメージのフェード』を選択します。

こちらの画面で、右上の画像(上から下にかけて透明になっていく)を選択し、『OK』をクリックします。

以下の状態が出来上がります。

この画像の状態で縦に伸びた棒を移動させることで、影の分量を調整します。

今回調整したのは以下のような形です。

最後に『キャンパスをフィット』をクリックして完成です。

簡単に出来ますので、ぜひ試してみてくださいませ。