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

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での購入はこちら
定期購読はMdN Squareで!



 
 




この記事をチェックした人はこんな記事も読んでいます。

  • 【MdN】

    グラフィック表現の技、まるごと全部教えます!

  • 【MdN】

    Photoshopプロセスノート/写真にドットを重ねて表現するグラフィカルなイメージ

  • 【MdN】

    ここでしか読めない“プロ領域”のグラフィックの技!

  • 【MdN】

    あなたのデザインがみるみる良くなる64の手法

おすすめの記事

  • 【Web デザイン】

    Webレイアウトの『解法』

  • 【web creators】

    卓越したWEBビジュアル表現のエッセンス

  • 【web creators】

    印象どおりのWEBをつくるデザイン見本帖

出版物のアフターケア

MdN の求人情報

ログイン

メールアドレス
パスワード

  • MdN編集部 ブログ課 MdN BLOG β
  • MdN書籍部の編集日記
  • MdNメールマガジンの登録・解除
  • 世界のガジェット総合ポータル ガジェットギャラリー