イラストレーター・中村佑介氏の『イラスト講座22』“pixivのサムネイル”編(2015.04.17)

友香 @nakayuka182

@kazekissa02 はじめまして友香といいます。 イラストの閲覧数についての質問よろしいですか？ 先生に見てもらいたいイラストはピクシブで 閲覧数１６でした。 自分では今までよりよくかけたと思っています。 (続きます)

友香 @nakayuka182

@kazekissa02 そこで質問なのですが、より多くの人に イラストを見てもらうには技術のほかに なにが必要なのでしょうか。 私のイラストが技術もないなら 無視していただいてかまいません。 忙しい間見ていただきありがとうございます pic.twitter.com/NTKa5naTmN

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座①】これまでより良く描けたはずの自作イラストを満を持してpixivにアップしたのに、思うような結果（閲覧数）が得られなかったという友香さんから、「もっとイラストを多くの人に見てもらうには、技術の他に何が必要なのでしょうか？」とのご質問。

中村佑介のイラスト教室 @kazekissa02

【友香講座②】それではひとまず、その友香さんの作品を見てみましょう。うん、キャラクターも可愛いし、色も綺麗だし、友香さんのTLにある過去の作品と比べても、非常によく描けていると僕も思いますよ。本当によくがんばりました。 pic.twitter.com/6Qiy4vnpV0

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座③】だからこそ「技術は問題ないはずなのに…なにがいけないの！？」と思った訳ですよね。うんうん、わかります。ただし【デッサン力】や【パソコンの扱う能力】、そして【丁寧さ】のみが『絵の技術』な訳ではありません。今回はそんなお話です。

中村佑介のイラスト教室 @kazekissa02

【友香講座④】皆さまの中にも「え、この作品のどこがいけないの？すごく良いじゃん」と感じてる方、たくさんいらっしゃると思います。ええ、僕も前述した通り、この作品はすごく良いと思いますよ。ただ同時に「見せ方が勿体ないなぁ」とも思いました。 pic.twitter.com/gasUgsUHVm

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑤】さっきの絵が良いと感じる事ができたのは、ここがTwitterで、しかも講座だからです。どういう事かと申しますと、【①僕が「見て」と言う】→【②クリック】→【③ポンと大きく表示される】。しかしpixivだと①はないので、作品自体に「見て」と言わせるしかない訳ですね。

中村佑介のイラスト教室 @kazekissa02

【友香講座⑥】その上、pixivの特性として、「まずはサムネイル画像一覧が表示される」というものがあります。これはイラスト講座でもお馴染の有村はじめ（@poruga777）くんのページ。こんな風に小さな画像がズラッと並ぶ訳ですね。 pic.twitter.com/QXGBMHEZ6e

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑦】すなわち同じ絵でも、SNSの種類が違うだけで、こんなにも初見の大きさが違う。 pic.twitter.com/LHi4oKozzz

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑧】さらに大量にサムネイルが並んでいる中の１つの作品は、作者以外はそこを集中して見ずにどんどんスクロールして行っちゃうので、実はこんな風にボンヤリとしか脳に入ってきていません。 pic.twitter.com/q0Ir0W6ZPH

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑨】せっかく良く描けたのに、これでは中々「お！」と思ってクリック（拡大）してもらえませんよね。友香さんは「技術以外に」と問いましたが、そう、まだ足りない技術が確かにあり、閲覧数の少なさの原因はそこではないかと感じました。 pic.twitter.com/MHp5T3Dtvr

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑩】それでは具体的に、「サムネイル状でも見やすくするにはどうすれば良いか？」を友香さんの今回の力作を元に、アレンジ、レクチャーしていきたいと思います。

中村佑介のイラスト教室 @kazekissa02

【友香講座⑪】今回の絵の中で一番素敵な部分は、女の子から大きくはえた【羽根】です。それなのにたくさん並んだサムネイルの中では、こんな風にしかうつらず、羽根があるかさえもわからない。 pic.twitter.com/OehwijvTSL

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑫】なぜ見えにくいかを図解するとこんな感じ。羽根と背景は同じ濃度。また羽根と花も同系色なので、画面にまとまりは出た分、埋もれちゃったのですね。 pic.twitter.com/rpxHTNwubG

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑬】それでは絵はこのままに、色の差、濃度の差だけを出して、羽根をもっと目立たせてゆきましょう。 pic.twitter.com/B2yMKi6YKB

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑭】まずは背景を、今回の絵の中では使われていなかった中間色（緑）に変えます。こうすることによって、キャラや花が目立つだけでなく、ピンクや紫の美しさも際立ちます。緑の葉っぱがついていてこそ、花はより赤い。ま、そんな感じです。 pic.twitter.com/soQyiCfvoo

拡大

中村佑介のイラスト教室 @kazekissa02

【友香講座⑮】次に画面が単調にならぬよう、背景の下部分にかけて、濃い目の青を乗せます。これは奥行きが出るだけでなく、【暗い→明るい】という変化で【下→上】への視線の誘導を促します。すなわち今回目立たせたかった"羽根"に行きつく訳です。 pic.twitter.com/3IMpIUnmcO

拡大