イラスト技法&練習方法

ブレて見える「色収差」加工で、イラストのクオリティを上げてみよう!

この記事では、以下のことについて解説しています。

●イラストがかっこよく見える「色収差」とは?
●色収差のメイキング
●こんなシチュエーションのイラストに効果的!

こんにちは!無印かげひと(@kage86kagen)です!

最近、SNSに投稿されているイラストでは、「主線がちょっとブレているようなテイストのイラスト」が流行しているように思えます。
SNSを頻繁に見ている方は、下のようなイラストをなんとなく見たことがあるかもしれません。

あー、なんとなく見たかも…。ぱっと見、普通のイラストと変わり無さそうだけど、アップで見ると主線がブレているというか、いくつも線があるように見えるというか…。
ワインさん
ワインさん
なんだか、写真で撮ったような残像」に見えなくもないですね…。

このように、「色がブレている」ような見え方は「色収差と言われる現象だそうです。この色収差を利用すると、普段のイラストをよりかっこよく見せることも可能になります

かげひと
かげひと
しかも、ペイントソフトで手軽に再現できる技術なので、覚えておいて損はないですよ!

ということで、本日はイラストのちょっとした技術「色収差」について紹介していこうと思います。

「色収差」とは?

まず初めに「色収差」について説明していきましょう。「色収差」というのは、超簡単に言うと「色がブレて見える」現象です。

色収差(いろしゅうさ、chromatic aberration)とは、レンズ類で像をつくるときに、レンズ材料の分散が原因で発生する収差で、像の色ズレとしてあらわれる。

引用元:Wikipedia「色収差」(https://ja.wikipedia.org/wiki/%E8%89%B2%E5%8F%8E%E5%B7%AE)

試したことがある人もいるかもしれませんが、プロジェクターに電源を入れてスクリーンの前に立ってみたりテレビ画面などに顔を超近づけて見たりすると、「色がブレている」ように見えるかもしれません。これも「色収差」の一つです。

かげひと
かげひと
特に、「ブラウン管テレビ」を間近で見てみると、「ブレブレ」感がはっきり分かりますよね。
「ブラウン管テレビ」…、懐かしい響きだね。

色収差をするとイラストがかっこよく見える

この色収差をイラストに活用すると、通常のイラストよりも「そのシーンの空気感」を表現することができ、さらにかっこよく&感情的に見せることができます。

左のイラストは、主線や着色がはっきりくっきり見えている状態ですが、色収差の加工をした右のイラストは主線が少しぼやけていて、まるで「写真」を撮ったかのような感覚があります

かげひと
かげひと
色収差」という技術は、写真撮影の時にわざとやったりすることもあるそうです。「色収差」を意識することで、表現したい雰囲気を醸し出すことができるのでしょうね
ワインさん
ワインさん
デパートや美術館でよく開催されている「写真の展覧会」でも、そういった技術を使った作品を見かけることがあります。

まとめると、色収差を取り入れることによって、イラストがカッコよく見えたりエモい雰囲気(センチメンタルな雰囲気)に見せたり、写真っぽく見せたりなど、様々な雰囲気に誘導することが可能となります。

色収差のやり方

では、そんな「色収差」の加工方法について、詳しく説明していきましょう!

1.1 制作中のイラストのレイヤーを「すべて結合する」

色収差1

まずは下準備として、制作中のイラストのレイヤーをすべて結合します。レイヤーを結合して「保存」してしまうと、元のバラバラレイヤーに戻すことができなくなりますので、結合前のイラストデータを取っておいたほうが安心です

その後、イラストの原画を「3枚」にコピーして増やしておきます。

1.2「」色の乗算レイヤーを新規で3枚作る

次に、新規レイヤーを3枚作り、それぞれ「塗りつぶしツール」を使って」、「」、「色一色に塗りつぶします。

その塗りつぶしたレイヤーを、先ほどコピーしたイラストレイヤーの上に持っていきます

かげひと
かげひと
赤・青・緑」はすべて「原色」で着色することをおススメします。
RGB形式の数値でいくと、
は「R255のみ」
は「B255のみ」
は「G255のみ」
…をそれぞれ指定して塗っていきましょう。
原色を使えば一番効果的。逆に、少しでも他の色が混じった色を使ってしまうと、加工が上手くいかないよ。

2 乗算レイヤーとイラストをそれぞれ結合する

先ほど作ったレイヤー同士を「結合」させていきます。
赤(乗算レイヤー) + 原画イラスト1枚目
青(乗算レイヤー) + 原画イラスト2枚目
緑(乗算レイヤー) + 原画イラスト3枚目
上記のような感じです。

そうすると、上記の画像のように、目に悪そうな色合いに変身します。

かげひと
かげひと
まぶしい。

3 赤と青のレイヤーのみ「スクリーン」に変更する

次に、「緑レイヤー」を一番下に持っていき、「」と「」レイヤーのみ、「合成モード」の「スクリーン」に変更します。

そうすると、元のイラストの色合いに戻ったように見えます。

ワインさん
ワインさん
本当だ、原画の色合いに戻りましたね…。

4 「赤」と「青」レイヤーをずらす

いよいよ最後の仕上げです。
「スクリーン」に合成した「・「」レイヤーをちょっとずらします

一番下の「緑」レイヤーには手を付けません。

あ!色がずれた!色収差の発生だ!

それぞれレイヤーを「選択」し後に、右や左、斜め方向など、好きな方向に少し動かします。
ただし、やりすぎにご注意ください。やり過ぎてしまうと、見ている側の目が痛くなってくるので、パソコンの矢印キーなどで「ちょこっと」動かす程度でOKです。

 

5 完成!

初見で見ると、加工方法は少し複雑かもしれませんが、慣れてしまえばおよそ3分ぐらいで加工することができます

3分でかっこよく魅せることができる…。これでイラストのクオリティも確実に上がりますね!

こういったイラストにやると効果的

ただ、闇雲に「色収差」を使っても、さほど効果が無いイラストもあります。そこで、「色収差」加工に適したイラストをいくつか取り上げてみました!

カラフルなイラスト

彩度が高い色や、背景が白に近い色合いのイラストを作った時は、「色収差」加工も視野に入れてクオリティアップを狙うのもいいかもしれません
サイケデリック」なイラストに変化させることができる…?

動きのあるイラスト

勢いのある「戦闘シーン」を表現する時にも適しています。これに加えて、「明るい背景」や「原色」に近い背景だと、なおカッコよく見えることでしょう。
もし、そういったイラストがありましたら、ぜひとも試してみてください!

逆に「暗めのイラスト」は効果が無い…

背景が黒一色だったり、黒とは言わないけど「イラスト全体が暗め」のイラストは、あまり効果が見えません

「主線のボヤケ具合」が色収差のいい所なので、上記のイラストで色収差を表現したい場合は、

  • 主線を黒ではなく「明るい色」にする
  • 「赤」「青」レイヤーを大幅にズレさせる

…といった工夫を凝らすといいかもしれません。

まとめ

いかがだったでしょうか?
今回は、イラストのクオリティを上げる「色収差について紹介してきました。

色収差という技術を覚えると、イラストをよりカッコよく魅せたりエモい雰囲気を醸し出すことができます

加工方法さえ慣れてしまえば、およそ3分以内で加工が終わります。3分でイラストのクオリティを上げることができる…。これはおいしいのではないでしょうか?

ちなみに、より色収差の効果が出せるイラストは、

  • カラフルなイラスト(背景が白でもOK)
  • 戦闘シーンや感情的なシーンなど、動きのあるシーン

…といったシチュエーションに適しています。

暗めのイラストであっても、ひと工夫すれば「色収差」が映えるイラストになりますので、みなさんもぜひ、「色収差」でイラストのクオリティを上げてみてください!

最後までご覧いただきありがとうございました!

それでは!

イラストレーターを目指す会社員(退職準備中)
無印かげひと
「少しエモいイラスト」と、「ビジネス向けイラスト」の2種類の絵柄を使い分けるフリーランスイラストレーター。コーヒーとワインと無印良品が好き。