あたらしい写真の楽しみを発見し、発信する。KurodaTweetPocket前回に引き続き、映画のカラースキームの話です。今回は、二つほど映画のカラースキームを知るためのヒントを得られるサイトをご紹介。そのサイトの色合いをPhotoshopなどで再現する方法です。カラーコードを元に再現する。カラーコードから色を選択する。今回の流れ映画ならではのカラーニュートラルに撮っている映画ももちろんあるのですが、ニュートラルに思えるものでもやはり何かしら写真で言うところの色調補正は入っています。昔は映画もフィルムの時代だったので、フィルム毎の特色もありますよね。現在でも、フィルムで撮影する監督はいます。先日公開されたダンケルクを撮影したクリストファー・ノーラン監督なんかはフィルムながらデジタルの解像感を凌ぐと言われているIMAXフィルムを使用した撮影をしたことが話題になっています。自分も映画館で鑑賞しましたが、フィルム独特の色味とマジックアワーの色合い、霧のイメージなどが重なって非常に魅惑的な色使いになっていました。映画毎のカラースキームがわかるサイト今回ご紹介するのは、映画ごとに使用されている具体的なカラースキームがわかるサイト。グラフィックデザイナーの方が個人で運営されているそうです。トップページではアメリのワンシーンにおけるカラーパレットが表示されています。ハイライト・ミッドトーン・シャドーそれぞれで使用されている色がわかりやすく表示されていますね〜。階調ごとに、どういう色合いが使われているかがわかるので、これらの色にRAW現像などで近づけてみると映画のようなカラーを再現しやすくなります。映画それぞれフレームごとのカラーがわかるこのバームクーヘンのような謎の画像は、映画のワンシーンそれぞれの色を繋げたものになります。全てのフレームごとに色をまとめて階調で表現してくれているんですね。いうバームクーヘンをクリックしてみると、こんな画像が出てきます。このように、マウスオーバーしているポイントのフレーム数、映画内の分、カラーコードが分かる仕組みです。恐ろしい取り組み・・・!一体誰が考えたんですかね〜。言いようがありません。このバームクーヘン画像のプリントが買えるという仕組み(笑)誰が買うんだ〜!スチール画像も確認できるそして、バームクーヘンの一層をクリックすると、そのフレームのスチール画像をみることができます。わかりやすいですね!そしてここでもやはりカラーコードやフレーム数が確認できます。カラーコードを活用する方法そしてこれらのサイトを更に活用する方法ですが、先ほどから出ているカラーコードというモノを利用します。Zillaというツールに限りませんが、ブラウザの拡張機能でウェブサイトの色を拾ってくれるプラグインがいくつかあります。Zillaというものを利用してみましょう。Zillaをインストールします。このアドオンをインストールすると、スポイトツールでマウスオーバーした色のカラーコードを判別できるようになります。サンプリングした例です。いう色の16進数でのカラーコードがわかります。写真そのものの上にスポイトをおいてもわかります。場合は、デフォルトでフレーム全体のカラーコードはわかりますが、スチール画像まで飛んでそれぞれの色をサンプリングしてみると、マウスオーバーした場所のカラーコードがわかりますね。便利!カラーコードとはそもそもカラーコードとは、という話ですが、色を16進数で表現したコードで、光の三原色を元にしています。0からFの6桁の数字で表現される16進数のコード。左からRGBで二桁ずつ、シャープに続けて赤・青・緑の順で表現されています。#2E2F3Eというコードであれば、赤(2E)・緑(2F)・青(3E)ということですね。数字は、16進数なので0からFまで16桁が使えます。(なので16進数)つまり、一番数値の低い#000000というのは、赤青緑が全て一番暗い状態、つまり黒です。その反対の、#FFFFFFというのは、赤青緑がもっとも明るい状態、つまり白ですね。光の三原色なので、そうなります。二桁の16進数であれば、赤青緑それぞれで256段階の階調を表現することができるので、三色を組み合わせと約1677万色の表現が可能になります。写真に限らず例えば、いま見ているこういうウェブサイトの色合いなんかもこういったカラーコードを元に表現されています。(ウェブサイトに関してはブラウザやOSなどの影響で全ての色を表現できるとは限りませんが。)カラーコードを元に再現する。そんなこんなで、簡単に色をサンプリングする方法がわかりました。ブラウザの拡張機能やプラグイン、スクリーンショットをPhotoshopのスポイトツールで取得するでもサンプリングの方法は色々とあります。取得したカラーコードを利用してみるのはPhotoshopがもっとも手軽でしょう。カラーコードから色を選択する。Photoshopで描画色や背景色、またはカラーパレットなどを開いてカラーコードから色を用意します。今回は、上記写真のように描画色を選択して、カラーコードを反映してみましょう。描画色をクリックすると、上記のようなカラーピッカーがひらきます。矢印のとこにある6桁の数字がカラーコード。Motionでゴッドファーザーからいただいたカラーコードを取得してみます。すると、先ほどから見慣れた例の色が再現されますね。カラーコードで塗りつぶしてみようカラーピッカーで作成した色で今度は塗りつぶしてみます。新規レイヤーを塗りつぶしてみるとこんな感じに。カラーコードレイヤーを、描画モード「カラー」にして不透明度を50%程度に下げてみました。After映画の再現とはいきませんが、だいぶトーンが近づいた感じになりました。工程まとめ今回の工程をまとめてみます。今回は一つわかりやすい具体例をということで上記方法をとりましたが、あまりおすすめできる方法ではないと言っておきます。これはわかりやすい使用例で、実際はこういった塗りつぶしではなく、RAW現像時やグラデーションツール、トーンカーブなどその他の方法を利用した無限の応用があります。今回のようにカラーコードで取得した色で塗りつぶすだけではなく、このカラーコードがわかれば、その他の方法でその色に近づけていくという方法もとれるわけです。このあたりは頭を柔らかくする必要があります。Zillaなどで色をサンプリングする。カラーピッカーで取得したカラーコードを再現する。新規レイヤーを作成しカラーコードで塗りつぶし。描画モードをカラーに変更。作成した塗りつぶしレイヤーの不透明度を50%にする。一例ですが、具体的に映画のカラースキームを知って、それを応用する方法をご紹介してみました。ちなみに、ふざけた事を言うようですが、この方法をまんま使ったことは個人的には一度もありません(笑)こういうことができるなあ〜と、このサイトを知った時に思ったのでした。KurodaPhotoshopでかんたん肌レタッチテクニック!ポートレートでレタッチポイントを光の速さで見つける方法。like2018-09-18その名はルミナー。articlePhotoshopチュートリアル!何気ない写真を渋くてかっこいいレトロ調に加工する方法。Postsチュートリアルポートレート撮影でおすすめのフィルターを厳選!ソフト効果で得られる、美しいぼかしや滲みの雰囲気。チュートリアルフィルターの効果で生み出す幻想的なポートレート撮影術!光の捉え方や構図で変わる作品表現。チュートリアルPhotoshopの合成レタッチで創るSF世界!?あのロボットビジュアルはこうして作られた。チュートリアル被写体は猫である。(27)Tutorialsポートレート撮影でおすすめのフィルターを厳選!ソフト効果で得られる、美しいぼかしや滲みの雰囲気。フィルターの効果で生み出す幻想的なポートレート撮影術!光の捉え方や構図で変わる作品表現。Photoshopの合成レタッチで創るSF世界!?あのロボットビジュアルはこうして作られた。光を使いこなせ!話題の自然光攻略プリセットを完全レビュー。Site写真でしあわせを残そう、写真でよろこびを配ろう、写真でたのしみを得よう。ヒーコでつなごう写真の輪。Siteあたらしい写真の楽しみを発見し、発信する「ヒーコ」。すべての写真愛好家に向けて、フォトグラファーにフォーカスした情報と、その秘伝のタレを公開していきます。Postsチュートリアルポートレート撮影でおすすめのフィルターを厳選!ソフト効果で得られる、美しいぼかしや滲みの雰囲気。チュートリアルフィルターの効果で生み出す幻想的なポートレート撮影術!光の捉え方や構図で変わる作品表現。チュートリアルPhotoshopの合成レタッチで創るSF世界!?あのロボットビジュアルはこうして作られた。ハッシュタグレコメンドウィークリー開始!チュートリアルお散歩ポートレート撮影でどう撮ったらいいかわからなかったカメラ女子が、たった2つのコツをおさえて写真が楽しくなった話。