イラストの仕上げ加工講座

2020年4月12日 at 12:10 PM

色塗りが終わったけど、なんだかイラストが寂しい…もうちょっとパッと華やかにさせたい…という時の仕上げ加工講座です。
操作方法自体はそこまで詳しく説明していませんが、「この加工をするとこういう効果が生まれます」と説明していますので、必要に応じて欲しい効果の加工を取り入れてみてください。

CLIP STUDIO PAINT(クリスタ)とPhotoshopを使用していますが、そんなに特殊な機能は使っていないので、他のソフトでも同様の機能があれば真似できると思います。それでは早速いってみましょう!

てとらアイコン2 何も加工していない状態

こちらは塗り終わった未加工の状態です。
線画と塗りでレイヤーが分かれており、クリスタで作業をしています。

全体的もっと明るく幻想的な雰囲気にしたいので、ここから色々な加工を加えていきます。

しぃるアイコン2 線画を色トレスして雰囲気を変える

色トレスとは線画と塗りをなじませるために、線の色を隣接する塗りと近い色に変えていくことです。線がなじんで空気感がでます。
主線の色を変えるだけでも印象がかなり変わりますので、色トレスするのは大変!という方も、黒い線から焦げ茶やイラストのイメージにあったカラーなどに変えてみると楽しいですよ。

クリックで拡大します

クリスタを使用している方は色トレスで素材検索するとオートアクションが見つかりますので、それを使用すると楽ちんです。私は今回こちらのオートアクションを使用させて頂きました。
もちろん新規レイヤーを線画レイヤーにクリッピングして、ブラシツールなどで隣の色を拾って塗っていくのでもOKです。

環境光を描き加えて雰囲気UP

今回のイラストは上にある月から黄色い光が出ているので、もっと黄色っぽく光らせることにしました。塗りの上に新規レイヤーを作成、ブラシで光らせたい部分に黄色を置いて、合成モードをオーバーレイにします。

こうすることで要所要所に黄色みが足され、月の光を受けているように見えるようになりました。

クリックで拡大します

ノイズを加えて情報量を増やす

ノイズを加えることで、イラストを見た時の情報量を増やします。
塗りが単調になるのを防いだり、アナログっぽさを出したりできます。
今回はざらっとしたノイズテクスチャを透明度80%の焼き込みレイヤーで加えましたが、ランダムに描かれた水彩テクスチャなどを重ねても面白いです。透明度や合成モードをいろいろいじってみて合うものを探します。

焼き込みレイヤーで重ねると色が濃くなってしまうので、塗りレイヤーを10%ほど明るく調整すると良くなります。

クリックで拡大します

カイアイコン ぼかして空気感を出す

さて、ここまで加工したら一旦これまで作ったすべてのレイヤー(線、塗り、加工レイヤー)を複製し、それらをひとつに結合します。(必ず複製してから結合してください!)
全て結合したレイヤーを3枚複製します。内2枚をガウスぼかし(ぼかす範囲25)をかけます。ぼかす範囲は解像度によって異なりますが、とりあえずピント合ってないなー!ってくらいぼかします。

下のぼかしレイヤーは透明度20%、上のぼかしレイヤーは透明度54%に下げます。
下のぼかしレイヤーは優しい雰囲気作りのためです。
透明度20%まで下げると元のイラストが少し滲んだようになり、全体がふんわります。
上のぼかしレイヤーは見て欲しい場所のピント合わせに使います。
キャラクターの顔など重要なところは柔らかい消しゴムで消し、四隅は残します。こうすることでピントの合ってる場所とボケてる場所ができます。

一番上のレイヤーは合成モードをソフトライトにし、透明度を25%に下げました。こちらはコントラストを微調整するためです。

色味を調整する

ここでクリスタからPhotoshopに移動してきました。
(そのままクリスタでもできます。)
上記で加工したレイヤーを再び全て複製してから結合します。

ここで全体の色味を調整します。
先程部分的に黄色の光を足しましたが、塗りの段階から月の光を意識しすぎて全体的に黄色に寄りすぎた気がしたので、色相を赤みに寄せます。
彩度も+10しました。

クリックで拡大します

レベル補正レイヤーを使って発光させる

これらの元レイヤー、色調補正レイヤー2つをさらに複製、結合したレイヤーを作ります。
そのレイヤーにレベル補正をかけます。3つの三角を右側に寄せてコントラストを上げまくって半分くらい黒くします。補正レイヤーを結合し、合成モードをスクリーン、透明度を30%に下げます。
ふんわり発光させることができます。

クリックで拡大します

色レイヤーを乗せて全体の色味をまとめる

最後に赤い塗りつぶしレイヤーを一番上に乗せ、合成モードをオーバーレイ、透明度を6%にしました。
隣同士に並べてもわかりにくいのですが、レイヤーをオンオフすると結構違いが分かります。ささやかな違いと言えばそうなのですが!

クリックで拡大します

これにて仕上げ加工作業は終了です!お疲れさまでした!

 完成!

加工ありなし
クリックで拡大します

左が加工前、右が加工後です。
こんな感じでガラリと雰囲気が変わりました!
ひとつひとつの加工は変わったかな?どうかな?というくらいのものですが、ちょっとずつ微調整すると最終的にはだいぶクオリティがアップします!
全てをやる必要はないかもしれませんが、ぜひ自分のイラストにあった加工方法を色々挑戦してみてくださいね♪

少しでもお役に立てれば幸いです!
それでは良いお絵かきライフを!!

Tetra StyleのInstagramアカウントができました!

2019年11月11日 at 2:40 PM
インスタグラムの画像

アカウント名は

@tetra_style

です!

インスタでは最新情報の他、イラストもたくさん投稿しますのでぜひフォローしてくださいね♪

かわいいうさぎのインスタアカウントもあります☆
こちらも合わせて宜しくお願いします!

@kawaii__usagi

「ペイント」のイラスト制作過程&真夏のデザフェス告知!

2019年6月19日 at 11:07 PM

春のデザフェスで新作として出した「ペイント」のイラスト。
自分の備忘録も兼ねて制作過程をざっくり書いてみます。

1.スケッチブックにラフを描く

過去に描いたイラストを見比べて、まずは好評だったイラストの条件を考えてみました。
・各キャラの顔が大きくわかること
・カラフルにすること
・勢いのある感じにする
これが揃っているとなんだか良いイラストになりそうです。

そして今回は条件に沿うテーマを【ストリート】と決めてラフを描きました。
かなりざっくり。スイの頭の上にスニーカーが乗っかっていて泣いてます。かわいそう。

2.PCにラフを取り込んで、下書き

PCにラフを取り込んで、下書きをします。ラフではモカの顔がてとらの耳と被ったりしていたのでキャラクターの位置の調整もします。今回は勢いの良い感じにしたかったので、重要なパーツ(顔やロゴ)はA4(枠線内)に収まるようにしつつ、外にはみ出るように描きました。スイが可哀想だったので全然違うポーズになってたりします。

3.線画

下書きが大体できたのでペン入れをしました。缶の中身やロゴは後ほどillustratorで描く予定なので、ここでは空けています。
てとらの持っている筆のインクは分かりにくいので別レイヤーに線画の色を変えて描いています。

4.下塗り・影付け

ざっくり色を乗せました。カラフルにしたいので彩度高めの色をとりあえずおいています。コナモカが抜群にチカチカしますね!!対しててとらが地味めであんまり目に入ってきません。
左上のロゴはとりあえず仮置きし、左下は寂しかったのでさぼってんを追加しました。

5.色の調整・細部の描画・テクスチャの追加

色を調整していきます。コナの髪色やてとらのずきんなど大分色を変えました。これで最初にてとらに目がいってくれそうです。
髪のハイライトを入れたり、全体にテクスチャを薄く加えて情報量を増やしました。
ロゴや缶のラベルをillustratorで別に作り、はめ込みます。

6.細部を修正して完成!

さっきので完成〜!と思って告知とかに使っていたんですけど、よくよく見ていたらスイやしぃるがスニーカーを履いていないのに違和感を感じてきました。(ラフの段階では殆どのキャラが履いてない設定だったため、あんまり気にしてなかった…)なので、スイとしぃるにスニーカーを履かせたり、ぎゅうぎゅう押し合ってる感が欲しくてコナの手を描き加えたりしました。
これでようやく完成です!!

過程を連続で見るとこんな感じ!

GIFアニメなので所々画像が荒れてますが…(笑)
こんな感じで制作していきました!
最後の最後、さらにコナの口位置とか修正してますね…完成!と思ってもずっと見ていると気になる箇所がいろいろ出てくるものです…(苦笑)

しぃるアイコン2 話は変わって真夏のデザフェス告知!

さて、話は変わりまして、夏のデザフェス(8/3)に出展が決まりました!

今回Tetra Styleは青海会場、3日(土)のみの出展ブースNo.はB-254です!
青海会場はりんかい線東京テレポート駅に直結です。

お間違いのないよう、よろしくお願い致します!

あけましておめでとうございます!

2019年1月1日 at 12:01 AM

2019年賀状

新年あけましておめでとうございます!

昨年はたくさんの方にイベントに来て頂き、ありがとうございました。

今年はすでに5月18〜19日のデザフェス出展が決定しております!

2019年もてとらたちTetra Styleをよろしくお願い致します♪

暑中お見舞い申し上げます!

2016年7月29日 at 9:51 PM

しぃるアイコン2 涼しげなPC壁紙配布中!

日差しが強い毎日が続いておりますが、皆様はお元気でお過ごしでしょうか?

我々は暑い暑い言いながらも元気でやっております。

Tetra Styleより暑中お見舞い兼PC用壁紙をご用意致しました。

宜しければ下記のイラストをダウンロードしてください。

2016夏壁紙

現在なんとかGOが大流行しておりますが、プレイする際に大活躍するモバイルバッテリーが販売中です!!

そしてUTme!のTシャツも販売開始になりました!!

梅雨が明けてこれからもっと暑くなるかと思いますが、今後ともTetra Styleをよろしくお願いします!