Genki Wi-Fi

フリーランス イラストレーター高田ゲンキの情報発信ブログ、『Genki Wi-Fi(ゲンキ・ワイファイ)』。

*

イラストの制作工程を公開!

      2014/08/28

 - イラストレーション, イラストの描きかた    -

LINEで送る
Pocket

07-header_enlargeこのブログでは、僕のイラストの描きかたについても書いていこうと思っています。(いちおうプロのイラストレーターとして生計を立てている)僕のスキルは、これからイラストレーターを目指す人たちの参考になりえると思うからです。というわけで、まずは本ブログ「Genki Wi-Fi」のヘッダー用に描いたイラストの制作工程をシェアすることにしました。

使用しているアプリケーション

前提として、制作環境について書いておきたいと思います。 まず、使っているアプリケーションは、ほぼIllustratorとPhotoshopのみです(ともにバージョンはCS6)。なぜ、「ほぼ」かというと、自分のこだわりというか好みの問題で、Adobe Streamlineという非常に古いソフトを使っているからなのですが、これは現在のIllustratorの「ライブトレース」機能で、ほぼ同じことができるので、「IllustratorとPhotoshopのみ」と言って差し支えないと思います。ちなみに、Photoshopはラフと線のトレースに使い、ストリームライン(ライブトレース)後の着色や仕上げは全てIllustrator CS6で行っています。

CS6は旧バージョンで、現在Adobeはパッケージ版アプリケーションの販売を停止して、月額制のCreative Cloud(CC)↓に移行していますので、もしこれからIllustratorやPhotoshopを買う人はCCがおすすめ(というか、正規で買うにはそれしか選択肢が無い)です。ただ、僕のイラスト制作は、アプリのバージョンに依存する要素がほとんど無いので、新旧問わず、どのバージョンでも(CS2以降くらいなら…)ほぼ同じような作業ができると思います。

sponsored link

使用しているハードウェア環境

ハード環境については、また別記事で詳しく描きたいと思っていますが(→書きました!)、MacBook Pro 17inch early 2011(SSD+メモリ16GB)を使用し、Thunderboltで24インチの外部ディスプレイに出力して作業。ペンタブレットはWACOMのIntuos 4(PTK-640)を使用しています。

では、ラフ作成から順に追っていきたいと思います。

Photoshopでラフを描く

01-header_rough_01 (↑画像はクリックで拡大します) まず、Photoshopでラフを描き始めます。僕は紙は一切使わず、いきなりPhotoshopでラフを描きます。画材は各自好みのものを使うべきですが、デジタルでラフを描くのに慣れるとアナログより遥かに自由に試行錯誤ができるので、いきなりこのくらいの描き込みでラフを描いても調整しながら作業を進めることができます。経験上、僕は「デジタルに抵抗が無い人」は、なるべくデジタルで描いた方が(少なくとも仕事で描く分には)利点が多いと思っています。ちなみにPhotoshopの設定等ですが、ラフ作成時のドキュメントやツールの設定等は以下の通りです。 ・ドキュメントサイズ 430mm×230mm/300dpi ・モードはグレースケール ・ブラシツールで描画(太さは4pt〜10ptを使い分け) ・適宜レイヤー使用(ラフ終了段階で20レイヤーほど)

ラフの構図を調整

02-header_rough_02 (↑画像はクリックで拡大します) 途中で思い直して右端の辺りのレイアウトを変更しました。中心から右にかけては、中心の人物(まあ、自分なんですけど)の頭の中から外に向けて想像力とか色んな願望がバクハツしているイメージにしたかったので、iMacから飛び出しているモノたちのベクトルも左→右の方が、絵の意味合いに合っていると判断したからです。ちなみに、こういう大胆な修正こそ、デジタルだからこそ簡単にできることの代表例のひとつです。一度それなりに描き込んだiMacを左右反転させて場所を移動するのも簡単にできますし、細かいことを言うと、キーボードだけはキー配列が逆になってしまうので、そこだけ消して書き直すことも可能なのです。iMacの移動に伴って、最初のラフで右上に描いたジョブスには右下に移動していただきました。この辺のレイアウトに関しては全く法則等は無く、感覚で描いています。

ラフが完成

03-header_rough_03(↑画像はクリックで拡大します) レイアウトが決まったあとは、ほぼ仕上げに近い状態まで一気に描きました。これで、ラフは完成です。 ちなみに、このイラストのテーマは「ブログで書いていきたいこと = 自分が好きなこと」なのですが、好きなもの(こと)を思いつくままに描いてみたところ、予想以上にApple率が高くなってしまいました…。まあ、Apple信者なので仕方ないのですが…。僕のApple愛についても、どこかで記事にしたいと思っています。イメージとしては中心より左が現実世界(僕が生活しているベルリンの風景)と僕の左脳(フキダシ)で、右半分は僕の頭の中…というイメージです。

sponsored link

Photoshopで線をトレース

Print(↑画像はクリックで拡大します) 仕上がったラフをいったん別名で保存し、300dpiから1500dpiに拡大して、今度はPhotoshopの鉛筆ツールでトレースをしていきます。画像はトレースが完了した段階のものですが、過程においては、けっこうパーツを別々に描いてレイヤー分けして作業をしています(後々の修正のため)。鉛筆ツールのブラシサイズは25ptから35ptをメインに使い分けます。ごくたまに15ptくらいの細さでも描きますが、ブログのヘッダに使うので、線がつぶれてしまうほどの細かい描写は避けて、ギリギリの緻密さを探りながらトレースしていきます。この辺の「使用媒体から逆算した制作」もデジタルならではのアドバンテージで、サイズや媒体の種類(印刷物なのかウェブなのか…等)に合わせて、適宜設定や描写を変えて最適な描写を作ることが可能です(もちろん、経験値が必要ですが)。

Illustratorで着色・仕上げ

05-header_color (↑画像はクリックで拡大します) トレースが完了したら、画像をストリームライン(またはIllustratorのライブトレース機能)を使ってベクター化し、Illustratorで着色をしていきます。Illustratorの使い方の詳細については、また別の機会に書きたいと思いますが、僕が描くイラストは、全てIllustratorで着色し、ここから完成までは一切他のソフトは使いません。

Illustratorでイラストを描くメリット・デメリット

06-header_outline (↑画像はクリックで拡大します) Illustratorの画面を「アウトライン」モードにすると、データがどんな風になっているか分かります。Illustratorの概念を知らない人には分かりにくいかもしれませんが、それぞれのパーツが切り絵のように重なって絵を構成しているイメージです。また、このIllustratorというソフトの最大の特長は「ベクター(ベクトル)データ」である(ベジェで構成されている)ことです。これもピンと来ない人もいるかも知れませんが、簡単に言うと、ベクターデータはPhotoshopなどのラスタデータ(ビットマップで構成されている写真のようなデータ)と違って、解像度の影響を受けないデータなので拡大縮小が理論上無限に可能で、極端な例を挙げると「マッチ箱のサイズで描いたイラストを駅ビルサイズに拡大」しても画像が粗くなることはありません(あくまで理論上ですが)。というわけで、今回のイラストも最終的な用途としてはブログのヘッダなので、このサイズでの使用を前提として描いていますが、それなりに細かく描いているので、必要に応じて例えばこのくらいのサイズに拡大してもモザイクのように荒れて汚くなることが無いのです。

一方で、Illustratorの欠点としては「幅広いタッチに対応できない」ということが挙げられます。つまり、ある程度「Illustratorっぽい」絵にしかならないので、たとえば水彩っぽいタッチを望んでいる人には当然不向きです(そういう人はPhotoshopかPainterを使うと良いと思います)。しかし、Illustratorっぽいタッチ(マットな色使いや明確な線)を望んでいる人がIllustratorで描くメリットは非常に大きいと思います。

なお、冒頭でも書きましたが、僕はイラストを描く際に紙や鉛筆を含む一切のアナログ画材を使いません。最初からPhotoshopでラフを描き始め、一度もスキャンもプリントも せずに、Illustratorでの仕上げまで全てMacで完結しています。当初は紙にラフを描いたり、線のトレースもライトボックス(紙の下から光を当 てて、透けて見えるラフをトレースする装置)を使ってペンで描いていましたが、試行錯誤を繰り返した後に、今のデジタルで完結するスタイルに至りました。 これはいろいろと理由があるのですが(その理由については、またの機会に書こうと思います)、結果として、この手法にしてからイラストのクオリティが上がっただけでなく、クライアントからの修正対応にも、より柔軟に対応できるようになり、また、効率化による作業時間の短縮にも成功しました。

以上、簡単に僕のイラスト作成工程を説明してみました。こうしてイチから説明するのは初めてなので、後々気になる点が多々出てきそうですが、ブログの特性をいかして都度修正していこうと思います。質問等ありましたら、コメント欄にお願いします(あるいはメールでもOKです)。

sponsored link


LINEで送る
Pocket


 - イラストレーション, イラストの描きかた    -




Comment

  1. ダッツン書籍編集者 より:

    はじめてサイトを拝見しました、イラストレーターの方は色々と装画や挿絵、雑誌などの最新の仕事を随時公開したりしていますが、そういうのはしないのでしょうか?ドイツのクライアントとの仕事はどういう方法でされているのか、またドイツではどういう媒体でされているのかなど見たいと思いました。

  2. 高田ゲンキ より:

    ↑ダッツン書籍編集者さん

    はじめまして。コメントをありがとうございました。

    こちらのブログでは作品紹介より情報発信を中心にしていくつもりで、仕事等のイラストは下記URLの別ウェブサイトに掲載していますので、よかったらご覧ください。

    http://www.genki119.com

    なお、当方はドイツで生活を始めてからまだ1年半しか経っておらず、ありがたいことにその間日本からのイラストの仕事依頼が途絶えていないので、今のところ日本のクライアントとの仕事がほとんどなんです(海外に居ながら、日本のクライアントとどのように仕事をするか…という内容の記事もそのうち書きたいと思っています)。

    今後、要望があれば、海外でのプロモーションや仕事のしかたなども書きたいとは思いますが、まずは10年の経験を通して確信を得ている部分である日本の仕事についてフォーカスし、日本国内でイラストレーター(のみならずフリーランス一般)をされている方や目指す方に参考にしていただけそうなトピックを発信していこうと思っています。

    また、書籍編集者様ということですので、お仕事のご依頼等ありましたら是非よろしくお願い致します!

  3. ダッツン書籍編集者 より:

    お返事ありがとうございます。

    そうでしたか、日本のクライアントのお仕事をされているのですか、私はプロモーションの方法よりも実際の仕事の具体例をもっと拝見できればと感じました。

  4. 高田ゲンキ より:

    ご意見ありがとうございます。

    こちらのブログでのイラスト関連の発信の主旨について、まだ明確に書いていませんでしたので、ご説明させていただきます(ある程度関連記事がまとまったら書こうと思っていました)。

    僕は、昨今の日本語圏でのイラストレーター向け、あるいはイラストレーター志望者向けの情報は少なく、また偏っていると感じています。業界誌は技術面、特にデジタル技術を記事として扱うことが少なく、非常に有名な一部のイラストレーターのみをフィーチャーし、また、扱うイラストレーションもアナログタッチに極端に偏っています。一方、(例えば僕のような)目立たない職人的な仕事をデジタル画材でやって生計を立てているイラストレーターのサンプルは非常に少なく、若いイラストレーター志望者が前者(アナログで目立つ仕事をするイラストレーター)志向に偏っていることに問題を感じているんです。華やかな仕事にあこがれを抱くこと自体は悪くありませんが、ビジネスとして仕事の単価や需要の面を比較すると、後者の方が現実的に一生の仕事としてイラストに関わることができる率は高いはずなので、せめて、その両方(アナログかデジタルか、また、アーティスト的か職人的か)の選択肢を知ることが大事だと思い、足りていない情報発信の一端を埋めるために、ささやかながらこのブログを始めた次第です(実際、こういった発信自体には思った以上の需要があるようで、すでにかなり多くの方にアクセスしていただいています)。

    ダッツン書籍編集者さんのおっしゃるように「仕事の具体例」も、たしかに増やすべきなのですが、僕が関わる仕事の多くは、言わばB to B的要素が強い、大企業の広告や社内向けのモノなど、イラスト自体に匿名性が必要な(作家の人間性はなるべく無い方が良い)場合が多く、必ずしも全ての仕事を紹介できるワケではないのです(これはB to Bの優良企業が、その無名性ゆえに新卒枠の就職学生に人気が無いのと似ていると思っています)。そういったジレンマもありますが、イラストのクオリティ的に、仕事で描くものと比べて遜色の無いオリジナル作品の制作過程を公開することで、まずは発信を始めてみました。

    余談ですが、そのうち編集者やデザイナー、ディレクターの方向けに「効率的なイラストレーターの探し方」的な内容の記事も書いていきたいと思っています。と言うのも、この点のマッチングもネットの恩恵が活かしきられておらず、年鑑的ファイルやエージェント頼みという30年来変わらない手段に頼っている人がまだまだ多く、その点の効率化の余地が非常に大きいと感じているからです。

    仕事の合間に書いていきますので、イラスト系の記事はそれほど頻繁に更新できないと思いますが、今後ともよろしくお願い致します。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

【再追記アリ|妻の仕事紹介】 American Expressのカードアートシリーズ

こんにちは。高田ゲンキ( genki119)です。 今日は、妻 高田美穂子の仕事を紹介します。 sponsored link Contents1 America …

【告知】イラストレーションの師匠、大寺聡さんが 渋谷で個展開催中です!

こんにちは。イラストレーターの高田ゲンキ( genki119)です。 僕がイラストレーターになったきっかけは、2002年に雑誌で大寺聡さんというイラストレーター …

no image
イラストレーターがブログをやるべき6つの理由

ブログの更新が1ヶ月以上止まってしまっていました。その間アクセスしていただいた方、スミマセン…、そしてありがとうございます! 以後、なるべく頑張って更新頻度を上 …

大阪府堺市の「モバイルモール」に、
当ブログのイラスト(大阪Ver.)が!

Contents1 ※追記(2015年6月28日)2 いきさつ3 イラストを大阪バージョンにアレンジ!4 オープン後、写真も送っていただきました ※追記(201 …

メリークリスマス!

メリークリスマス! 高田ゲンキ( genki119)です。 師走というだけあって、ここのところずっとバタバタと忙しく、ブログも更新できない日々が続いていますが、 …

イラストレーターになるには

sponsored link Contents1 この話をシェアしようと思ったきっかけ2 補足的な内容3 こちらも合わせてお読みください この話をシェアしようと …

イラストレーターのMac環境(ノマド編)

「イラストレーターのMac環境」シリーズ、メインマシン編、周辺機器編につづいて「ノマド編」です。 【関連記事】 イラストレーターのMac環境(メインマシン編) …

イラストレーターのMac環境(周辺機器編)

前回の「メインマシン編」に続き、今回は周辺機器に関してです。 sponsored link Contents1 ペンタブレットはintuos 42 外付HDDは …

【お仕事報告・書籍紹介】「手取り15万円でも年60万円貯まる節約のレッスン64」

4月13日(月)に発売された「手取り15万円でも年60万円貯まる節約のレッスン64」という書籍でイラストを描かせていただきました。 正直に言うと、僕自身は節約に …

イラストレーターになるには①
「イラストレーターになりたかったら、デッサンをやるべし!」

前回のエントリー「続・イラストレーターになるには – 序章『イラストレーターは職人であれ!』」から間が空いてしまいましたが、「イラストレーターになるには」シリー …

イラストの制作工程を公開!

フリーランス イラストレーター高田ゲンキの情報発信ブログ、『Genki Wi-Fi(ゲンキ・ワイファイ)』。

Copyright© Genki Wi-Fi , 2014 All Rights Reserved.