79 アンチエイリアスオフとテクスチャを合わせた文字 | デザインってオモシロイ -MdN Design Interactive-

79 アンチエイリアスオフとテクスチャを合わせた文字

2024.4.16 TUE

【サイトリニューアル!】新サイトはこちらMdNについて


79 アンチエイリアスオフとテクスチャを合わせた文字
制作・文=ハラヒロシ((有)デザインスタジオ・エル)

To Use
XHTML
CSS
JavaScript
Photoshop
Illustrator
Fireworks
透過PNG





【1】Fireworks上で使用したい文字を入力し、テキストメニュー→“アウトラインに変換”を適用しアウトライン化する



【2】アウトライン化された文字を選択し、プロパティインスペクタの[エッジを処理しない]にしてアンチエイリアスをオフにし、さらにテクスチャで好きなテクスチャを適用して[テクスチャを半透明にする]をチェックする


【3】文字全体を選択したまま、コピー&ペーストして同じ位置に配置したら、左上方向に2~3ピクセルずつずらす





【4】[塗り]を「なし」にして[線]を「黒」に設定し、[ストロークの種類]を「エッジが硬い線」でアンチエイリアスのかからない状態にして完成だ


▼使いどころ
タイトルや見出しでちょっと一工夫欲しいときなど、通常の文字組みではなかなか使うことのない「アンチエイリアスをオフにする」、「塗りなし線のみ」という変わった組み合わせをすると新しい表現に生まれ変わる。
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在