ざらついた質感のアナログ風フレーム | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて
いまのあなたに必要なチカラと技を身につけよう

デザイン上達の秘訣とルール


イメージを自在に操るためのデザインの秘訣

ハードなフレームでWebページを際立たせる ざらついた質感のアナログ風フレーム

完成作品

制作・文 mo(OiL)
e-mail modsgn0039@yahoo.co.jp
使用ソフト Photoshop 7.0/CS2


この画像のつくり方

1まず、Photoshopで新規ファイルを作成したら、背景を黒で塗りつぶした。続いて、横書き文字ツールで文字を入力して、背景を作成。さらに、編集メニュー→“自由変形”で、少し傾きを加え、サイズなどを調節して配置した1-1

1-1
1-1


2続いて、新規レイヤーを作成し、ブラシツールを選択したら、白で中心を大まかに塗 りつぶす。続いて、“ぼかし”→“ぼかし(ガウス)...”フィルタで塗りつぶした白い部分の縁をぼかした2-1。このとき、ダイアログの[プレビュー]にチェックを入れ、画面を確認しながら値を決めるといいだろう。さらにここで、このレイヤーを[描画モード:ディザ合成]としておく2-2

2-1
2-1

2-2
2-2


3次に、壁の画像を用意してPhotoshopで開き、工程2で作成した白い枠のレイヤーの前面に配置した3-1。これを、コマンド+Iキーで階調を反転し、さらに[描画モード:覆い焼き(リニア)]に変更することで、全体にざらついた質感を与えた3-2

3-1
3-1

3-2
3-2


4工程3で配置した壁の画像の前面に新規レイヤーを作成したら、ブラシツールを選択。仕上げに描画色を白にしてペンキの滴りを描いた4-1

4-1
4-1

>>「色鮮やかなグラデーションの画像加工」を見る


『MdN』2009年2月号表紙

本記事は『MdN』2009年2月号(vol.178)からの転載です。
特集のすべての記事は誌面でお読みになれます。

月刊『MdN』掲載記事号の情報はこちら
楽天ブックスで買う
amazon.co.jpで買う

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

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在