新人Webデザイナに贈る！美人/タレント素材の創り方：一撃デザインの種明かし（11）（3/3 ページ）

» 2010年06月02日 00時00分公開

　写真だと肌の質感とてもクッキリ写ってしまうことがありますが、Photoshopのぼかしツールやスタンプツールを使って、補正できます。ぼかしツールを使えば大体消えます。

　写真は自分が思っているより変に写ったりもします。そのため、「体のラインをきれいに見せてください」という指示が来ることもあります。そんなときは、スタンプツールなどを使用して細くしましょう。そこまで頻繁にあるわけではないですが、そこそこあります。

　Webコンテンツを作る前に、使いたい写真を選別し事務所に確認を出しますが、選んだ写真がNGになる場合があります。そんなときに備え、予備の写真もいくつか選んで出しましょう。

　事務所に確認に出す写真は、画像補正をする前のものが多いです。しかし、そのままで出すとNGなのが、補正されてキレイになっている写真だとOKになる可能性はあります。ちょっと変な顔だけど、使いたいから目立っちゃってるシワを消して出したりすると、意外とOKが出るかもしれません。

ポイント　「使いたい写真を優先的に」

予備カットも含めたくさんの写真がある場合は、すべて補正していると、時間もかかります。そういったときは、特に使いたい写真を優先的に補正しましょう。OKになる可能性がより高くなります。

どうしても使いたい写真があったら、「気になる」「突っ込まれそう」なポイントは先に補正して確認に出すようにしましょう。

　これまでは、あらかじめ用意された写真素材の扱い方を紹介してきましたが、Web用に素材を撮影する機会が得られることもあります。続いては、Web用写真素材の撮影ポイントを紹介します。

　撮影では、ディレクターをはじめ、ほかの人がその場を進行管理してくれる場合もありますが、デザイナとしても事前準備は入念にしたいところです。周りの人と連携しながら、しっかり準備して臨みましょう。

　撮影前に、何を撮りたいのか、必要なカットをリストアップします。そのとき、イメージの共有のためにコンテを用意しましょう。コンテは、手描きの絵や、ポージングした写真などを撮り、作ります。それぞれのコマには、撮影に必要な枚数・衣装・小道具・背景・ポージングの内容・使う用途などを書き込みます。

　出来上がったら、事前にタレント事務所やクライアント、カメラマンなどに確認を依頼しましょう。

カヤックで実際に使っている、コンテ用のテンプレート

　撮影場所の背景や広さ、照明などの設備も事前にチェックしましょう。背景は、撮影後の写真を切り抜く作業や補正の画像処理を考慮して、“白ホリ”（被写体の背景となる壁面・床面に境目がないように、白い塗装で曲線を描いて作られた壁面）が好ましいです。衣装が白い場合には別の色を用意してもらいましょう。

　「画像処理に不向きな背景だったために、切り抜き作業に時間を奪われる！」いうこともよくあるので、ここはしっかりおさえましょう。

　撮影場所に十分な広さがない場合、撮影機材の配置が難しいことがあります。また、照明設備も、写真の仕上がりに大きく影響が出るところなので、カメラマンと相談し、必要なカットを撮影するために不足がないかしっかり確認しておきましょう。

　時間が限られたタレントさんを撮影する場合、CM撮影やスチール撮影も一緒に行われることも多いです。そういった場合、Web用の撮影は時間が限られてしまうこともあります。事前にタレントさんの撮影時間を確保しておきましょう。

　実際に撮影に入る前に、タレントさんに、コンテを使って内容の説明をします。写真の用途、必要なカットと被写対象（全身なのか、バストアップなのか）、撮影の流れも把握してもらうとスムーズです。

　タレントさんによっては、“決め”のポーズがあったりもするので、「元気に」「クールに」「◯◯っぽく」など欲しいイメージも伝えておくと、アドリブで幅を広げてくれる時もあります。

　スタッフの多い撮影現場では、タレントさんに指示を出す指示系統は1人に絞るのがポイントです。指示系統が複数になると混乱を招き、撮影のテンポが下がるので、タレントさんのテンションも下げてしまいかねません。

　「実際にデザインに落とし込んでみたら、イメージと違った。NGが出て使えない！」ということがないように、“おさえ”のカットもいくつか撮影しておきましょう。左右反転ができないタレント写真は左右のポーズでおさえておくのもポイントです。

　さあ、これで撮影は、ばっちりです。ウキウキワクワクのWebコンテンツを作りましょう！新人デザイナの皆さん、がんばってください！

＠IT関連記事

画像とコードの触媒Flash Catalystについて語りますと
WebとUIをつなぐトリックスター（3）　先月発表があったアドビの新ツールFlash CatalystとFlex Builder 4を実際に使ってみた。その感想とアドビ社員たちが語ったことを紹介しよう
デザインハック＜リッチクライアント 2008/12/26

デザイナだからこそ作れるUXに企業が注目している
D89クリップ（14）　Illustratorのプロダクトマネージャに聞く、Illustrator CS4の面白い機能やFlash Catalyst、デザインの未来。Fireworksがあれば、Illustratorは要らない？
デザインハック＜リッチクライアント 2009/12/21

ワークフローを変えるFlex 4とFlash Catalystの基礎
Flexフレームワークで変わるRIA開発の現場（1）　先日、日本語版が販売開始されたAdobe CS5の新しい中核を担う、Flex 4のフレームワークとFlash Catalystを解説する
「リッチクライアント＆帳票」フォーラム 2010/5/31