記事の「顔」にはこだわります。
ブログ記事の一番上に大きく表示される「アイキャッチ画像」。目を引くアイキャッチ画像であればあるほど、その記事はよく読まれる。僕はこのように思っています。
そのアイキャッチ画像について、以前記事を書きました 。そのときは「つくりかた」という視点で僕の思考回路を共有しました。いわば総論ですね。
今回は各論として、僕がアイキャッチ画像に使う「写真を選ぶ基準」にスポットを当て、その選び方をご紹介します。
starnote*の裏側公開シリーズ
→ starnote*の記事ができるまで。 starnote*流、アイキャッチ画像のつくりかた。 僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境
以前の記事の続編です。
詳しいアイキャッチ画像の作り方については、作成時の僕の思考回路をこちらの記事に記しました。
裏側公開シリーズの第2弾です。 最近、「starnote*のアイキャッチ画像はセンスがよくて統一感がある」と言われたことがありました。そう言っていただけるのは嬉しいのですが、何かの理論に基づいて作っているわけではなく、僕自身のフィーリングに頼っている部分が多いです。 論理的に系統立てて説明することはできませんが、できるだけ詳細に僕の思考回路を共有すれば、少しは参考になるかも…！と思い、この記事を書きました。あくまでも「僕はこうやって作ってますよ！」という紹介なので、軽い気持ちでお読みください。 starnote*の裏側公開シリーズ → starnote*の記事ができるまで。 → 僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境 → starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 アイキャッチ画像を思いつくパターン 「アイキャッチ画像を作る」という作業には、僕の中にいくつかのパターンがあります。 なんとなく流れでできちゃったパターン 最初から頭の中にイメージがあるパターン 写真を決めたらアイデアが湧いてくるパターン 何も思いつかなくて作りながら考えるパターン とはいえ、体系的に整理できているわけではありません。だってアイキャッチ画像の作成において多くを占めているのは「フィーリング」ですからね。皆さんだってそうでしょ？ 突然ですが、「Perfect Photo Recipes Book」という本をご存じですか？ 写真家の野寺治孝さんが、カメラの設定とともに「写真を撮るときの思考」を記した本です。 PERFECT PHOTO RECIPES BOOK(パーフェクト・フォトレシピブック) (玄光社MOOK)posted with カエレバ野寺治孝 玄光社 2017-06-07 Amazon楽天市場Yahooショッピング 今回はこの本の考え方を拝借して、僕がアイキャッチ画像を作るときの思考の過程を共有できればと思います。 アイキャッチとは、その記事の「顔」 アイキャッチ画像とは、文字通り「アイ（Eye）をキャッチ（Catch）するための画像」です（和製英語ですが）。つまり、その記事の顔や看板となるわけです。
ということで、この記事は上の記事の続編です。当時は思いつかなかったことや、時間がたって新たにやり始めたことについてシェアしておきます。
記事のジャンルによって使う写真が変わる まず、アイキャッチ画像となりうる前提条件として僕が求めているのは、「Twitterのタイムラインで流れてきたときに思わず目に止まってしまう」 ような写真を使うということです。
以前このようなことを書きました。
たとえて言うならば、「ジャケ買い」したくなるCDのアートワーク 。そんな感覚でアイキャッチ画像も作れればいいなと思っています。
→ starnote*流、アイキャッチ画像のつくりかた。
とはいえ、このブログにはさまざまなジャンルの記事を書いています。旅記事からモノレビュー、はたまたオピニオン系の記事まで。
このような記事のジャンルの違いを無視して「アイキャッチ画像の選び方はこうだ！」と言うわけにもいきません。なので、「写真があるかどうか」を基準 にして、僕が普段書いている記事を体系化してみましょう。
関係する写真がある記事 たとえば旅記事など、写真を掲載するのが主体となる記事があります。このような記事の場合は、撮影した中から1枚選んでアイキャッチ画像として使います。
旅記事 など → 象徴的な写真モノレビュー → 全体が写っている写真
たとえば、先日書いたこの記事。
→ α7 IIIでめぐる、ながさきカメラさんぽ｜初秋の西海橋
長崎県の佐世保市と西海市の間に架かる「西海橋」に行ったよという記事ですが、橋全体が写った象徴的な写真をトップに持ってきました。
ただ、僕は「象徴的」というだけではインパクトが不十分で、「象徴的＋ひとひねり」な写真がアイキャッチにふさわしいと思っています。 そうすることで、タイムラインに流れてきたときに目に止まる確率が上がる。
たとえば上の西海橋だと、このような感じが「象徴的」ですよね。
真横から橋全体を写したものです。
確かに「日の丸構図」という王道を使っていて象徴的なのですが、ちょっと退屈で目に止まりにくいと思うのです。
このようなときは、王道からちょっとだけズラす。そのズレが違和感を喚起して目に止まるようになります。
ズラし方にはいろいろ方法があると思いますが、今回は「視点をズラす」という手法を採ってみることにしました。
どうですか？ 真横からの写真よりもインパクトが大きくないですか？
また、「SAIKAI-BASHI BRIDGE」という文字は橋と平行になるように奥行きを持たせ、水面に反射させることで写真の中に馴染ませています。
これは違和感を1つにするためです。
つまり、
違和感①：「視点をズラす」
違和感②：「文字が橋と平行ではない」
と、違和感が2つになってしまうと「ひとひねり」ではなくなってしまうので、ものすごく気持ち悪いと思うんです。そういう画像はタイムラインでスルーされてしまいそう。
なので、写真と文字を一体化させることで、2つ目の違和感を感じないように工夫してみました。
また、モノレビュー系の記事は写真がメインなので、当然ながら象徴的な写真が存在します。なので、レビューする対象の全体が写っていて、かつ目を引くような写真を選ぶようにしています。
たとえばこの記事とか。
→ PencilSnap｜Apple Pencilのための居場所をつくろう。
レビューする「PencilSnap」の全体が写っている写真。
さらに、収納するApple Pencilや、それを使うために必要なiPad Proも入れました。こうすることで殺風景になるのを防いでいます。
関係する写真がない記事 一方、関係する写真がない記事もあります。たとえば振り返りやオピニオン・エッセイなどを書いた記事が、この分類に当てはまります。
振り返り系の記事 （月刊すたの通信、上半期ピース）オピニオン系、エッセイ系の記事
このような記事の場合も、できるだけ自分で撮った写真を使うことにしていますが、そうでないこともあります。
自分で撮った写真を使う 振り返りの代表的なものとして、その月のできごとを月末に振り返る「月刊すたの通信」
最近では、この企画のアイキャッチの選定基準として「その月に撮った写真を使う」というマイルールを課しています。
たとえば先月（2018年8月）は、福岡県の志賀島から撮った写真にしてみました。（記事は近いうちに出します）
→ 月刊すたの通信｜2018年8月のできごと。
先々月（2018年7月）は花火の写真。
→ 月刊すたの通信｜2018年7月のできごと。
ちなみにこの写真、手持ちで撮りました。α7 IIIのボディ内手ぶれ補正のおかげです。
これはモンスターカメラだ…！ ソニーのフルサイズミラーレス「α7 III」を購入して2週間。購入前から「高感度に強い」との前評判を聞いていましたが、実際に自分のモノとして使ってみると、もう驚きの連続です。 そんなα7 IIIを持って、夜の長崎の街をぶらぶら散歩してみました。この驚きは共有したい！ 「α7 IIIでめぐる、ながさきカメラさんぽ」シリーズはこちらです。 → α7 IIIでめぐる、ながさきカメラさんぽ〈昼〉 → α7 IIIでめぐる、ながさきカメラさんぽ｜初秋の西海橋 機材は「α7 III ズームレンズキット」 型番はILCE-7M3K。α7 III本体とキットレンズ「SEL2870」の組み合わせです。レンズの焦点距離は28–70mmでF値は3.5–5.6。あまり性能がいいとは言えないレンズですが、フルサイズEマウントはこれしか持っていないのです。 僕と同じように、初めてα7シリーズを手にする人にはありがちな構成だと思うので、参考にしていただければと思います。 なお、今回の写真はすべて手持ちです。繰り返します、すべて手持ちです。 ながさきカメラさんぽ〈夜〉 夕焼け空と山の稜線。 夕焼け空と木の葉。 夕焼け空と建物。貯水タンク下の網の描写にも注目。 路面電車とバス。 電車内ではサイレントシャッター機能を使います。 長崎駅前の交差点。 かもめ広場。 長崎駅。 終着駅なので、こんな構図で撮れちゃう。 裏道。 建設中の新駅とクレーン。 走る男性。 光る帆船。 電球を点線にして遊んでみる。 ロシアの船員さん。 イルミネーション。 夜のヨットハーバー。 振り返って撮影。 よく見ると帆船の上にオリオン座が。 昼と同じ構図。 手前が神戸から来た「みらいへ」。奥がハウステンボスの「観光丸」。 高感度すごいな。 ぼかしてみる。キラキラ。 振り返って出島ワーフ。 ロシアの帆船「パラダ」。光がこちらを向いていたのでフレアを入れてみました。 帆船と女神大橋。 奥の夜景もきれい。 以上、手持ちでお送りしました。 高感度耐性 × ボディ内手ぶれ補正 ＝ モンスターカメラ α7
その前（2018年6月）は浅草寺のお線香、といった具合です。
→ 【月刊すたの通信】2018年6月のできごと。
浅草寺に行ったときのレポートはこちらです。
今年は動画をやるって決めたから。 2週間ほど前、1泊で東京に行ってきました。お昼の便で長崎から羽田に飛び、用事をすませました。翌日は暇だったので、浅草をスタート地点に決めてぶらぶらと散策しました。そして夜の便で帰る、というスケジュール。 しかし、当日の空にはどんよりとした雲、雲、雲。 梅雨の真っ只中だったので、雨が降らなかっただけでもマシなのですが、神戸のときのように青空の下ですがすがしい写真や動画を撮りたかったというのも事実。 そう言っても仕方がないので、この道中ではできるだけカメラを回し、作品を作ることに集中しました。目標は記事1本分の写真を撮ること。そしてVlogを1本作ること。 はたして、この2つの目標は両立することができるのでしょうか。 トーキョー・クラウディ・フォト 当日は大井町の東横インに泊まっていました。帰りは品川から京急で羽田に行く予定にしていたので、まずは荷物を品川駅のコインロッカーに入れました。 山手線→地下鉄銀座線と乗り換えて、やってきました、浅草。 雷門を見るのって子どもの頃以来な気がするなぁ。 さすがの迫力。 横から。 まだ朝10時なのに賑わってます。3〜4割くらいが外国の方でした。 門の中にも部屋があるのかな。 人すごい。 先日は京都にも行きましたが、場所が変わるとこんなにも雰囲気変わるんですね〜。 炎って撮るのが難しい。 お店の中もひしめき合ってる。 スカイツリーは雲の中。 路地裏。 人力車が来たので振り返って撮りました。咄嗟のシャッターチャンスにも応えてくれるすごいカメラです。 ところ変わって上野駅です。地下鉄からJRに乗り換えたい。 京浜東北線で東京駅まで来ました。 丸の内口。 KITTE丸の内。 見下ろしてみる。 横断歩道。 駅前の広場、きれいになりましたよね。 旧東京中央郵便局長室。 丸の内。 おしゃれな街だ。 銀座にて。マリオネット、初めて見たかも。 GINZA SIXのエスカレーターから。 浅草〜上野〜丸の内〜銀座というコースで巡ってきました。このあとは、表参道〜原宿方面でお買い物をして家路につきましたとさ。
また、エッセイ系の記事でもできるだけ自分で撮った写真を使うようにしています。たとえばこの記事。
→ 2018年下半期の方向性について｜自分の個性とブログの輪郭
崩壊していくものと並んで形作られていく飛行機雲を撮った写真。
この写真、長崎駅前でiPhone Xで撮ったものです。マジックアワーのグラデーションの中に引かれていく線と消えゆく線の対比が美しいと思って撮りました。
素材サイトに頼ることも 映える写真を自分で撮れればいいのですが、必ずしもそうではありません。そんなときには、いわゆる「写真素材サイト」 に頼ることもあります。
たとえばこの記事。
→ 「広める」という任務｜論文を投稿するだけの時代から、その先へ。
なんだか壮大なテーマの記事を書いてしまったので、それに合う写真を使いたい。でもそんな写真撮ってないので、素材サイトに頼ることにしました。
記事のテーマに合いそうな写真について考えてみると、遠くの山々を写している上の写真がピッタリだと思い、採用することに。
ただ、配信されているものそのままではなく、Photoshopで少しだけ加工しています（トーンカーブをいじるくらいです）。
どの素材サイトを使えばいいか 素材サイトに頼るといっても、無数にある中からどのサイトを選べばいいのか、という問題に直面します。
まず前提として、アイキャッチ画像に使う素材サイトには、これら3つの条件がそろっていることが望ましいです。
美しい写真が並んでいる
普段自分が撮るのと同じようなテイストの写真がある
著作権的に、加工して再掲載するのを許可している
まず重視したいのは「著作権」 の問題です。勝手に使うのが違法なのは当然ですが、このようなブログをやっていると使われた側の気持ちもよくわかります。なのでコンプライアンス的にも、マナー的にも、人の写真を勝手に使わないようにしたい。
となると、「著作権フリーな」あるいは「二次利用を許可している」素材サイトを使わなければなりません。だいじなことです。
また、ブログの一貫性という意味では、トップページの記事一覧を眺めたときに異彩を放たない 写真を使うのがベター。だから、普段自分が撮って掲載する写真と同じようなテイストの写真があるサイトが望ましいです。
これらの条件を満たし、僕がおすすめするのはこのサイト。
Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
すべて無料で美しい写真をダウンロードすることができます。記事執筆時点で55万点の写真が掲載されています。無料でこれだけ使えれば十分だよね。
また、do-whatever-you-wantというポリシーの下、すべての写真を自由に使うことができます。商用利用も可で、撮影者をクレジットする必要もありません。
All photos published on Unsplash can be used for free. You can use them for commercial and noncommercial purposes. You do not need to ask permission from or provide credit to the photographer or Unsplash, although it is appreciated when possible.
→ License | Unsplash
まとめ 今回はstarnote*の裏側公開・第4弾として、アイキャッチ画像の選び方について書いてみました。もちろん、人それぞれのやり方や基準があると思うので、ひとつの参考にしてもらえたら嬉しいです。
これからも書くことが思いつけば、裏側公開シリーズとして少しずつ見せていきたいです。そうすることで、ブログを始めたい人や、始めてみたけどやり方がわからない人々の役に立てるかなーと、一（いち）ブロガーとして思います。
質問があればLINE@からお気軽にどうぞ〜。公開して欲しい裏側のリクエストもお待ちしています。
starnote*の裏側公開シリーズ 1回目は記事ができるまでの流れを書きました。僕は考えるよりも前に手を動かしたいタイプなので、若干面倒くさいフローになってます。
今年は裏側をたくさん公開しますよー！ 理系の宿命なのかどうかは分かりませんが、僕はいろんな事象の「メカニズム」の部分に目が行ってしまいがちなんです。映画を観ているときは、内容よりも「これどうやって撮ってるの？」とか。センスのいいポスターを見つけたときは、「どうやったらこんな発想が生まれるんだろう？」とか。もちろん、普段の研究においても重要な視点です。 今年は、きっと皆さんもそうなんだろうと仮定して、僕のブログの作り方に関する話を書いていこうと思います。第1弾は、どうやって記事を書いているかについて晒してみましょう。 starnote*の裏側公開シリーズ → starnote*流、アイキャッチ画像のつくりかた。 → 僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境 → starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 Macで執筆します 僕は研究も含め、普段からMacを使って作業をします。もちろんブログもMacで書いてます。それはなぜなのかという話題から。 WindowsではなくMac Macの方が僕に合っているのでMacを使う。言ってしまえばこれだけのことですが、「日頃使うモノは自分に一番合うものを使いたい」という軸で、すべてのモノを選んでいます。だから「Windowsを選択肢に入れたくない」ということでは決してありません。 つまり、WindowsとMac、どちらでもいいというのが本音です。その時点でベストだと思えるモノを使いたいので、最近ではSurfaceシリーズでもいいかなーとは思っています。 ただ、現在Appleのエコシステムの中にのめり込んでいる以上、Windowsに乗り換えるには相応の投資をする必要があります。そこまでして乗り換える気にならないというのも、また正直なところ。 もちろん、好きでMacを使っているというのもありますが、わざわざ乗り換える程の魅力をWindowsに感じないので、そのままにしています。Macよりもいいモノが出てきたら乗り換えるかも。 iPad ProではなくMac 記事を書いたりアイキャッチを作ったりなど、記事づくりのメインとなる作業はMacでやります。10.5インチiPad ProとSmart Keyboardを持っているくせに、Macでブログを書くことが多いです。
2回目はアイキャッチ画像のつくりかたについて。この記事の前編です。
裏側公開シリーズの第2弾です。 最近、「starnote*のアイキャッチ画像はセンスがよくて統一感がある」と言われたことがありました。そう言っていただけるのは嬉しいのですが、何かの理論に基づいて作っているわけではなく、僕自身のフィーリングに頼っている部分が多いです。 論理的に系統立てて説明することはできませんが、できるだけ詳細に僕の思考回路を共有すれば、少しは参考になるかも…！と思い、この記事を書きました。あくまでも「僕はこうやって作ってますよ！」という紹介なので、軽い気持ちでお読みください。 starnote*の裏側公開シリーズ → starnote*の記事ができるまで。 → 僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境 → starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 アイキャッチ画像を思いつくパターン 「アイキャッチ画像を作る」という作業には、僕の中にいくつかのパターンがあります。 なんとなく流れでできちゃったパターン 最初から頭の中にイメージがあるパターン 写真を決めたらアイデアが湧いてくるパターン 何も思いつかなくて作りながら考えるパターン とはいえ、体系的に整理できているわけではありません。だってアイキャッチ画像の作成において多くを占めているのは「フィーリング」ですからね。皆さんだってそうでしょ？ 突然ですが、「Perfect Photo Recipes Book」という本をご存じですか？ 写真家の野寺治孝さんが、カメラの設定とともに「写真を撮るときの思考」を記した本です。 PERFECT PHOTO RECIPES BOOK(パーフェクト・フォトレシピブック) (玄光社MOOK)posted with カエレバ野寺治孝 玄光社 2017-06-07 Amazon楽天市場Yahooショッピング 今回はこの本の考え方を拝借して、僕がアイキャッチ画像を作るときの思考の過程を共有できればと思います。 アイキャッチとは、その記事の「顔」 アイキャッチ画像とは、文字通り「アイ（Eye）をキャッチ（Catch）するための画像」です（和製英語ですが）。つまり、その記事の顔や看板となるわけです。
3回目はトバログ さんの企画に乗ってみました。結構読まれています。
人間というもの、他人のことが気になってばかりです。カバンの中身が気になったり、デスク環境が気になったり、どのような環境で作業をしているか気になったり。 だいぶ出遅れましたが、トバログさんから「#わたしのブログ環境」というハッシュタグが発信され、多くのブロガーさんが環境を晒しています。せっかくなので僕も乗ってみて、ブログや論文を執筆しているマシン環境について紹介してみることにしましょう。 starnote*の裏側公開シリーズ → starnote*の記事ができるまで。 → starnote*流、アイキャッチ画像のつくりかた。 → starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 Who am I? 作業環境を紹介する前に自己紹介から。「どのような背景を持った人か」ということを共有しておかないと、参考になりにくいと思うので。 薬学系の博士課程で研究してる大学院生です 専門分野はDrug Delivery System ブログやってます（このブログ） なので、執筆といえば「論文」や「ブログ」です もっと詳しいことを知りたい方は、下のページをご参照ください。 → 著者プロファイル では本題に参りましょう。 Mac使ってます 現在メインマシンとしているのは2台。外出先（研究室やカフェなど）では「13インチMacBook Pro」、自宅では「27インチiMac」を使います。 外出先で使う13インチMacBook Proは2016年モデルの特盛仕様です。AppleオンラインストアでSSDの容量以外を盛れるだけ盛りました。1年間毎日のように使ってきたので、もう既に僕の体の一部のようになっています。 ディスプレイ 13.3インチLEDバックライトディスプレイ、2,560 x 1,600ピクセル プロセッサ 3.3GHzデュアルコアIntel Core i7（Turbo Boost使用時最大3.6GHz） メモリ 16GB 2,133MHz ストレージ 512GB PCIeベースSSD OS macOS 10.13 High Sierra → 12インチMacBookから13インチMacBook Proに買い替えたファーストインプレッション。タッチバーモデルの特盛仕様（SSD以外）で購入しました！
