立体感で魅せるクールな文字演出 | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

いま、この時代に欠かせない技とは? 知識とは?

プロとしてのデザイン
必修の技、一流の鉄則



文字を積み重ねたような処理が目を引く
立体感で魅せるクールな文字演出

立体感で魅せるクールな文字演出

制作・文 ドルバッキーヨウコ[D-design]
URL http://www.dholbachie.com/design/
使用ソフト Photoshop CS2/CS3




1まず、Photoshopの新規ファイルを開き、背景レイヤーを黒で塗りつぶす。次に、新規レイヤーを作成し、横書き文字マスクツールでテキストを入力したら、出来上がった選択範囲内を白で塗りつぶした 1-1 。その後、レイヤーメニュー→“レイヤースタイル”→“ベベルとエンボス...”と“ドロップシャドウ...”を任意の値で実行する 1-2

1-1
1-1

1-1

1-2
1-2


2続いて、選択範囲を保持したまま文字のレイヤーを複製し、選択範囲メニュー→“選択範囲を変更”→“拡張...”を[拡張量:10pixel]として適用 2-1 。レイヤーパネルで背面のほうの文字のレイヤーを選択し、描画色を薄いグレーに変更して、編集メニュー→“塗りつぶし...”を実行する 2-2

2-1
2-1

2-2
2-2


3今度は、薄いグレーのレイヤーを複製し、工程2と同様の手順で選択範囲を拡張 3-1 。さらに、描画色を濃いグレーに変更してから、レイヤーパネルで背面にあるほうの薄いグレーのレイヤーを選択し、先ほどと同じ要領で塗りつぶす 3-2

3-1
3-1

3-2
3-2




4最後に、文字のレイヤーをすべて統合し、長方形選択ツールや移動ツールなどで一文字ずつ位置を調整すれば完成だ 4-1

4-1
4-1




>>INDEXへ
>>「重厚感のあるハードな写真演出」の解説を見る



本記事は『MdN』2010年2月号(vol.190)からの転載です。
『MdN』2010年2月号(vol.190)表紙


楽天ブックスで買う

そのほかには下記のような記事が掲載されています。
(クリックすると画像が大きく表示されます。)
『MdN』2010年2月号(vol.190)、p030-031 『MdN』2010年2月号(vol.190)、p040-041

特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら!

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在