<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/3ce851c42d7c4a2181036bd29365872e/1692692752847-mPeYXXbicR.jpg" alt="" width="800" height="500"></figure>メインのイラストは社外のイラストレーターさんが制作<a href="https://sr-shirokuma.com/" target="_blank" rel="noopener noreferrer nofollow">社会保険労務士法人しろくまパートナーズ</a><h3 style="text-align: start" id="h3c0550d53a">① 見積もりについて </h3>ラフから清書までを含んだMVイラスト1点、その他のイラスト10点制作を、一括で見積もり提出いたしました。■ 提示金額の算出方法 これまでのイラストレーターさんの費用感をベースに、見積もりを作成しました。ボリュームのあるMVイラストの費用や、修正のための工数を考慮してバッファを設けています。当初は社外のイラストレーターさんにのみ依頼する予定でしたが、社内のスケジュール調整ができたため、弊社デザイナーにもメインイラストのテイストを踏襲した横展開で、イラスト制作を依頼しました。以下は弊社デザイナーが作画したイラスト案になります。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/03647e5378344f738c7096edc6107037/1692773987543-9iRa0MWZFw.jpg" alt="" width="800" height="450"></figure>横展開イラスト<h3 style="text-align: start" id="hc0c781c49c">②スケジュールについて</h3>以下のような流れで制作を進めました。<hr><ol><li>イラストの方向性を参考イラストと言語化で固め、抽象度、あたたかみを出すための手法などのリファレンスを、イラストレーターさんとクライアントにご提出。</li><li>ベースとなる本番タッチのイラストを制作。しろくまの正面カット1点と、人の正面カット2点を作成いただき、イラストのタッチやテイストを固める（4日納期）。しろくまと人のサイズ比もここで確定させる。</li><li>各イラストの構成要素、大まかな構図を固める。</li><li>ラフ作成（6点｜10日納期）を進める。</li><li>本番イラスト作成（6点｜10日納期）、社内でイラストを横展開。</li></ol><hr><figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/5351df002b30429c8d68da35e739b0a0/1692774012422-zAbIrQMbxr.jpg" alt="" width="800" height="450"></figure>ベースとなる本番タッチのイラスト■ POINT イラストのテイストのすり合わせのため、抽象度や、あたたかみを出すための手法についての資料を作成しました。「しろくま」という、一歩間違えると可愛らしくなりすぎてしまうモチーフを、「誠実さ・頼りがい・少しの愛嬌」といったバランスに落ち着けるために役立ちました。<h3 style="text-align: start" id="h6487f3d291">③ 展開イラストについて</h3>メインイラストを横展開するにあたって弊社デザイナーが特に気を付けたポイントをヒアリングいたしました。以下の3点になるそうです。❶ タッチを踏襲するため、鉛筆タッチのブラシツールを選定 ❷ しろくまと人の顔のパーツのバランスを崩さないように注意 ❸ 世界観を崩さないように、モチーフや構図設計に気を付ける特に顔のパーツのバランス調整は注意深く行いました。少しでも位置が変わると違う印象になるため、展開元のメインイラストを都度確認して制作しています。※イラストレーターさんにも合意をいただき進めております。<h4 style="text-align: start" id="h5e3223948a">＜ 展開イラスト ＞</h4><figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/73ccf8ef334943c4806f8ff176a32a92/1692774086022-iBDjJghwXT.jpg" alt="" width="800" height="450"></figure>親近感とユーモアを感じて頂けるように、ゴール地点を描くパネルをしろくま座で作画（<a href="https://sr-shirokuma.com/service/consulting/" target="_blank" rel="noopener noreferrer nofollow">人事労務コンサルティング ページ</a>）<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/7fd328f33dd94cc5b7acbccbc6978eae/1692774194311-CotndLbsnx.jpg" alt="" width="800" height="450"></figure>企業に寄り添う姿勢を表すために、並列に見せることで「共に歩む」イメージを表現（<a href="https://sr-shirokuma.com/service/outsourcing/" target="_blank" rel="noopener noreferrer nofollow">人事労務アウトソーシング ページ</a>） ④ 制作を振り返って制作進行において、大きな問題は発生しませんでしたが…納期にもう少し余裕があればイラスト制作を社内でもっと展開することができたと思います。 また、今回はイラストトーン決定までスムーズに進むことができましたが、難航した場合には制作フェーズに分けた見積もりが必要だと感じました..。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/88e20e42a438466785bd03b0583a7fc6/1692775426678-MnnRuqaGIQ.jpg" alt="" width="800" height="450"></figure>

01. 社会保険労務士法人しろくまパートナーズ

<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/5862805e1bdb43dfb48a50f576d1d265/1690528836887-Dg2EGBxqPO.jpg" alt="" width="800" height="500"></figure>イラストは弊社のデザイナーが制作しています。<a href="https://www.creative-heroes.jp/index.html" target="_blank" rel="noopener noreferrer nofollow">株式会社クリエイティブヒーローズ</a><h3 style="text-align: start" id="ha2a2948c3a">① 見積もりについて</h3>オリジナルのヒーローを3体、複数パターン作成するというゴールを先に決定。見積りを出す前に担当デザイナーとイメージのすり合わせを行い、制作着手から完成までの作業プロセスを話し合いました。 <hr><ol><li>線画でラフ制作（ここでイラストのイメージを固める）</li><li>ラフをイラスト化（線画を清書して、着色などの仕上げ）</li><li>ベースとなるイラストが完成したら、別ポーズを展開</li></ol><hr>上記の流れになると想定されたので、見積もりも以下のように3段階のフェーズに分けて提出いたしました。❶ ヒーローイラストラフ作成費用 ❷ ヒーローイラスト作成費用 ❸ 作成したヒーローのポーズ展開費用見積り自体を制作フェーズごとに分けたことで、イラストの追加制作の依頼を頂いた際も適正な見積りを算出しやすくなりました。■ 提示金額の算出方法 デザイナーと話し合い、想定される1体当たりの制作工数から算出しました。オリジナルのイラストはイメージが外れてしまうと修正に時間がかかるため、バッファを設けています。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/370f3a7eb71f4d49b0bdbf72d870c45f/1692774507676-OrCzZqSLqA.jpg" alt="" width="800" height="450"></figure>ラフ<h3 style="text-align: start" id="hcb163664e1">② スケジュールについて</h3>■ イラスト制作スケジュール ラフ～清書｜1ヶ月 パターン展開｜半月ラフ段階では初稿から修正が大きく入ったり、キャラクターデザイン完成後も影の付け方や線の太さなど、ディティールを調整していったことで、ヒーロー3体を完成させることに1番の時間を費やしました。パターン展開に関しては、ポージングが不自然でないか？という点でのチェックがメインとなりますが、半月ほどかかったと思います..。■ 留意事項 スケジュールは、以下の内容にも大きく左右されます。 — ・クライアントが具体的な意見をくれるかどうか ・クライアントの意見を正確にヒアリングできるかどうか ・事前のすり合わせによって完成イメージと初稿の乖離を防ぐ<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/15eb5ddc7a2d4ffea9fe51fe1c56c031/1692774490788-CfjVj5sDxw.jpg" alt="" width="800" height="450"></figure>完成したイラスト<h3 style="text-align: start" id="h3e3378217f">③ 制作を振り返って</h3><ul><li>クライアントとの事前打ち合わせでイメージが正確に共有できていたこと</li><li>クライアントが明確な指摘をくださる方だったこと</li></ul>上記の2点が幸いして、工数内に収まりましたが、様々な要因で制作が長引き、予算超過するということは十分考えられるので、次からは想定される作業を細分化して、見積もりを出してもいいと感じました。また、予算・スケジュールに余裕があると、作成後に少し時間を空けて見直し、ブラッシュアップのフェーズを設けることができます。例えば、今回の件で実際にあったのが、以下の状況です。<ul><li>クライアントはイラストに満足している</li><li>Webサイトのデザインにもフィットしている</li><li>ディレクターもOKを出している</li></ul>制作者であるデザイナーさんだけがクオリティに満足できず「もっとブラッシュアップしたい」と相談をくださいました。予算にまだ余裕があったので、追加調整いただき、さらに良いものに仕上がりました。このように、よりよいものに仕上げるためにも、イラスト制作費用を細分化することでよりよいものに繋がるということを感じました。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/4bc5da0d2ee743b38d8c1f7cce9c50a8/1692774497619-i7MA01cKdW.jpg" alt="" width="800" height="450"></figure>ブラッシュアップされたイラスト

02. 株式会社クリエイティブヒーローズ

<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/2bf9d02b1bde493cbca7aec3e4eefd39/1690521755716-KrK6EHw9Cx.jpg" alt="" width="800" height="500"></figure>イラストは社外のイラストレーターさんが制作<a href="https://www.ffa.ajinomoto.com/recruit/" target="_blank" rel="noopener noreferrer nofollow">味の素冷凍食品｜新卒採用情報</a>① 見積もりについてまず、イラストレーターさんに納期と予算感をタッチやモチーフなどの情報をまとめたリファレンスを元に確認。ディレクション費を含めた制作費をまとめ、クライアント・代理店への見積もりを提出いたしました。■ POINT ・イラスト制作費は、修正作業を考慮して、初めにイラストレーターさんから提示された金額にプラスでバッファを設けて依頼額を決定しました。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/13c1c63c8a2241f197ddbc729c752da4/1692774760806-f0wup9EJUq.jpg" alt="" width="800" height="450"></figure>ラフ<h3 style="text-align: start" id="hcb163664e1">② スケジュールについて</h3>■ イラスト制作スケジュール ラフ｜1週間 本描き｜1週間クライアントや代理店には、上記のスケジュールに＋3日でバッファを設けて大枠のスケジュール感を伝えました。弊社で品質調整をおこなうためにこの余白は必要な工数です。現に提出いただいた初稿を元にイラストレータさんとコミュニケーションをおこない、上記のラフ案が完成しております。<h3 style="text-align: start" id="h3e3378217f">③ 制作を振り返って</h3>前提として、今回のイラストは現実（2階建ての工場の断面図を作画）と未来の仮想空間（都会の街並み）を織り交ぜたものを依頼していました。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/9cf747479a5843a5bb70b74a52600f3f/1692774772307-dCRxiFf8tQ.jpg" alt="" width="800" height="450"></figure>初稿｜工場は2階建てラフから清書まで特に問題は発生しませんでしたが、進行途中で「工場を【3階建】にしたい」というご要望をいただきました。修正に伴い見積額も改定することでイラストレーターさんにも追加修正をいただきました。<h4 style="text-align: start" id="hd0e632fd7a">＜ ブラッシュアップの流れ＞</h4>料金内でのイラストレーターさんの作業不可を考慮して納品されたベクターデータを弊社のデザイナーでブラッシュアップする対応を実施しました。調整した作業は以下になります。■ 弊社デザイナーによる調整作業<ul><li>線を細く調整</li><li>色味の調整</li><li>雲・草など細かいディティールの調整　など</li></ul>その後、イラストレーターさんには工場部分のみ修正を依頼し、弊社デザイナーが修正したデータと工場をマージさせて完成に至りました。また、MVで使用されるイラストであることから、W幅を広げる（追加で作画）対応を実施いただきました。<figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/6103b9a97d0241f0b1416e848ba05371/1690528498267-rTH1hpbUH6.jpg" alt="" width="800" height="383"></figure>完成｜データをマージしたイラスト

03. 味の素冷凍食品株式会社｜採用サイト

<h3 style="text-align: start" id="h226a4cf1b9">① イラストレーターへの依頼前に確認すること</h3><ul><li>クライアントの目指しているイメージを正確にヒアリング</li><li>イラストの方向性を、言語化して固める</li><li>参考イラストなども添えて資料を作成。モチーフ・印象・タッチについて具体的にビジュアルでまとめる。資料はイラストレーターとクライアント両者に提出する。</li></ul>■ その他、依頼時に必要な情報の例<ul><li>案件概要</li><li>使用箇所（媒体）</li><li>サイズ感（実際の使用箇所より大きめに作画依頼する）</li><li>点数</li><li>納品形式</li><li>予算*</li><li>納期*</li></ul>— ※ 予算・納期についてはイラストレーターさんとご相談の上で決定<h3 style="text-align: start" id="haac7923e13">② 見積もり・スケジュールで留意すること</h3><ul><li>当初の見込みよりも大幅に工数がかかる場合があるので、見積もり・スケジュールにはバッファを設ける</li><li>フェーズごとに区切った見積もりを提出する</li><li>修正回数や内容に応じて、見積額を改定・交渉する意識をもつ</li></ul>■ フェーズの例<ul><li>イラストラフ画制作</li><li>イラストイメージ化制作</li><li>イラストパターン制作</li></ul>— ※ イラストの点数が多い場合は、すべてのラフ作成を行う前に、1点だけベースとなる本番タッチのイラストを作成し、クライアントに提出。方向性の確認をいただいてから全体制作を進めることも有効な手段です。<h3 style="text-align: start" id="h960639612f">③ 調整におけるデザイナーの作業ポイント</h3><ul><li>イラストをデザインに反映させる際は、色味やサイズ感をデザインに合わせて微調整。線幅などが少し違うだけで印象が左右されるので注意する。</li><li>メインイラストを展開する際は、まずメインイラストを注意深く観察して、タッチや顔のパーツの配置、世界観など、イラストを構成する要素をしっかりと読み取る。</li><li>イラストレーターさんに配慮して、合意をもとに作業を実施する。また、進捗の共有、完成したデータの共有を行う。</li></ul>オリジナルのイラスト制作では、修正作業に大幅に時間をとられがちです。バッファを設けることも大切ですが、できるだけ修正を少なくするためには、上述の通り、クライアントとイラストレーター両者と、目指すイメージを正確に共有できるかが重要な鍵となります。これからイラストディレクションをされる方やイラストに関わるクリエイターにとって、今回の記事が少しでも参考になれば幸いです。

04. まとめ

今回の記事は、案件を担当したディレクターさんヒアリングを元に、以下の書籍も参考に執筆させていただきました。こちらの書籍は、イラストディレクションについて、制作の方針を決めるところから納品までの基本ステップに加え、デザイナー / ディレクターの指示やラフなどを含んだ実案件での制作プロセスも多数紹介されています。実例を交えた本格的な内容ですが、書籍内にはイラストが効果的に活用されていて情報もわかりやすく、タイトル通り楽しくイラストディレクションについて知見を深めることができます。<h3 style="text-align: start" id="h2cc3b2d594">お勧め書籍のご紹介</h3><div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 163.6905%;"><iframe src="https://read.amazon.com/kp/card?preview=inline&amp;linkCode=kpd&amp;ref_=k4w_oembed_fKBjXmWYyY1wrN&amp;asin=4802511256&amp;tag=note0e2a-22" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen></iframe></div><h3 style="text-align: start" id="hd9bfee8cb0">参考イラストやイラストレーターを探す手段</h3>◆ SNS（X、Instagramなど） 制作物をSNSにアップしているイラストレーターも多いので普段からチェックしておくといざというときに役立ちます。また、気になるイラストレーターをフォローしておくと、関連する情報も提示されるので知らなかったイラストレーターと出会う機会も広げることができます。◆ Web検索（Pintarestや検索エンジンでの画像検索など） キーワード検索によって具体的な条件でイラストを探すことができます。特に、Pintarestは1つの検索結果画像から、似た画像を一気に検索できたりボード機能とピン機能によって、画像を任意のグループに分けて収集することもできます。日々の情報収集にも気軽に取り入れられますし、案件のボードを作って参考イラストをまとめておく、というような使い方も可能です。<a href="https://www.pinterest.jp/" target="_blank" rel="noopener noreferrer nofollow">Pinterest</a>◆ イラストレーターが多数紹介されている作品集をチェック 多数のイラストレーターが作品とともに紹介されている書籍は、個性あふれるイラストをまとめてチェックできます。『ILLUSTRATION』シリーズは毎年刊行されており、旬のイラストレーターを150名も紹介しています。<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 163.6905%;"><iframe src="https://read.amazon.com/kp/card?preview=inline&amp;linkCode=kpd&amp;ref_=k4w_oembed_Ycbxr3uPF2Bcp9&amp;asin=4798177865&amp;tag=note0e2a-22" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen></iframe></div>

05. イラストディレクションのお役立ち情報

最後に、弊社のイラスト案件を3サイトご紹介いたします！<h3 style="text-align: start" id="hcfa514682e">① 越智歯科昭和町医院</h3><figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/ddbf51ff72db48f298b1ed4c0d7a7b41/1692760873236-MXLoRPdlgC.jpg" alt="" width="800" height="500"></figure>手描きタッチの可愛らしいイラストで歯医者の怖いイメージを払拭<a href="https://ochi-dentalclinic.com/" target="_blank" rel="noopener noreferrer nofollow">越智歯科昭和町医院</a><h3 style="text-align: start" id="h1fd1b6f6ff">② 株式会社メール</h3><figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/cb85f712b21d455cbd005f15673273bb/1692760939177-UBvfEm6Bt9.jpg" alt="" width="800" height="500"></figure>DM制作を「木彫」で表現して職人感＝プロフェッショナル感を演出<a href="https://www.mail-dmc.co.jp/" target="_blank" rel="noopener noreferrer nofollow">株式会社メール</a><h3 style="text-align: start" id="ha233d175c2">③ 弁理士法人志賀国際特許事務所</h3><figure><img src="https://images.microcms-assets.io/assets/480cb31d57dc4d37929efda8f646bfb5/bf1a3c5c57574b56adaa07f8ffc76e24/1692760985678-rxTUcUBfNs.jpg" alt="" width="800" height="500"></figure>MVの煌めく原石をイメージしたイラストは3DCGで作成<a href="https://shigapatent.com/" target="_blank" rel="noopener noreferrer nofollow">志賀国際特許事務所</a>弊社のイラスト案件は以下の記事でも詳しく紹介しています。ご高覧いただけますと幸いです。最後までお読みいただきありがとうございました。<a href="https://note.com/mhand_note/n/nfe5a59fa9a84" target="_blank" rel="noopener noreferrer nofollow">『Webデザインの引き出し』 エムハンド制作のイラストサイト10選</a>

イラストディレクションについて

01. 社会保険労務士法人しろくまパートナーズ

02. 株式会社クリエイティブヒーローズ

03. 味の素冷凍食品株式会社｜採用サイト

04. まとめ

05. イラストディレクションのお役立ち情報

06. 弊社イラスト案件をPICK UP

Related Blogs

【潜入してみた👀】入社5ヵ月目のディレクターが挑む、ワイヤーフレーム会議

指示される側から、戦略を立てる側へ／元デザイナーが、ディレクターを選んだ本音とリアル

会社ホームページに使える英語表現！間違えると恥ずかしい32選

ウェブにおけるコピーライティングで気を付けるコトあれこれ