スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

    ニュース

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopでくもった窓に文字を書く方法

Photoshopでくもった窓に文字を書く方法

投稿日:2010年02月05日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルでは、Photoshopでくもった窓に文字を書く方法を紹介します。

Step1:はじめに

水滴が付いた窓の画像を用意してください。 私の画像を使用しても構いません。
画像を開いて、「イメージ」−「色調補正」−「彩度を下げる」を適用し、モノクロにしてください。

彩度を下げる



Step2:画像の明度を下げる

そして、「イメージ」−「色調補正」−「レベル補正」に行き、次のような設定で明度を下げてください。

レベル補正

このようになっているはずです。

結果





Step3:画像を縮小する

それでは、もう1枚画像を加えます。

例えば、ガラスの向こうの街として、夜の街の画像を加えます。
私の画像を使用しても構いません。

加える画像をキャンバスに持って行き、「編集」−「自由変形」を使って、下の画像のように縮小してください。

縮小



Step4:ぼかし(ガウス)を適用する

リアルに見せるために、「フィルタ」−「ほかし」−「ぼかし(ガウス)」を次のような設定で適用してください。

ぼかし(ガウス)

レイヤーモードをオーバーレイに変更し、不透明度を80%にセットしてください。
今、このような状態です。

レイヤーモード変更



Step5:ブラシで文字を書く

チュートリアルのメインステップへと進みましょう。
ブラシツールブラシツールを選択して、Photoshopブラシギャラリーからブラシを選択してください。

ブラシを選択

選択したら、30ピクセルまでブラシのサイズを小さくし、新しいレイヤーに黒で文字を書いてください。

文字

ブラシのサイズを8ピクセルまで小さくし、所々に小さな水の滴りを加えてください。

小さな水の滴り



Step6:テキストを強調する

テキストを強調するために、新しいレイヤーを作成し、白で塗りつぶしてください。
そして、レイヤーモードと不透明度または塗りを調整します。
私は、ソフトライト、塗りを67%にしました。

ソフトライト



Step7:完成

これで完成です

完成



引用:Web Design Library 著者:photoshopstar 翻訳:日下部

スポンサードリンク

ランダム記事5件

コメント

ご質問がございます。
今回ご紹介されている内容に関してですが、参照元サイトを確認させていただきました。

今回作成されている記事に関して全11枚のサムネイルをそのまま使用されているようですが、こちらに関してデザイナーからの許諾は取られているのでしょうか。

もし取られていないのであれば、非常に悪質ではないでしょうか。

投稿者 匿名 : 2010年02月05日 15:29


コメントありがとうございます。

本サイトに掲載されている記事は、全て参照元サイトから許可を得て日本語に翻訳し掲載しております。

今後もウェブデザインライブラリーをよろしくお願い致します。

投稿者 ウェブデザインライブラリー : 2010年03月19日 19:31





保存しますか?


2012年1月の人気記事ランキング

トラックバック

このエントリーのトラックバックURL:

このリストは、次のエントリーを参照しています: Photoshopでくもった窓に文字を書く方法:

» 「書く」を含むニュースと関連グッズの紹介 from イマナビ!News&Shopping
イマナビでは「書く」を含むニュースと関連グッズの紹介をしています。「書く」に興味があれば是非ご覧ください! [続きを読む]

トラックバック時刻: 2010年02月08日 12:18