メガネフレームショップ曽我：ソガネットドットコムBLOG

下の写真を見て気が付くことはありませんか？
別に何の変哲のない商品写真じゃないか？と思われるかもしれません。

実はこれは105mmマクロで撮影した写真です。
普通マクロレンズで写真を撮ると下のような写真になります。
（こっちのほうがいいとかいう突っ込みは無しの方向で・）
マクロレンズでこの角度からの写真はどんなに絞り込んでも、
隅々までピントが合うということは不可能です。

商品撮影のプロはPC-E Nikkorなどのアオリが出来るレンズを使って
接写なんだけど隅々までピントの合った写真を撮ります。
しかし、そのような特殊なレンズは３０マソもするので手が出ません。

Photoshopの最新版、ＣＳ４には新しい機能として「被写界深度の拡大」
というのができるようになりました。
ピント位置が異なる複数の画像を組み合わせて全体にピントの合った画像を作る「被写界深度の拡大」は、それぞれの画像からピントの合った部分だけを自動的にマスク処理して1枚の画像に合成する機能。 ということなのですが、ＣＳ４っていったって１０マソもしますので、皆さんどーぞというわけには行きません。

そこで、Photoshop7.0でやってみたのが上の写真です。
詳しい作成方法は面倒なので省略しますが、
ピントの異なる複数の写真をレイヤーで重ねて、ピントの合ったところだけ合成するだけなので、
比較的簡単です。ＣＳ４がなくても腕があれば大丈夫（笑）。
以前、ＨＤＲソフトを使っていなかったとき、手動で露出コンポジット合成をやっていましたが
そのフォーカス版とでもいいましょうか、名付けて「フォーカスコンポジット」っていうか。
特に複雑な機能は必要ないので、エレメンツでも同じように出来ます。

どっちにしろ、三脚とレリーズを使ってぶれないようにきっちりとフォーカスをずらした複数の写真を撮るのが一番大事です。露出やホワイトバランスが変わらないようにライティングをきちっとして、フルマニュアルで撮影。

上の写真はクリックすると拡大します。
よ～く見ると、合成が甘いところもありますのであしからず。

写真の商品は当店で販売中！
アイシード　IS-50307-040
詳細は下記バナーをクリックしてください。

昨日の続き。・・てか、おまけ。

5枚をPhotomerge、非HDR.。

ホームページを作成する方はバナーや画像に文字を入れたりしますよね。
その場合画像編集ソフトでフォントを入力していれるわけですが、
文字のスペーシング（並び方）よって
その見え方がちがってくるというお話です。

そのまえに、こんなことをしなくても「MS Pゴシック」などの
プロポーショナルフォントにすれば自然で、美しい文字の並びが表現できますし、
フォトショップなどのソフトではフォントの設定で詳細な設定をすれば
自然で美しい文字の並びを簡単に得ることができます。

が・・・・しかし、せっかく苦労して作ったキャッチコピー、
できることなら「魂」を込めたい。
そこで、アナログな方法論で手動で文字のスペーシングと
視覚修正をしてみたいと思います。

短い装飾的な、たとえばタイトルロゴなどを作るときは
これから話す基本を覚えておけば役立つと思います。

まず下の図をご覧下さい。
文字の形状の違いによって視覚イメージが変わってくるという見本です。

さらに下の図をご覧下さい。
文字を横組みにするとき、スペースが均等にバランスよく見えるようにするには
どう詰めていくかの見本です。

では、実際の手順です。（画像編集ソフトはフォトショップエレメンツを想定しています）
まず、フォトショップのツールバーの「A」と書いてあるアイコンをクリックして
文字を等幅フォント（例　MS 明朝）にしてそのまま打ち込みます。
これではスカスカでわかりにくいです。

そこで、上2つの画像の基本を踏まえて、四角い文字は小さく、
丸い文字は大きくします。そのためには
一文字づつ選択して、フォントサイズをコンマ単位で修正します。
そうしましたら、フォントのレイヤーを[ラスタライズ]して、上記のスペーシングの
基本をふまえつつ一文字ずつ炬形範囲選択して移動ツールで移動させます。
マウスではなくキーを使うとやりやすいです。
三角の文字は上にずらし、逆三角形の文字はしたにずらし、
横のスペーシングは四角と丸は近づけ、丸と三角は出来るだけ近づけ、
三角と逆三角は食い込ませ、三角と四角は近づけます。四角と四角はそのままです。

きっちりやらなくてもすこしくらいずれてもそれでもいいと思います。
感覚的に視覚的にバランスをとるようにします。
少しファジーな文字の並びが自然でいいような気がします。

う～ん・・少し、文字に力が無いので、パワーアップします。
ガウスぼかしをかけてレベル補正の中間調スライーダーを右側にスライド。
そのままではボケてるので、明るさとコントラストをアップします。
さらにアンシャープマスクをかけて、色調を整えて出来上がり。

なんか、実際に声が聞こえて来るように感じませんか？

最終的にはこのコピーの内容に合った写真を撮影して文字を乗せます。
それはまた後日・・・・・・・。

フォトショップで欠かせないのが「レベル補正」です。
ところが、全体的に掛けると掛けたくない部分までかかってしまうので、
部分的に掛けたい。そんな場合どうするか、その方法のご紹介です。
本来なら「レイヤーマスク」を使うのですが、エレメンツにはその機能が
ないですし（機能があるバージョンもあるかもしれませんが・・・。）
めんどうなので、調整レイヤーにあるレイヤーマスクに
グラデーションツールとブラシツールを使う簡単な方法です。
画面はphotoshop7.0ですが、各バージョンのエレメンツでも
だいたい同じと思いますのでご了承下さい。

１．まず、上の写真が元画像です。出来上がりをイメージして、
おおよそのプランを立てます。
フレームのテカリとレンズの反射、画面下部分をもう少しだけ
締まった感じにしてみようと思います。

２．レイヤーパレットを表示させ、「調整レイヤーを新規作成」ボタンを
クリックして「レベル補正」レイヤーをつくります。
レベル補正の中間調スライダーを右のほうににスライドさせて
暗くマイナス補正して階調を作り出します。
これでは全体的に暗くなってきつい印象になります（上の写真）ので、
次のステップに移ります。

３．「レベル補正」の右側にレイヤーマスクサムネイルがありますが、
何もしないと白くなっています。白い部分は調整レイヤーの効果が
かかってるという意味です。部分的にかからないようにするには
ここを黒く塗ります。
レベル補正レイヤーをアクティブにして、グラデーションツールから
白黒グラデーションを選び、画面上からドラッグします。そうすると
画面下から徐々にレベル補正の効果が現れてきます。
元画像と比べて上のほうは変わらずにいままで明るく薄かった
下の部分が濃くなったのが分かります。（上の写真）
ただ、これだけではメガネ上の部分は元のままです。
で、次のステップです。

４．ブラシツールの描画色を白にして太めでエッジのボケたブラシに設定し、
補正したい部分、フレームのテカリとレンズの反射部分を塗りつぶします。
これで塗りつぶした部分にレベル補正がかかりました。
最後にレイヤーの透明度でかかり具合を調整し、もう一度全体の
レベル補正をして画像を整えます。
なお、この方法はレベル補正のみしか使ってないので、画質も劣化しません。

左が元画像、右が修正画像。フレームのテカリとレンズの反射、
画面下部分が締まった感じになりました。
非常にびみょーですが、わかるでしょうか？一見どこが変わったか分からないけど
全体の印象がどことなく違うという程度にするのが極意（笑）です。

各画像をクリックすると大きくなります。
戻るときはブラウザの戻るボタンで戻ってください。

カラーの画像をモノクロにする場合、どうしていますか？

フォトショップなどで彩度を落とすだけなんてことはしていませんでしょうか？

それだと、のっぺりとした立体感のない画像になってしまいます。
特に彩度の高い赤などはグレースケールにすると周りの色と見分けが
付かなくなって平面的になってしまうからです。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

　フォトショップでの説明です。（エレメンツでも可）

１．まず、「レイヤー」パレットの「調整レイヤー」から「色相･彩度」を
選んでひとつ調整レイヤーを作ります。
さらにもうひとつ「色相･彩度」のレイヤーを作って2段重ねにします。

２．上のほうの「色相･彩度」を彩度を－100にし、グレースケールにします。

３．下のほうの「色相･彩度」を「編集」をレッド系にして「明度」を落とします。
カラーのときレッドだった部分が濃くなります。
さらに「編集」をイエロー系にして「明度」を上げます。
カラーのときイエローだった部分が明るくなります。他のカラー系も同様に調整します。
つまり、カラーだったときの色系別に明るさを調整できるわけです。

４．・・ですが、いまいちモノクロが青っぽいというか温かみがありません。
そこで、黒を温かみのある黒に変えます。

５．以下やる前に１～３の行程を終了後、レイヤーをすべて統合してください。

６．「レイヤー」パレットの「調整レイヤー」から「レベル補正」を選んで
ひとつ調整レイヤーを作ります。
「チャンネル」からレッドをえらび、ほんの少しだけ真ん中の▲を
左にスライドさせて赤みを増します。
さらにブルーチャンネルの真ん中の▲を右に移動させて黄色っぽくします。
そうすると温かみのある墨色みたいな黒になります。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

以下、作例です。びみょーに変えてあるので良く分からないかもしれませんが、
実際はレッタッチしすぎずに、どこが変わったんだ？という程度で押さえておくのがコツかもしれません。

カラー画像（ちなみに、去年割烹旅館室町さんから依頼があって撮影したときの写真です。新潟の郷土料理「のっぺ」です。）

ただ単にグレースケールにしただけの画像、えびの模様やにんじんがあまりハッキリしていません。

加工後の写真：えびの模様やにんじんの質感が戻りました。モノクロの色も少し青みが抜けて温かみがあるように感じます。

アートな写真をめざす場合はもっとコントラストのある感じに仕上げたほうが良いかもしれません。

ご質問がありましたら、コメント下さい。自分だったらこうやるとかでも結構です。分からない用語等は検索でお調べ下さい。