ぺぺろぐR

多分制作備忘録

Fireworksで簡単・キレイにドロップシャドウ付袋文字

スーパー初心者向けの内容です。

袋文字ってのはチラシなどで使われている輪郭に別の色をつける装飾のことですね。
袋文字 - Google 検索

文字色 黄色・輪郭 赤とかにしちゃうとLet's大売り出し!!!…になっちゃうんですが今回は白輪郭にドロップシャドウつけた控えめなやつです。ちょっと見づらい背景のキャッチコピーなんかにかけると、雰囲気をあまり損ねず可読性を確保できますね。

ていうか解説するほどもないけど…ていうかcss3でできちゃうやつだけど………だけど………

Fireworksのバージョンはcs6です。

つくりかた

f:id:magpepen:20131217212129j:plain
お好きなテキストをいっちょ準備します。太いほうが見やすいかも。

f:id:magpepen:20131217212645j:plain
フィルターの「Photoshopライブ効果」の「線」にチェック
適当なサイズ(今回は6)、位置:外側、塗りは白にしてOK

f:id:magpepen:20131217212915j:plain
次にフィルターの「シャドウと光彩」→「ドロップシャドウ」でドロップシャドウをかけます。
↑くらいの控えめな濃さ・サイズが無難かも。

f:id:magpepen:20131217213104j:plain
はい、出来上がり。

ちと薄すぎてわかりにくいですね。

輪郭部分は「シャドウと光彩」→「光彩」や、文字自体に線をつけたりでもできますが、ボケが汚かったり調整が面倒だったりなのでPhotoshopライブ効果で。

あと、Photoshopライブ効果でドロップシャドウもつけちゃえば早い気もしますが、個人的に後々調整しやすいので、Fwのドロップシャドウでやってます。ただの好みの問題かもですが…

おまけ

f:id:magpepen:20131217213157j:plain
こんな感じに加工するとあったかぽかぽかぽいかな。
オレンジ系のグラデーションかけて、内側に光彩で黄色系の色をうっすら入れてます。

こういうのをごりごり直感的にできるのがFireworks楽しいです。