こんにちは。森和恵です。
noteというサービスで細々と記事を書いているのですが、最近何故だか閲覧数の多かった記事を少しリライトして、デジクリでも紹介しようと思います。
写真の画像補正についての記事ですので、途中のURLをクリックつつ、加工前・後の画像を見ながら読んでいただけるとわかりやすいと思います。
●写真を使ったブログ記事では、写真補正にこだわってます。
noteでは、写真投稿をよくしています。美味しいものを食べたり、ちまちまと料理するのが好きなので、ついつい食べ物の写真ばかりになっています。
残念ながら、カメラで写真を撮影するテクニックは持ち合わせていませんが、うまく撮れなかった写真を少しでもきれいしようと思い、写真はPhotoshopで補正や加工を行ってからアップしています。
この作業が超めんどくさいのですが、写真はやっぱりきれいにしておきたいですもんね（めんどくさいので、撮影しても記事にしないでほっときっぱなしのものもいくつもあります。トホホ）。
『2015年のおひな祭りは、こんな一日でした。』という記事を例にして、撮影した写真の加工前と後でどれぐらい違うのか？ をネタバレ的に掲載してみますね。
【2015年のおひな祭りは、こんな一日でした。】
< https://note.mu/r360studio/n/n90cc64f001df
>
●画像補正の第一歩は、写真の明暗
まずは、こちらのケーキの写真。加工前が下側です。
<
>自宅の居間で夜に撮影することが多いので、どうしても明るさが足りません。
ライトを追加して明るくしてもいいのですが、めんどくさいし、明るくし過ぎると写真が真っ白になる"白とび"の部分が増えてしまいます。あえて少し暗めに撮っておいて、加工時にぐぐっと明るくしています。
「写真をどう見せたいか？」によって補正の度合いが決まるのですが、今回は、女の子らしく可愛くて華やかな色合いを残したかったので、「明るめだけど、色の強さは落とさない程度」としました。
緑やピンクなど色がついているところは、彩度も強めに上げてより華やかにしています。
クリームのエッジがピン！ としている部分をみせたかったので、コントラストは高めにしておきました（コントラスト高め＝影の部分は暗くしたままにし、画面のメリハリをだしています）。
●ソフトの機能を使って、更に絵作りを
夕ご飯の写真も、基本的にはケーキの写真と同じ補正をしています。
<
>それに加えて、お刺身のピカピカした感じを出すために、シャープを強めにかけてみました（シャープ＝輪郭を強調する効果。強めにかけるとギラギラした感じがでます）。
お皿の数が多くて、その影がたくさん出てしまうと画面が散らかるので、影の部分だけを少し明るめに設定しています。影の強さが抑えられると、全体的に軽い仕上がりになり、華奢な雰囲気がだせます。
お雛さまの写真は、夕ご飯の写真と同じく柔らかめに仕上げています。
<
>着物の柄と口紅を鮮やかにみせるため、部分的に彩度は強めにしています。
お雛さまの髪の毛が乱れて（写真右側）いたので、修復ブラシツールで修正（写真左側）しています。右下に向かって、二・三本ペロッと出ちゃってる髪の毛が、なくなってますよね。
●タイトル画像のレイアウトには特にこだわって
タイトル画像に使った写真は、このようにトリミングしています。まわりの
暗い部分をカットしました。
<
>タイトル画像は、記事を読む前からタイムラインで見られたり、TwitterやFacebookなどのSNSでシェアされた時のタイトル（OGP）画像にもなるので、主題がわかるように大事な部分を大きく見せるようにトリミングしています。
また、事前に「タイトル用にはコレだ！」という、キメキメレイアウトのイメージショットを撮っておくようにしています。
ちなみに今回の記事のために撮影したのは、こんな感じでした。写真撮影するのが下手なので、とりあえず枚数を撮影しておいて、奇跡の一枚を使う感じにしています。
<
>実際のブログ記事を見ながら、私がどんな風に考え、実行して写真補正をしているかをお届けしました。
技術やテクニックをそのままお伝えするだけではなく、実際の作業をなぞりながらお伝えするのは新鮮でしたし、ブログを見た人からもたくさん反応を頂くことができました。たぶん、理屈ではなく具体的に伝わったのではないかと思います。
こんな風にぼつぼつと情報発信していきますので、Web系の情報が気になる方は、下記URLでマガジンをフォローしてみてくださいネ。
< https://note.mu/r360studio/m/mf5c252d66297
>
......さて、今回はここまで。
次回は、春からスタートするアニメ話にしようかなと思っています。ではまた！
【 森和恵 r360studio 〜 Web系インストラクター 〜 】
<site: http://r360studio.com
>
<mail: r360studio@gmail.com >
<サイト制作の教科書 r360study: http://www.facebook.com/r360study
>
先日紹介した無料セミナーですが、おかげさまで満席となりました。月末にかけて、新規セミナーの紹介をする予定です。Twitterアカウントで告知しますので、よろしければフォローをお願いします。
(^^)
< http://twitter.com/r360studio
>