文字にそれっぽいグラデーションをかけるチュートリアル

Apr 5, 2010

Fireworksを使えば、文字にだって簡単にグラデーションをかけることが出来ます。

STEP1. 文字を書きます

出来るだけ、太い書体を選びましょう。
グラデーション適用時に分かりやすくなります。

文字にそれっぽいグラデーションをかけるチュートリアル

STEP2. 【塗りオプション】をクリック

文字の色の変更ウィンドウを開くと、【塗りオプション】があるので、クリック。

文字にそれっぽいグラデーションをかけるチュートリアル

STEP3. 【グラデーション】をクリック

デフォルトでは【基本】になっている箇所を、【グラデーション】に変更。

文字にそれっぽいグラデーションをかけるチュートリアル

STEP4. グラデーションを設定して、完成!

あとは、図の様にグラデーションを設定するだけです。

文字にそれっぽいグラデーションをかけるチュートリアル

完成!

文字にそれっぽいグラデーションをかけるチュートリアル

マスク等を使用しなくても、直接文字にグラデーションをかけらるのは、とても便利ですよね。
単色じゃ寂しいな、って思ったときに、ぜひ使ってみてくださいね。

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

白坂翔
白坂翔

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

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

ファミコン動画にあわせてヴァイオリン演奏がすごい