フリーランスデザイナーが自由なライフスタイルを実現するための新しいブログの活用法や個性的がほとばしるブログにするためのPhotoshopを使ったデザインのチュートリアルなどを公開中~。

photoshopで結露のしたたる曇りガラスに指で文字を書いたような表現をするチュートリアル

photoshopで曇りガラス

雨上がり、車の窓から外を眺めているような表現をするために、photoshopで曇りガラスを作成する工程曇っていないガラス&指文字を作成する工程の2つの工程で説明します。

結露のしたたる曇りガラスを作成する工程

photoshopで加工したい画像を開く。(今回は900pixel×570pixel 解像度72pixel)

解像度

フィルターのぼかし(ガウス)で結構ガッツリぼかす。

ぼかし(ガウス)

選択ツール(ぼかし100px)で中心を丸く囲い選択範囲を反転。(※中心を薄く離れるほど強くフィルター効果をつけるため)

選択

フィルターは変形のガラスを選び数値を調整。

フィルターガラス

水滴のテクスチャーを開きドラッグしてレイヤーを重ねる。テクスチャーはこちらを使用。

テクスチャーをドラッグ

水滴テクスチャーのサイズを調整したら、描画モードをオーバーレイにして明るくなりすぎたら少し明度を落として調整。

オーバーレイと明度

水滴テクスチャーレイヤーを複製選択ツールで水滴のツブ以外の部分を選択。選択したら境界線を調整ボタンを押す。

複製して選択

半径調整ツール(ブラシみたいなやつ)で画面全体をなぞって境界線を数値で調整。

境界線を調整

選択部分を切り取ったら、描画モードをスクリーンに変更し、不透明度で明るさを調整したら背景以外のレイヤーを統合

スクリーン統合

これで水滴の先端が白くなり立体感が出ました。

水滴

ここで統合し作成した曇りガラスレイヤーは一旦非表示にしておく。

曇っていないガラスと指文字を作成する工程

今度は曇っていないガラスレイヤーを作成するため、背景を複製し、選択ツール(ぼかし80px)で中心を丸く囲い選択範囲を反転

非表示

フィルターは変形のガラスを選び数値を調整。

フィルターガラス

新規レイヤーを作成ブラシ(黒)などで指文字や袖で窓を拭ったような感じで描く。

ブラシ文字

レイヤーの順番を ↓ 画像のように入れ替え最前面に持ってきた曇っていないガラスレイヤーにクリッピングマスクを適用。

  • ① 曇っていないガラスレイヤー
  • ② 指文字&袖で窓を拭ったようなレイヤー
  • ③ 曇っている水滴ガラスレイヤー

クリッピングマスク

さらに不透明度95%にし、明るさ・コントラストを調整

明るさコントラスト調整

photoshopで曇りガラスに指文字が完成!

関連記事:フォトショップでフワフワ・フサフサな動物の毛を表現するブラシの活用方法。

スリームデザイン無料の公式メールマガジン スリームデザインのメールマガジン

関連記事

Wordpress日本語テーマのまとめ
個別ブログ相談会
photoshop日本語チュートリアル
ブログラ

スリームデザインの出版書籍情報

photoshopの本

fotoliaデザインコンテスト大賞受賞作品の解説

tenコレクションデザインコンテスト

スリームデザインおすすめの書籍

本 本本 本

スリームデザインとソーシャルで繋がろう!

 
 
 

カテゴリー