鏡面ロゴの作り方

Jul 5, 2010

ひと昔に流行った鏡面ロゴ、最近あまり見ないので今さら感はありますが、
Fireworksで、簡単にロゴに影をつけるやり方をご紹介します。

STEP01. ロゴを書いて、複製する

元のロゴを書いて、コピー&ペーストします。
下の図は、同じロゴが二つ重なっている状態です。

鏡面ロゴの作り方

STEP02. 拡大・縮小ツールで、複製した方を反転させる

下図のように反転させます。大きさは同じか、少し小さめにしておくのがポイントです。

鏡面ロゴの作り方

STEP03. 反転させた文字の塗りに、グラデーションを追加して完成

反転させた方のロゴの塗りを、グラデーションで以下のように設定すれば、完成です。
下図の例では、【上から下にかけて、#999999→#FFFFFF、不透明度50%→0%】

鏡面ロゴの作り方

いつものように、PNG元データをご用意しましたので、ぜひダウンロードして、確認してみてくださいね。

download the source(61KB, Adobe® Fireworks® CS4)

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

有吉の本が最低すぎておもしろい。