2007年04月22日

Signature の入れ方

質問をいただいたので、僕が写真に入れているシグネチャの作り方を。
完成例はこんな感じで。

cosmos.jpg

 
操作はすべてPhotoshop CS2での説明になりますが、他のソフトでも同様のことができるものが多いと思います。Photoshop Elementsでも、もちろん可能。画像をクリックすると別ウインドウで開きます。

まず、Signatureを作るキャンパスを作ります。背景色は何でもかまいません。ここでは分かりやすいように紫色にしました。
001.jpg


次に灰色で文字を書いて文字レイヤーを作ります。なるべく太い字が良いでしょう。
002.jpg


文字レイヤーをコピーして3つにします。名前は何でも良いのですが、ここではSIGNATURE(白)、SIGNATURE(黒)としました。
003.jpg


コピーしたレイヤーを、それぞれ白、黒っぽい色に変更します。レイヤーが重なっているので一番手前の黒文字しか見えませんが、その下に白い文字、さらにその下に灰色の文字が隠されています。
004.jpg


黒レイヤーと白レイヤーを、それぞれ1ピクセルずつずらします。ここでは黒レイヤーを右上、白レイヤーを左下にずらしています。
005.jpg


元の灰色の文字が前面に来るように、レイヤーの順番を変えます。上でずらした分、わずかに白文字と黒文字が見えています。
006.jpg


作成した文字レイヤー3つを結合します。
007.jpg


ここまででシグネチャ作りは終わりなので、この段階で一度、レイヤーを保持する形(PhotoshopだったらPSD形式)でファイルを保存しておくと良いでしょう。ここから実際の写真へのシグネチャ追加作業になります。


目的の画像に、文字レイヤーをコピーします。
008.jpg


文字レイヤーの不透明度を調整して薄くします。ここでは20%にしていますが、調整値は画像の濃さなどによるので、確認しながらどうぞ。
009.jpg


最後にレイヤーを結合します。
010.jpg


これで、できあがり♪

Trackback on "Signature の入れ方"

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

"Signature の入れ方"へのトラックバックはまだありません。

Comment on "Signature の入れ方"

けっこう手間をかけているのですね。こういうのができるプラグインがいろいろあるのでそれを使われているのかと思っていました。

うわぁ、こんなに大変なのですか。
ちょっと試してみたのですが、出来なかった(>_<)
私のはLEでちょっと古いのですが、作れるはずですよね(エレメンツも有るのですが、インストールしてないんです)
HPビルダーのロゴのように簡単に作って、透明にして、ペタンと貼れたらいいな~、と安易に考えていました。
難しい~、残念。

透明度で調整、だったのですね。
わたしも同じ手です。

文字や影の部分を選択して明るさを調節(トーンカーブとか)する、なんて想像していたのですが・・
結合の仕方に、そういう演算もありませんでしょうか(CS2)?

  •   かんかん
  • 2007年04月22日 23:22

sakichin さん、みぃこさん、手間がかかるといっても、毎回行うのは画像に貼り付けて調整するだけですから、数秒です。
Photoshop LE でもできると思いますよ。
 
プラグインは全然使っていません。僕って意外とカスタマイズせずに使っていることが多いです。
日本語入力の辞書登録もほとんどしないし。
 
かんかんさん、そういう演算、あると思います。文字部分をマスクにしてどうのこうの?
実はまだ、そのあたりは追求していないです(爆)
いろいろ試してみると良いですね。

  •   JNZ
  • 2007年04月23日 00:48

ブログのクレジットは手抜きの極致で濃度調整だけです。でも某業務サイトの作例写真には概ね同じ手法でクレジットを入れました。
文字レイヤーは一つだけでレイヤー効果の[ドロップシャドー]や[シャドー(内側)]を使ったところがはるかに手抜きですが(笑)

  •   Tpong
  • 2007年04月23日 23:39

某業務サイト、見てきました(笑)
[ドロップシャドー]や[シャドー(内側)]...そんなのがあるんですね。
初めて知りました(大爆)

  •   JNZ
  • 2007年04月24日 00:00

Post a Comment

コメントする
(HTMLタグは使用できません)
ブラウザに投稿者情報を登録しますか?(Cookieを使用します。次回書き込み時に便利です。)
  •  
  •