イラストを描いているときに

• なんかのっぺりして物足りない
• 簡単な方法で見栄えを上げたい

と感じたことはないでしょうか？

クリスタの質感合成を使えば簡単にイラストの情報量を増やすことが可能です。

イラスト全体に使ってアナログ風に見せたり、背景に使って質感の情報量を増やしたりと見栄えよく仕上げる方法をご紹介します。

質感合成のアイコンが見つからない場合や質感合成で暗くなる原因、おすすめのテクスチャもあわせて解説してますので参考にしていただければ嬉しいです。

また、他のソフトでもクリスタの質感合成を再現できるテクニックも解説しますのでクリスタ以外の方も参考になれば幸いです。

質感合成は「画像素材レイヤー」を使う

質感合成を行う上で重要なポイントですが、クリスタのキャンバスに描いただけの画像では質感合成することができません。

質感合成のアイコンが見つからない場合は画像素材レイヤーという特殊レイヤーを使ってないことが考えられます。

クリスタの奥行ダストブラシを使ってキャンバスに描画したとします。

このままでは質感合成を使うことができないので、メニューから「レイヤー」→「レイヤーの変換」→「画像素材レイヤー」を実行します。

すると、レイヤープロパティに質感合成のアイコンが表示されるようになり、ONにすると質感合成が可能になります。

クリスタの画像素材パレットからドラッグ＆ドロップしたり、jpgやpngなどの画像を直接クリスタのレイヤーパレットにドラッグ＆ドロップした場合は最初から画像素材レイヤーになっているので、そのまま質感合成が可能です。

質感合成では画像素材レイヤーの下にある全てのレイヤーに適用される

レイヤープロパティの質感合成アイコンをクリックすると、画像素材レイヤーの下にある全てのレイヤーに対して効果が適用されます。

具体例として下の画像に対して質感合成してみようと思います。

一番上に画像素材を置いて質感合成すると、イラスト全体にアナログ風の印象を持たせることができます。

選択する画像素材次第で布地や画用紙風など様々に変化を加えることが可能です。

次に背景だけに質感を加えたい場合は、キャラクターのレイヤーと背景レイヤーは分けて背景レイヤーの一番上に画像素材を置いてください。

キャラクターを背景と分けて表現したいときによく使っていて、実際に公開した完成絵では背景のみに質感合成を行ってます。

特定のレイヤーやレイヤーフォルダーだけに質感合成したい場合はクリッピングレイヤーを使うことも効果的です。

質感合成の注意点

レイヤーフォルダーに中にある画像に対してだけ質感合成をしたい場合は、レイヤーフォルダーの合成モードを通常にしてください。

合成モードが通過の場合、下の画像にも全て適用されてしまうので注意が必要です。

そして質感合成は画像素材の外にある透明な部分にはうまく合成されません。

緑の縦ラインレイヤーと横ラインレイヤーに木目画像素材を重ねて質感合成した状態です。

画像として色がない透明部分は暗くなってしまうので大きなテクスチャを使うか、素材を画像変形で拡大するか、タイリングできる素材を使うようにしましょう。

続いて、緑の横ラインレイヤーと木目素材だけレイヤーフォルダーに入れました。

レイヤーフォルダーの合成モードが[通過]の場合は先ほどと同じ結果になっています。

ここで合成モードを[通常]にすると、

緑の横ラインレイヤーにのみ、つまりレイヤーフォルダーの中だけ質感合成が適用されます。

質感合成をレイヤーフォルダーの中だけにしたいときはレイヤーの合成モードに注意してください。

レイヤーの合成モードやクリッピングに関してはこちらで詳しく解説してますので、よければ参照してください。

あわせて読みたい

【クリスタ】フォルダとクリッピングしても反映されないときの対処法！ クリスタのクリッピング機能は非常に便利で使う機会が多いのですが、レイヤーフォルダをクリッピングしたときに、 思った結果と違う！色が反映されない！ といったトラ…

実際の質感合成活用例

今回のイラストでは石でできた床の質感を手軽に表現したかったので、床部分にだけ質感合成を行いました。

まず、ベタ塗りの床に一部だけ気持ち程度にパースを感じられる線を鉛筆で描き入れたました。

続いて床の色の違う部分をパースに沿ってベタ塗りしました。

きっちり塗れれば良いのでミリペン一気に塗ってもGペンで枠を描いて塗りつぶしでもいいと思います。

その上に[油彩]の混色質感ブラシでラフな感じで適度に色ムラを乗算で乗せました。

ここに質感合成を加えるとこれだけで床としては十分かなという仕上げになりました。

使っている素材は後述のおすすめ素材で紹介してます。

CLIP STUDIO ASSETSの無償素材なのでぜひ活用してください。

最後に覆い焼き（発光）レイヤーで光と焼き込みレイヤーで影を加えて印象を整えたら出来上がりです。

本当にお手軽で助かる機能です！

クリスタ質感合成の設定方法

クリスタの質感合成で素材感の強弱をコントロールする方法は以下の3つです。

• 質感合成の「強さ」の数値を変える
• 画像素材レイヤーの不透明度を変える
• 画像素材レイヤーの合成モードを変える

質感合成の「強さ」の初期値は30です。

数値を上げると、素材の質感がより強調されます。

レイヤーの不透明度を下げると薄くなるので、最適な素材感を合成してみてください。

難しいのはレイヤーの合成モードの変更だと思います。

後述しますが、質感合成を行った段階でリニアライトとして合成されてます。

ここからさらに合成モードを焼き込みやオーバーレイにすると、頭の中で考えるよりとりあえず実際に試していくくらいの気持ちでやったほうが早いと思います。

私は強さや不透明度を少し変更する程度で他はあまり変えないことが多いです。

他のソフトで質感合成を行う方法

クリスタの質感合成はクリスタ独自機能ですが、実際の質感合成の仕組みを私なりに解析したものをご紹介します。

この方法であればクリスタ以外でも再現が可能ですので試してみてください。

同じ木目の画像素材に対して、左にクリスタの質感合成機能を適用するもの、右は質感合成を再現していくものとして用意しました。

先に右のレイヤーに対して質感合成を再現する手順を紹介しますと、

1. 新規色調補正レイヤーから「色調・彩度・明度」を選び、画像素材レイヤーの彩度を-100にして彩度をなくす
2. 合成モードをリニアライトにする
3. 新規色調補正レイヤーから「階調の反転」を実行
4. レイヤー不透明度を15％にする

レイヤー不透明度15％が質感合成の強さ30と同じになります。

レイヤー不透明度100％のとき、質感合成の強さは200になります。

では質感合成では何が行われているのか詳しく解説していきます。

左の素材に対して質感合成を行うと、下地の赤色に対して質感を出すように表示されます。

この質感合成した表現を右のレイヤーで再現していきます。

右のレイヤーに対して［色相・彩度・明度］から彩度をすべて下げて無彩色にします。

次にレイヤーの合成モードをリニアライトに変更します。

続いて［階調の反転］を行います。

この手順までがクリスタの質感合成で行っている基本的な処理と考えられます。

質感合成の強さが30のとき、質感合成を再現した右レイヤーの不透明度を15％にすることでほぼ同様の結果が得られます。

逆に質感合成再現レイヤーの不透明度を100％のままにした場合、質感合成の強さ200と同様の結果となってます。

レイヤー不透明度はこれ以上変えられないので、質感合成の強さ400にした場合の再現となると、新規色調補正レイヤーから「レベル補正」を使って強さをコントロールしていくことになります。

質感合成の強さ200以上は完全な再現は難しいですが、擬似的には十分可能です。

ただ、あまり質感合成の素材感を強くすると元のイラストに大きく影響を与えてしまうのでほどほどがいいのではと考えてます。

クリスタの質感合成ではさらにレイヤーの合成モードを変更できるのですが、それを他のソフトで再現するのは難しいと思いますので、クリスタの通常の質感合成以上を使いたいのであればクリスタを使うのが一番簡単です。

クリスタ質感合成でのおすすめ素材

クリスタでの質感合成用のテクスチャ素材ではこちら無償でおすすめです。

CLIP STUDIO ASSETS

セリーサルトの生のテクスチャ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

石の床や砂浜の質感表現ではRAW[HVS]を使いました。

もうひとつ、無償素材で

CLIP STUDIO ASSETS

ざらグレーテクスチャ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

こちらは質感合成ではなくオーバーレイで重ねたりすることも多いです。

画像素材を使いたい場合はtextures.comがおすすめです。

英語サイトで登録が必要になりますが、メールアドレスを登録すれば無料で使うことができます。

特に使いやすいのは上部メニューのLibraryからOverlays>Bitmaps Overlaysのテクスチャです。

オーバーレイで使うことを前提としていて、画像の上にSEAMLESSと書かれているものだと継ぎ目のない画像パターンですのでクリスタでタイリングさせても使い勝手がよいので色々と試してください。

クリスタで画像素材レイヤーをタイリングする場合はツールプロパティからタイリングのチェックボックスをONにしてください。

ダウンロードの方法ですが、無料で使うならFreeと書かれているもの、そして1日に15クレジットの範囲でダウンロードすることが可能です。（クレジットは翌日にまた15まで回復します。）

ダウンロードアイコンを押すと必要クレジットを消費してダウンロードできます。

質感合成とレイヤーの合成モードの使い分け

最後に質感合成とレイヤーの合成モードの使い分けについてです。

具体的な基準があるわけではないですが、質感のしっかり出したいときは質感合成、手軽に効果を使いたいときはレイヤー合成モードでオーバーレイなどにして使っています。

レイヤーの合成モードで重ねるメリットは、キャンバスに描いた素材やラスタライズされた（＝ペイント編集可能な状態）画像を使うときは画像素材レイヤーに変換する手間が発生します。

また彩度のある画像のときは質感合成よりも単純にレイヤー合成で重ねたほうが色味の結果が想像しやすいというメリットがあります。

先ほどは質感合成の例で紹介したガルパンのイラストですが、最終的に公開したイラストは質感合成ではなくそのままハードライトの合成モードを使って重ねています。

質感合成は説明してきたように結構複雑なプロセスで合成しているので、ダイレクトにオーバーレイなどで重ねたほうがわかりやすいときもあります。

ただ紹介してきましたように複雑なプロセスを簡単な数値調整とレイヤー合成モードで大きな効果を得られるようになっているので、細かな質感調整がしやすいメリットがクリスタの質感合成です。

他のソフトではレイヤーの合成モードでしか質感調整できませんが、クリスタ独自の機能として質感合成が提供されていますので、自分の欲しい表現はどちらがふさわしいか選択肢があるのが最大のメリットでしょう。

うまく活用して自分の表現したい絵を作り上げてください！

わかりにくい点や質問がございましたら、コメント欄にコメントを頂ければ幸いです。

CLIP STUDIO PAINTには3Dデッサン人形という他のペイントアプリにはない便利機能があります。

デッサン人形をデジタル空間で再現してくれているので、下描きのアタリや構図決めで役立つ優秀な機能です。

以前は私自身そこまで活用してなかったのですが、漫画家のミウラタダヒロ先生がクリスタの3Dデッサン人形を活用しているのを見てから徐々に取り入れています。

少年ジャンプ＋

【3話】長谷川智広のデジタル作画奮闘記～アナログの申し子、デジタルに挑む～ – 少年ジャンプ＋ デジタルで漫画を描いてみたい人必見！本当に底辺からスタートするルポ漫画!!

クリスタではないですが、『シン・エヴァンゲリオン劇場版』では庵野監督は3Dモデルを配置したあとからカメラワークを決めていったりと、漫画でもアニメでもプロがレイアウトで3Dを使う機会が増えてきているのは確かなのです。

紫あつし

せっかくクリスタに入ってる機能なのに使わないともったいないですね！

ただ、3Dデッサン人形を単純になぞるだけでは硬い絵になりがちですし、デッサン人形のバランスも自分の絵とピッタリ合わせるのはかなり難しいです。

そこで今回は顔にしぼって、3Dデッサン人形をどうトレスしていくかという私なりのやり方を紹介させて頂きます。

自分好みにデッサン人形をカスタマイズする方法

デッサン人形はある程度なら自分なりにカスタマイズすることができます。

素材パレットの［3D］から［3Dデッサン人形-Ver.2（女性）］をドラッグアンドドロップします。

［操作］から［オブジェクト］を選択し、ツールプロパティの下にあるスパナアイコンからサブツール詳細を開いて［デッサン人形］の項目から身長や頭身、各部位の太さや長さを調節することができます。

今回はまず

• 首を細く
• 肩幅を狭く
• 腕を細く
• 足を小さく

しました。

白いカーソルを動かすことで幅や長さの直感的な操作が可能です。

続いて

• 身長を160cm
• 頭身を7

にしました。

また、ツールパレットを横に広げるとデッサン人形を直接選択できるアイコン表示がされます。

カスタムしたデッサン人形は素材として登録しておくと次からはすぐに使えるので便利です！

ただ、個人的にはアタリとして使えればOKくらいの気持ちなので、設定するのはいつも身長くらいです。（笑）

デッサン人形の動かし方

クリスタ内で3Dを扱うのは慣れが必要となります。

詳しくはクリスタのサイトを見て頂いたほうがわかりやすいです。

CLIP STUDIO TIPS

【デッサン人形】ポーズ作りに挫折した人へ “【デッサン人形】ポーズを作るコツ #1” by すゃすゃ – お絵か… 3Dデッサン人形のポーズ付けに挫折した人へ送る、 「こんな方法があるよ」「その関節や部位はこうすれば動くよ」 「こうすればもっと時短できるよ」 などといった知恵の集…

ひとまず今回覚えていただきたいのはカメラの操作方法です。

3Dモデルを選択したときに表示される左上のアイコンでも同じことができますが、マウスでのカメラ操作を覚えておくと時短になります！

マウスホイールを回してしまうとパースが変わってしまいます。

特にパースの値が大きくなると広角レンズになり歪みが大きくなりますので注意してください。

おかしくなったときはツールプロパティの下にあるスパナアイコンからサブツール詳細を開いて初期値4.72を直接数字入力してください。

3Dデッサン人形をアタリに使った顔の描き方

では実際にデッサン人形をアタリにして描いていきましょう。

今回はオーソドックスな左向きの顔です。

デッサン人形レイヤーの不透明度を下げ、その上に新規レイヤーを作ってレイヤーカラーをオンにします。

デッサン人形から顔のアタリ線をGペンなどパキっとしたペンで描いてます。

顔のアタリとして必要なのは輪郭と十字線です。

アタリが描けたらデッサン人形のレイヤーを非表示にします。

デッサン人形のアタリ線はリアルな人間寄りになってますので、デフォルメの効いたイラストにする場合はアタリの意味を変えないといけません。

赤い線で追加したものが私なりの絵にするための新しいアタリ線です。

デッサン人形の目のラインが眉の位置になります。

その下に平行な線を2本引いた高さが瞳の高さとなります。

全体的にデッサン人形のアタリ下部に顔を配置するイメージです。

幼いキャラの場合は配置をさらに下げたり瞳の平行線を高くしたりして調節します。

今回、大事になると感じたのがルーミスの描き方です。

詳しくはご自身で検索してぜひ学んで欲しいのですが、簡単に説明すると以下のような感じです。

1. まずボールを描いて側面を切り落とします。
2. ボールの中心線が眉間になります。
3. ボールの下の位置が鼻の位置になり、等間隔で上に生え際、鼻の下に顎が来るといった描き方です。

本当にざっくりした説明ですが、ここで大事なのが顔の側面を意識するということです。

側面を切り落としたデッサン人形のアタリを中心に4等分したものがイラストに使うアタリになります。

ここからの下描きはぬる水ブラシを使用してます。

細く描くと硬めに、ブラシサイズを大きくすると柔らかく塗れるので、面を意識して描くのに重宝しています！

CLIP STUDIO ASSETS

ぬる水ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

今回は左向きなので瞳が赤い線の右側にある感じです。

向いてる方向やアオリ・フカンで瞳の位置を4分割した赤いアタリ線のどこに置くか目安になると思います。

輪郭は元のデッサン人形のアタリよりも内側に描いてます。

かわいい女の子を描こうとすると、顎が下すぎるとかわいく見えないのでデフォルメしていきましょう！

髪は球や面をより意識して描いています。

顎を上に描いて顔を小さくした分、髪の頭頂部もアタリからやや下げて描いてます。

後ろ髪は絶壁にならないようにアタリよりもボリュームがある感じにしてます。

全体が縦長すぎるとバランスがしっくりこないですし、この辺はアタリにとらわれすぎないようにしてます。

3Dデッサン人形を使う注意点

3Dデッサン人形は非常に便利でクリスタならではの機能だと思います。

• 複数キャラの配置や位置関係の確認
• 自動で作られる3点パース定規

使いこなせば大きな破綻をした絵を描くということはないと思います。

ただ、最初にも言いましたが全部をきっちりデッサン人形で配置して自分の絵に合わせようとするのはそれなりの時間と労力が必要になります。

漫画執筆のときに全コマ一人でやってたら締め切りに間に合わないかもしれません。（笑）

また絶対に3D的に正しくなるのが必ずしも良いとは限らない絵もあります。

何より3Dデッサン人形をただなぞるだけでは自分が納得できる絵になりにくいとも思ってます。

だからカスタムはほどほどでいいかなと思ってるという最初の話に繋がるのですが…。

紫あつし

今回はきっちりやりましたが、普段はもっと雑にデッサン人形を使ってます。

ガルパンの絵を描いたときは手を繋いだときの見え方がどんな感じかな？程度の使い方です。

アタリにも使わないことも多いので、だから身長しか設定しないですし、この絵のときは身長設定すらしてません。（笑）

完成した絵はpixivやTwitterにアップしているのでぜひ見ていただけたらと思います。

結論なのですが、デッサン人形はすべてが解決できるという万能ツールではありません。

人体構造や解剖学、デッサンの勉強はしたほうがいいのは間違いないです。

ただ、勉強は並行しつつ、3Dデッサン人形もツールの一つとして加えていけばより自分の完成させたい絵をより早く仕上げられるのではないかと思ってます。

解剖学にしてもデッサンにしても一朝一夕で身につくものではないです。

勉強が終わらないと先に進めないとなったら絵はいつ描けるの？ってなりますし、絵を描く前に挫折しかねません。

やっぱり大事なのは絵を完成させる成功体験の積み重ねだと思います。

現在、私がデッサン人形を使って補助線入れて描いてるのは手癖を矯正するためというのもあります。

気を抜くと目を大きく描いて顔全体が丸くなりがちで、今風のリアルっぽさを取り入れた絵からかけ離れてしまうためです。（笑）

デッサン人形に補助線をたくさん入れましたが、描きなれてくれば必要がなくなります。

その時が来たら上達したってことになるかもしれません。

あと、デッサン人形を色々触ったり回転させたりしてポーズを眺めてると、自分の頭の中だけで考えるより思いがけない着想を得られると思います。

私は何度か得ています。（笑）

操作はやや慣れが必要ですが、ぜひクリスタのデッサン人形を使ってみてください！

今回はデッサン人形を使ってどうやって顔を描けばいくのかという解説でしたが、ご自身に最適なデッサン人形のアタリを探すきっかけになれたら嬉しいです！

12月14日のクリスタVer.1.11.6で3D機能が大幅にアップデートされました！

使いこなせばかなり面白い機能だと感じましたので、この記事では天球機能についてご紹介したいと思います。

そもそも天球とは？

360度の全方向を見ることができる写真や画像を天球といいます。

分かりやすい例ですと、

こういう写真ですね。

絵で描くときにはパノラマグリッドで検索すると、天球のテンプレートが見つかると思います。

ただ、テンプレから描きおこすのは慣れないと難易度が高めのですが…。

天球を使った背景では『ゆるキャン△』が有名です！

私も『ゆるキャン△』に影響を受けてTHETA（シータ）を買いましたので。（笑）

上の天球写真は鉢伏山で漫画『mono』の1巻に出てきてます。

天球の画像を用意するには、テンプレを元に自分で描くか、360度写真を撮れるカメラを用意する必要があります。

また、クリスタではデフォルトで4つのサンプルがダウンロードできますので試してみてください。

クリスタで天球を使ってみよう！

公式の説明がなかなか難解だったので、私なりに解読してみました。

まず公式素材から「カフェ」をドラッグ＆ドロップします。

この状態で3Dオブジェクトを置いてもめっちゃ動いてしまいます。

これはさすがに困るわけですが、公式の機能紹介ムービーを見るかぎりではオブジェクトが動かない方法があるはずです。

CLIP STUDIO TIPS

360度画像「天球」を作品に活用する “CLIP STUDIO PAINTの新機能 #20” by ClipStudioOfficial – お絵かき… CLIP STUDIO PAINT Ver.1.11.6から、[素材]パレットの[3D]に[プリミティブ]・[天球]が追加されました。 この記事では、[天球]の使い方を紹介します。 [プリミティブ]…

公式サイトの説明には

［カメラ］→［注視点位置］を「130」に設定してから3D素材を配置し、

カメラを前後に移動して3D素材の大きさを合わせるとズレにくくなります。

クリスタ公式サイト解説より

この記述の解読にかなり悩まされたのですが、

カメラと注視点位置のYだけ「130」にしてX、Zは「0」にして両方揃える。

つまり、カメラの位置と注視点位置の座標を同一にする。

これでズレがかなりなくなりました！

あとはパースの値を変えてカメラの画角を好みに合わせると、自分の欲しい画作りができます。

パースの値に関しては、実際のカメラとの対応表を作っておられる方がいて非常に助かりました！

クリエイターTのブログ

Hello! My Name Is 404│クリエイターTのブログ 面白い・便利グッズなど企画中！

一般的に35mm換算で50mmレンズが人の目で見た感じに近いとされています。

上の図の設定でパースの値が12ですので、58mmくらいのレンズで撮影したイメージでしょうか。

逆にデフォルトのパースの値が4.72ですので、80mm相当の望遠寄りレンズになってますね。

望遠だと遠近感を感じにくくなり、パースが付きにくいので二点透視図法のような絵になるからかなと思います。

カメラ位置と注視点位置の設定をあわせたあとだと、デッサン人形をドラッグ＆ドロップしてもパースにあっている状態になるのでカメラを回転させてもズレが少ないです。

3Dオブジェクトをすでに置いた状態から天球を設定すると、やはりカメラ位置と注視点位置がズレてますので、先に位置設定を変えてしまったほうがいいと思います。

3Dオブジェクトを置いていなくても、3Dレイヤーからも天球を設定することができます。

この場合はカメラ位置のZを0にすればいいと注視点位置と座標が同一になります。

問題はYの値です。

今回の公式の天球素材だと注視点位置を130にすると3D素材が馴染みやすいと書いてあるのですが、高さYがアイレベルだと思ったら微妙に違う意味があると理解するまでが今回の最大の罠でした。

カメラ位置の高さYを100にすると明らかに人が大きすぎるし、カメラ位置150だと明らかにテーブルが大きい。

カメラ位置130が人とテーブルの関係性がしっくり来るというわけで、アイレベルとカメラの高さ位置を正しくあわせないとスケールの基準が変わってしまうのでは？と思い至りました。

THETAを使ってクリスタの天球を設定する

ここからはTHETAの画像を使った天球の使い方の例です。

全天球の写真の中にイラストを配置してVRっぽい映像を作ってみたいと思います。

まず先ほどの手順で新規の3Dレイヤーを作ります。

ツールプロパティから［天球］→［ファイル］から、使用するTHETAの画像を選択します。

カメラ位置のZを0にして注視点位置と座標をあわせます。

続けてにパースの値を10、標準に近い60mmレンズを意識した数値に変更しました。

Yはカメラの位置と思い込んでいたので、三脚の位置が高くなかったことからデフォルトの100のままで大丈夫だと判断しましたが…。

デフォルトの天球素材で試したとき以上の巨人になりました。

カメラの位置をあわせないとスケールの基準があわないと確信したので、今回のTHETAに最適なカメラ位置を試行錯誤した結果。

カメラ位置と注視点位置はYを200がしっくりくるかなと思いました。（改めてみると180くらいが正解だったかも…）

［注視点位置］で設定する値は天球画像の撮影時の高さによって変わります。

クリスタ公式サイト解説より

なんで200？と思ったのですけど、良ければ最初に紹介した全天球の画像を回転させて下向きにして御覧ください。

実際には展望台の上にいたからアイレベルが高い状態になってる、と気づくのに結構な時間が掛かりました。（笑）

次に3D素材［平面］をドラッグ＆ドロップします。

この板ポリゴンにキャラクターを貼り付けて、この空間にいるようにしていきます。

外側のリングがオレンジの状態でコントロールするとスケールの変更が、また下の矢印で移動、赤・青・緑の細いリングで回転をさせることができます。

デッサン人形が160cmなので、それにあわせて大きくします。

また、ツールプロパティからプリミティブ分割数をX、Yともに1にしておくとテクスチャが見やすくなります。

［プリミティブ］から［ファイル］を選択して板ポリゴンにキャラクター画像を割り当ててみましょう。

マグネットをオンにしてると、他の3Dオブジェクトの位置とあわせてくれるのでオブジェクトを配置するのに非常に便利です！

［陰影］から［光源の影響を受ける］をオフにしたほうがテクスチャが見やすくなります。

また、PNG画像にマスクが入っている場合は有効になりますので、キャラのみ背景に立たせることができます。

デッサン人形とほぼおなじ大きさで表示されてますので、だいたい愛ちゃんの160cmで設定どおりという感じです！

続いてリリィも入れてみましょう。

同様の手順で平面ポリゴンにテクスチャを割り当てます。

リリィは130cmなので合うようにスケールをあわせましょう。

また、愛ちゃんが元の絵とは反転してしまっているので、緑の細いリングを回して180度回転させます。

以上で動画にしてみるとこんなVRっぽい感じになりました！

個人的には天球機能はアニメーションに向いてるなと感じました。

また、JPGなどで書き出せば静止画として出力もできます。

この天球を下書きにうまく使えば『ゆるキャン△』みたいな背景も描けるかも？？

漫画の一コマで使いたい場合はコマフォルダを作った中に3Dレイヤーなどを作れば個別に天球を設定することができます。

ただ、小さいコマに天球はかなり不向きで使いにくいと感じてますので、天球の大きさを変更できるようになど、まだ改善してもらえると嬉しいですね。

＼360°全天球写真を撮るなら／

RICOH THETA SC2 WHITE ホワイト 360度全天球カメラ

Amazon

＼楽天ポイント4倍セール！／

楽天市場

＼ポイント5%還元！／

Yahooショッピング

ポチップ

まとめ

今回はクリスタの天球の使い方を解説しました。

こうすることで3Dオブジェクトを配置してカメラを回しても、3D素材がズレるといったことが少なくなります。

3Dレイヤーに直接アタリを描きこめると、360度パノラマ画像が作りやすくなるのですが…。

Photoshopは3Dレイヤーに直接描けたのですけど、Photoshopの3D機能は廃止になるようなので、ここはクリスタの今後に期待したいです！

では、今回の記事が少しでも参考になれば嬉しいです！

CG集を作るとき、表情の差分やセリフのバリエーションが数多く必要になります。

そのとき困るのがどう管理するかという問題です。

ページごとに一枚一枚分割して作っていくと、あとからの修正も大変になりますし、ファイルの容量も非常に大きくなりCG集制作がかなり大変ものになってしまいます。

そこでこの記事ではクリスタのアニメーション機能を使った効率的な差分の作り方をご紹介します。

アニメーション機能の中でもほんの一部ですので、慣れてしまえば難しいことはありません！

では、実際にひとつひとつ順を追って解説していきます！

差分元のファイルを完成させる

今回はシンプルに表情の差分だけ作りたいと思いますので、ひとまず1枚を完成させます。

この表情とはもう1枚別に顔の差分を作っていきます。

目や口、眉といった表情の線画と着色はすべて［eye01］というレイヤーフォルダーにまとめてあります。

差分が1枚だけだと管理はそれほど難しくないのですが、5枚10枚と差分が増えてくると今回のやり方は非常に効率よく管理することができるようになります！

新規タイムラインを作成する

本来のアニメーション機能では絵の表示を切り替えながら動いているように見せています。

この表示される単位をフレームと言いますが、1フレームごとに差分だけを切り替えて表示させることで管理をしていきます。

今回の場合、表情以外は変わりませんので表情のみにフレーム指定をするということになります。

まず、アニメーション機能を使うために、［ウインドウ］→［タイムライン］からタイムラインウインドウを開きます。

表示されたタイムラインウインドウの三本線アイコンから、［タイムライン］→［新規タイムライン］を選択します。

すると、新規タイムラインの設定画面が表示されます。

タイムライン名は最後のファイル書き出しのときのファイル名になりますので、きちんと付けておくと管理が楽になります。

また、今回は表情が2パターンですので、再生時間を2にしてます。

差分を8枚作るのであれば、再生時間を8にするという感じです。

すると、タイムラインウインドウが以下のように出来上がります。

ちょっと見にくいので、ズームインを使用して見やすいように拡大しておきます。

新規アニメーションフォルダーを作成する

実際に差分を切り替えるためにはアニメーションフォルダーを作る必要があります。

タイムラインウインドウの［新規アニメーションフォルダー］アイコンから作成します。

新しく出来たアニメーションフォルダーの名前を分かりやすいように変更しておきましょう。

今回は［目　差分］としておきました。

アニメーションフォルダーが作成されると、レイヤーパレットにも［目　差分］というフォルダが作られています。

アニメーションフォルダーは作る前に選択していたレイヤーやレイヤーフォルダーの上に作られます。

レイヤーフォルダー内に乗算や加算（発光）、オーバーレイなどの通常レイヤー以外を使っている場合、アニメーションフォルダーを通過にしなければ効果がうまく表示されないので注意してください！

［通過］にしておくほうが無難ですので、忘れないように設定しておきましょう。

詳しくは別記事で詳細に解説してますので参考にしてください！

あわせて読みたい

【クリスタ】フォルダとクリッピングしても反映されないときの対処法！ クリスタのクリッピング機能は非常に便利で使う機会が多いのですが、レイヤーフォルダをクリッピングしたときに、 思った結果と違う！色が反映されない！ といったトラ…

アニメーションフォルダーに差分を入れる

先ほど作った［目　差分］アニメーションフォルダーに表情をまとめた［eye01］レイヤーフォルダーを入れてみます。

顔の表情が消えてしまいました！

でも大丈夫です！

現在選択されて赤くなっている1フレームのところで右クリック、または［セルを指定］アイコンから表示させたいレイヤーまたはレイヤーフォルダーを選択すると表示されます。

アニメーションフォルダー内でひとつのフレームに表示できるのはレイヤーかレイヤーフォルダーのひとつのみです。

複数のファイルをそのフレームで表示したい場合はレイヤーフォルダーにまとめてください。

［eye01］を選択することで、1フレーム目には表情が表示されるようになりました！

［eye01］を元に新しい表情差分を作成し、［eye02］としました。

［eye02］を同様にアニメーションフォルダーに入れ、［次のフレームへ］アイコンを押して2フレーム目が赤くなっている状態で［eye02］をセル指定します。

すると、新しい表情に差し替わりました！

フレーム数の変更方法

表情差分をもっと作りたくなった場合、［フレームの挿入］を行うと選択したフレームの後ろにフレームが追加されます。

1フレーム挿入すると新たに3フレーム目が作成されますので、表情差分を追加する場合は先ほどの手順を繰り返してください。

また、必要ないフレームがある場合は［フレームの削除］で削ることができます。

フレーム数を変更した場合は、［タイムライン］→［設定変更］から終了フレームを確認しておきましょう。

今回は2枚ですので、終了フレーム＋１の3フレームとなります。

終了フレーム＋１というのが間違えやすいポイントですので注意してください！

この終了フレームが書き出し時の枚数設定に反映されます。

また、ここでタイムライン名も変更できますので、書き出しするときのファイル名を変えたい場合は変更してください。

他の差分を表示させたい場合はアニメーションフォルダーを追加

CG集の場合、例えばセリフの切り替えもあると思います。

ただし、ひとつのアニメーショフォルダーはひとつのレイヤーまたはレイヤーフォルダーずつしか表示できません。

レイヤーフォルダー内に全部まとめてもいいのですが、ひとつのレイヤーフォルダーに色々入っていると修正が面倒になることがあります。

その場合、もうひとつアニメーショフォルダーを作りましょう！

今回はセリフの切り替えを想定して、［テキスト］というアニメーションフォルダーを新規で作成しました。

表情差分と同様の手順で、新規のレイヤーフォルダーをアニメーションフォルダー内に2つ作成し、それぞれ［セルを指定］で割り当てました。

レイヤーフォルダーに入っているテキストが1フレームと2フレームにそれぞれ表示されるようになりました。

アニメーションフォルダーを非表示にすると書き出し時にはもちろん非表示で出力されます。

セリフを別に分けておくと、テキスト非表示の差分を簡単に作ることができますのでオススメです。

他にも管理しやすいように分けておくと表示非表示で簡単に差分を作ることが可能です。

ファイル書き出しで完成！

［ファイル］→［アニメーション書き出し］→［連番画像］から作成した画像を出力します。

連番画像書き出し設定ではタイムライン名や終了フレームで設定したフレーム枚数が自動で入力されていると思いますが、念の為に確認しておきましょう。

テキストなし差分を作るときは書き出し先のフォルダを変えておかないと上書きしてしまいますので注意！

まとめ

クリスタのアニメーション機能を使用し、タイムラインのフレームに差分を割り当てて画像管理する方法をご紹介しました。

最初は難しく感じるかもしれませんが、CG集を作る場合には膨大な枚数を一枚一枚ファイルに分けるよりもミスが減って管理が楽になると思います。

セリフだけ別アニメーションフォルダーにまとめて表示非表示を切り替えればテキストなし差分も簡単に出力できますので活用してください！

今回の内容が少しでも参考になれば嬉しいです！

多くの人が線画は黒色で描いてると思いますが、着色が終わったあとで線画がなじんでないと感じることはないでしょうか？

黒というのは非常に強い色ですので、どうしても目を引きます。

逆に考えると、線画の色が黒でなくなれば、線の強さが弱まり絵の印象を柔らかくなるということです。

線画の色を変えることをアニメ業界用語で色トレスと呼んでます。

線の色を手作業で変えていくのは結構な手間ですが、ここではお手軽で簡単な色トレスのやり方をご紹介します。

紫あつし

一度やり方を覚えれば、次からさらに作業が簡単にできるオートアクションの登録方法もあわせて紹介します！
まず最初の一回をこの記事を見ながら試してください！

色トレスの手順

実際に黒色で描かれた線画を塗りになじませていきましょう！

着色を完成させる

まず、着色まで終わらせます。

この段階まで黒色で描いた線画に着色してます。

黒色が主張しすぎているので、塗りにあわせて線画の色を変えて柔らかい印象にしていきます。

着色レイヤーだけを表示状態にする

線画と背景や［用紙］レイヤーを非表示にして着色レイヤーのみを表示します。

目は別レイヤーでまとめてますので、目も非表示にしてます。

表示している着色レイヤーのコピーを作成する

表示されているレイヤーをどれでもいいので選択した状態で、右クリックまたはレイヤーウインドウの横三本線アイコンから［表示レイヤーのコピーを結合］を行います。

ひとつ上の［表示レイヤーの結合］をしたらすぐにCtrl（Macだと[Command]）＋Zキーで元に戻してください！
元の着色レイヤーがなくなると大変なことになるので注意してください！

コピーしたレイヤーにガウスぼかし

新しくコピーされたレイヤーにメニューから［フィルター］→［ぼかし］→［ガウスぼかし］を行います。

ぼかす数値は絵の大きさによっても変わりますが、大きめのA4で描いているのでぼかす範囲の数値は30にしました。

ぼかしたレイヤーを2枚複製する

ぼかし幅を大きめにしたので、線画に乗せた際に色が出やすいようにレイヤーを重ねます。

［レイヤーを複製］で2枚複製してください

ぼかしたレイヤーは合計3枚になっている状態です。

下のレイヤーと結合する

複製したレイヤーを上から順番に［下のレイヤーと結合］を2回実行して、ぼかしたレイヤーを1枚にまとめます。

上から順番に2回実行すれば1枚にまとまります！

色調補正でレイヤーの色を変更

ぼかして2回複製して1枚にまとめたレイヤーを、メニューから［編集］→［色調補正］→［色相・彩度・明度］で色の変更を加えます。

ひとまず数値は

• 色相　－10
• 彩度　60
• 明度　－70

にしてます。

線画は明るすぎると塗りと馴染みすぎて埋もれてしまうので、明度はかなり落としています。

合ってないと感じたときには、また線画にクリッピングしたあとで、もう一度［色相・彩度・明度］を実行すれば大丈夫です！

線画にクリッピングする

色を変更したレイヤーを線画にクリッピングして、線画の色を変更します。

メニューから［レイヤー］→［レイヤー設定］→［下のレイヤーでクリッピング］を行います。

線画をフォルダにまとめている場合にはレイヤーフォルダの合成モードは［通常］にしてください。

［通過］だとクリッピングしたレイヤーが線画を貫通して、線画を覆い隠してしまうので注意してください。

詳しくは別記事”【クリスタ】フォルダとクリッピングしても反映されないときの対処法！”で解説しているので参考にしてください。

クリッピングした色トレス用レイヤーは通常のままでも大丈夫です。

完成するとこのようになってます。

この状態でしっくりこない場合は、クリッピングした色トレス用レイヤーを先ほどの［色相・彩度・明度］で調整してみてください。

色トレスだけの状態だとこのようになってます。

単純な黒一色だと塗りになじみにくいですが、色トレスすることで塗りとなじみます！

オートアクションに登録しよう！

クリスタには操作を記録して再生する機能があり、この機能を［オートアクション］といいます。

繰り返し同じ作業をする場合、一度記録しておくと次からはクリックひとつで済むようになる便利な機能です！

色トレスは何度も使える作業手順ですので、記録して登録しておくとこの記事を読み返さなくても大丈夫になります！

それでは手順を解説していきます。

まずオートアクションのタブから横三本線アイコンをクリックし、［オートアクションの追加］を選択します。

追加された新規のアクションは分かりやすく［色トレス］と変更しておきます。

一番下にある赤丸の［オートアクションの記録を開始します］を押すと、作業した操作が記録されていきます。

ここまで解説した色トレスの手順を［ガウスぼかし］から［色相・彩度・明度］まで行ってください。

以上を記録して、クリッピングまでは記録しないでください。

レイヤーの順番を入れ替えたりといった操作も記録されてしまいますが、次に描く絵のレイヤーも同じ並びになっているとは限らないので、変なところにクリッピングされるのを防ぐためです。

また、途中で違う作業を行うとそれも記録されてしまうので、オートアクションを実行したときに意図しない結果になることがあるので注意しながら行いましょう！

操作の記録が終わったら赤い四角ボタンを押して記録を停止します。

上の図のように6つの作業が記録されていれば成功です！

次からは［▶］の再生ボタンを押せば、ワンクリックで色トレスできます！

ぼかして重ねる色トレスの注意点！

今回の方法は楽に色トレスができますが、注意点があります。

色調の違う色が入っていると、ぼかして重ねているので思わぬところに意図していない色が入ることがあります。

上の例で見ていくと、制服の胸のあたりなどは一番手前にあるので最奥の髪の色が反映されるのは不自然です。

また、顔の輪郭に彩度の高い緑色が入っているとやはり不自然です。

こういった箇所は色トレス用レイヤーに直接修正した色を描き入れたほうが完成度が高くなります！

＼デジ絵をするならやっぱり液タブ／

Wacom Cintiq Pro 24 TDTK-2420/K0

¥218,364 （2022/06/27 08:37時点 | Amazon調べ）

Amazon

＼楽天ポイント4倍セール！／

楽天市場

＼ポイント5%還元！／

Yahooショッピング

ポチップ

まとめ

今回は色トレスについてご紹介しました。

最初は手間が多いと感じるかもしれませんが、一度手順をオートアクションに記録してしまえば今後は非常に楽になります。

この記事を参考にオートアクションに登録して、あとは細かい修正をするだけで線と塗りがなじんで絵の見栄えも変わってきます！

今回の記事が少しでも参考になれば嬉しいです！

イラストを完成させて満足感があったのに、翌日改めて自分の絵を見ていると「もうちょっと見栄えを上げられないかな…」と悩むことはありませんか？

絵を寝かせるとよく言われるのですが、完成して少し時間を空けると作業中には気づかなかった部分が見えてきます。

そこで今回は、簡単なひと手間でイラストを見栄えよく仕上げる方法をご紹介します。

紫あつし

絵を寝かせたあとだと、ご紹介する加工方法でのクオリティアップが実感しやすいと思いますのでぜひ試してみてください！

オーバーレイレイヤーを使って鮮やかに

オーバーレイレイヤーには発色を良くする効果があり、色味に統一感が与えやすくなります。

仕上げによく使われるのがオーバーレイレイヤーによる加工です。

使用するイラストは、別記事”【メイキング】透明感とツヤのある髪の塗り方を詳細解説！”で行いました着色後からさらに加工していきたいと思います。

絵を寝かせたあとで、オーバーレイレイヤーを新規作成して色を乗せました。

光の当たってると考えている場所に明るい色、影になっていると考えている場所に暗めの色を［エアブラシ　柔らか］で入れていきました。

もし光源の色が決まっているのであれば、その色をエアブラシで入れていくのが効果的です。

オーバーレイで色を入れる考え方ですが、

• 昼間の太陽光は黄色系
• 夕日ならオレンジ色
• 森の中なら緑色系
• 水辺の近くや空の色を反映するなら青色系

このように、周辺の反射光などをオーバーレイで乗せていくと空気感を出すことができます！

ブログ用に描いた最初の絵も同じような感じで色をオーバーレイレイヤーで左上に彩度の高い黄色、右下に暗い紫色を入れてます。

通常レイヤーに戻すとこんな感じになってます。

鮮やかさや光の加減を加えるのにオーバーレイは最適ですが、あまりやりすぎて絵全体の彩度が高くなりすぎないように注意してください。

グロー効果で発光感を演出する

グローとは発光のことです。

アニメでもキャラクターを柔らかく光らせてる描写を見ることがあると思います。

グロー効果はイラストに華やかさや色の変化を足すことができるので見栄えが一気に上がるのですが、慣れてない方には難しいのでクリスタを使った非常に簡単な方法をご紹介します。

クリスタの無償素材に［グラデーションマップで色を選ぶグロー効果］というものがありますので、こちらを使用します！

CLIP STUDIO ASSETS

グラデーションマップで色を選ぶグロー効果 – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

素材をダウンロードしたあと、使用できるように設定していきます。

デフォルトだとレイヤーパレットの一番右側に［オートアクション］のタブがあります。

［オートアクション］タブを選んで、左上の三本横線のアイコンから［オートアクションを追加］を選択します。

すると、以下のような画面が出てきます。

初めて追加する素材の場合は、［パレットに未追加の素材］をクリックすると表示されます。

追加する素材を選んで［パレットに追加］するとオートアクションが使えるようになります。

オートアクションはあらかじめ設定したクリスタの機能を自動で実行してくれるもので、同じ作業を繰り返すときなどは自分で登録もできるので作業の時短ができるようになります。

今回、こちらの絵にグロー効果を与えたいと思います。

先ほど追加したオートアクションから［ハイライトのみ］を選択します。

［グラデーションマップでグロー］を行うと、明るい部分と暗い部分の両方に変化を加えるのでコントロールが難しいと感じるかもしれません。

明るい部分にグローを行う［ハイライトのみ］、暗い部分にグローを行う「シャドーのみ］のどちらか一方をまず試してみるのをオススメします。

今回は［ハイライトのみ］をダブルクリック、またはオートアクションタブの一番下にある［▶］（オートアクションの再生を開始します）をクリックしてください。

すると以下のような数値入力画面が出てきます。

数値を下げすぎると画面全体に発光効果を与えてしまいますので、今回はそのまま変更せず明るい部分にグロー効果を加えます。

次に発光効果を与える色合いを決める画面になります。

グラデーションマップは元の画像の濃淡に応じて色を変化させる機能です。

ここではグローで発光させる色合いをグラデーションマップで決めていきます。

今回使用したのはSoftToneグラデという有償素材ですが、無償素材にもいいものがたくさんありますので、自分の好みのものをダウンロードしてみてください！

CLIP STUDIO ASSETS

SoftToneグラデ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

CLIP STUDIOの［素材を探す］から”グラデーションマップ”と入力し、人気順にするといい感じの素材が見つかると思います！

また、新たにダウンロードしたグラデーションマップの追加方法は以下の通りです。

グラデーションセットの横にあるスパナアイコンから［グラデーションの追加］を選びます。

CLIP STUDIO ASSETSからダウンロードして初めての素材は［未追加の素材］から表示されますので、新規の素材を選んで［追加］ボタンを押してください。

先ほどの［ハイライトのみ］に赤色系のグロー効果を加えた結果はこのようになりました。

発光した感じになりましたが、ちょっと効果が強く感じます。

元の色が薄い場合などは白飛びしてしまうことがありますので、レイヤーの不透明度を下げて調節してください。

今回はレイヤーの不透明度を17％がちょうどいいかなと感じました。

あまり派手に効果をかけないほうがキャラが引き立ちます。

グロー効果のグラデーションマップはあとから変更可能ですので、色の調整も納得行くまで簡単にできます！

グラデーションマップの左のアイコンをダブルクリックすると、もう一度グラデーションマップの選択画面が出てきますので好きな色に変更してください。

加算（発光）レイヤーを使う

文字通り発光効果に使うレイヤーです。

強い光を感じさせる効果がありますので、ポイントを絞って光らせるとアクセントになります。

また、同じような効果に［覆い焼き（発光）］レイヤーがあり、覆い焼きのほうが発光が派手になりすぎないという使い方ができます。

背景は無償素材の光効果ブラシを使って［覆い焼き（発光）］レイヤーに描いてます。

CLIP STUDIO ASSETS

【UPDATE】光効果ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

散布系のブラシがあると背景を埋めることが出来て、アイデアがないときに重宝します！

薄い色で入れてるので画像が分かりにくく申し訳ありませんが、頭部左上の髪の毛にもうっすら色を入れてます。

アクセントなのであまり主張しすぎないのが良いかと思ってます！

トーンカーブで色を調整する

デジタルであまり慣れてない方は馴染みのない機能かもしれませんが、トーンカーブで細かい色調整ができますのでぜひ活用してみてください！

トーンカーブは全体の明暗と赤（R）・緑（G）・青（B）の個別の色調整を行うことができます。

言葉ではピンとこないかもしれませんので、実際の画面を使って説明していきます。

まず、メニューから［新規色調補正レイヤー］→［トーンカーブ］からトーンカーブレイヤーを作ります。

まず、［RGB］から全体の色の明暗を調整していきます。

今回はオーバーレイやグラデーションマップの効果で色を明るくしていったので、全体のトーンを少し暗めに落とすことにしました。

逆にカーブを持ち上げると、全体のトーンが明るくすることが可能です。

肌の色を血色良くしたいと思ったので左上のプルダウンメニューから変更したRedの曲線を少し持ち上げました。

Buleのカーブも少し上げて愛ちゃんのイメージカラーの青を少し強くしようと思いました。

今回、Greenに関しては特に変更しませんでした。

また、Red・Green・Blueのそれぞれのカーブを下げると、カラーサークルの反対色を強くする効果になります。

例えば、Blueのカーブを下げてみると黄色が強くなります。

カラーサークルの反対にある色を補色と言いますが、Red・Green・Blueのコントロールをする際にカラーサークルを見ると分かりやすくなります。

スクリーンレイヤーで空気感を演出する

よく使われる手法としてスクリーンレイヤーを使うことで空気感を演出できます。

スクリーンは乗せた色に対して白に近づけていく効果があります。

空気遠近法として、遠くが青白く霞んで見える効果を使うのにスクリーンレイヤーが向いているということになります。

ブログ用に最初に描いた絵で説明していきます！

明るくしたい場所や奥にあると感じさせたい場所（今回だと長い髪の毛の下側先端です）にスクリーンレイヤーで青系の色をエアブラシで入れると空気感を演出できます。

すべての効果に関して共通ですが、やりすぎると絵の印象がぼやけたり彩度が上がりすぎたりしてしまうので注意してください！

まとめ

今回は見栄えを上げる方法をメインに、光の演出を加える加工方法をご紹介しました。

主に明るく鮮やかにする方法になりますので、渋めの色やトーンを抑えた色の場合はまた使用するレイヤーも異なってきます。

効果は加えると華やかになりますが、あまりやりすぎるとキャラクターが埋もれてしまいますので適度な効果の量を見つけてください。

今回の記事が少しでも参考になれば嬉しいです！

キャラクターの髪を塗るときに、いきなり上手な絵師さんの塗り方を目標にしても、どうやって塗ってるのか全然わからない状態で困っているなんてことはありませんか？

実際、髪の毛の塗り方は流行り廃りがあり、難易度が高いと感じる方もいるかと思います。

そこで今回は髪の毛の塗り方をなるべく簡単な塗り方から始めて、徐々に情報量を増やして透明感とツヤのある髪の塗り方をご紹介します。

紫あつし

影よりも光を意識していくことで透明感を出せるようになりますよ！

ひとつひとつ手順を踏んで解説していきますので参考にしてください！

昔と今の髪の毛の塗り方を比較してみる

私の絵でほぼ10年前に描いた2012年のものと2021年に描いたものを比べてみましょう。

まず2012年に描いたものです。

影の入れた場所を分かりやすく青線でラインを入れてみましたが、昔は髪の房ごとに面積の半分程度の影を入れてるものが多かったです。

どちらかというと以前は影を意識して描いて入れるイメージです。

こちらは2021年に描いたものです。

最近は髪の先端や影の落ちるところに小さく影を入れていく、光を意識した描き方という印象ですね。

特に目と髪の毛は絵師さんによって特徴が出る部分ですので、好みや目指す方向に正解はありません。

今風が良いというわけでもありませんが、髪の毛の房に影を入れすぎないのが流行りかなと感じてます。

手間だけを考えるなら昔のほうが大変だったので、時短で見栄えを上げる今風のやり方を取り入れるのは良いアイデアになります！

以上を踏まえまして、今回はゾンビランドサガの水野愛ちゃんを描いてみました。

最終的にこの絵を完成させる手順を、ステップごとに解説していきます！

アニメ塗りで考えてみる

それらしく見せるにはどうしたらいいか、アニメ塗りでシンプルに考えるところから始めていきましょう。

アニメはキャラクターデザインのイラストを元に特徴だけを残して描くので、シンプルに考えるのに向いています。

髪のベース色を塗る

ベース色の塗り終わったところから始めますが、ベースの塗り分けは［隙間無く囲って塗る］ツールが便利ですので別記事”「隙間無く囲って塗るツール」で塗り残しがなくなる！”をぜひ参考にしてください。

エアブラシで大まかな立体感を入れる

次に大まかな立体感を入れていきます。

今回、光源は左上に設定して描いていきます。

頭の球体をイメージしながら、［エアブラシ　柔らか］で球の下半分に影を入れた状態です。

細かい影はあとで考えましょう！

頭は球体ですので、上から光が当たっている場合は下が暗くなります。

髪の毛先などに影を入れる

次に毛先や影の落ちてそうな場所に［もよん髪ブラシ1］で影を少し入れました。

髪の房にはあまりたくさん影を入れないほうがいいかと思います。

CLIP STUDIO ASSETS

もよん髪ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

もよん髪ブラシは硬めのエッジでありながら硬すぎないタッチと入り抜きのしやすさでオススメのブラシです。

光の当たってる髪の上部にリムライトを入れていく

後ろからの光はリムライトと呼ばれ、後ろから光をキャラクターに当てたときに発生する効果なのですが、強い光源がなくても単純にキャラクターを浮かび上がらせて強調する用途で使われてます。

今回は上の方が光が強く、下に行くほど弱くなるというイメージです。

リムライトにスクリーンレイヤーを使用してますが、明るくピッタリ合う色を入れるのであれば通常レイヤーや加算レイヤーなどでも構いません。

髪の影に沿うような、弧を描くようにハイライトの点を置いていく

ハイライトの形は絵師さんごとにかなり個性が出ます。

今回はアニメと同様にシンプルで誰でも真似しやすい単純な楕円にしていますが、好きな絵師さんのハイライトの形にも注目してみると結構違っているのが分かると思います。

色々な絵師さんのハイライトの形に注目して観察してみてください！

スクリーンレイヤーで髪の奥にうっすら光を入れて奥行き感を出す

髪の毛の一番下の奥に当たる部分に、薄い青色を［エアブラシ　柔らか］で空気感の演出として入れました。

オーバーレイで光の印象を追加

最後にオーバーレイレイヤーを追加して、軽く頭頂部に明るい色を入れて鮮やかにします。

以上で完成です！

影を入れる場所が思ってるよりも少ないと感じられるのではないでしょうか？

最初はシンプルに考えましょう！

基本は

それではここから少しずつ手を加えていきましょう！

アニメ塗りからより細かく塗っていく

幕張で行われたライブっぽく衣装もチェンジして気分一新して塗っていきます。

線画の情報量を追加

髪の線画に関して、『ゾンビランドサガ　リベンジ』のブルーレイ第1巻のパッケージイラストを見ながら少し情報量を足してみました。

最初のアニメ塗りで使った線画に、

• 輪郭のシルエットの情報量を増やした
• 細かい毛の流れを［鉛筆］の線で描き加えた

大きく印象が変わったのは髪型のシルエットになります。

どの程度まで情報量を足すのがいいか、というのが絵師さんの好みや個性になってくるのかなと感じてます。

エアブラシで大まかな立体感を入れる

最初は［エアブラシ　柔らか］で髪の下側に大まかな影を入れるのは変わりません。

今度は球体を意識しながら上にもわずかに影を入れて、より球状感を出すことにしました。

髪の毛先などに影を入れる

先ほどよりも入っている影の量は多くなりましたが、基本的な考え方は変わりません。

先端部や影の落ちてると感じる部分に影を入れてます。

紫あつし

あまり影がうるさくなりすぎない程度が良い気がするので、改めて見るともう少し減らしても…と思わなくもないですね…。

天使の輪を入れてツヤ感を出す

スクリーンレイヤーを新規作成して、天使の輪のハイライトを［ぬる水ブラシ］で入れました。

天使の輪とは、髪の毛に光が拡散反射してできるリング状の光の帯です。

ぬる水ブラシは細く描くとエッジをくっきり出すことができ、太く描くとぼかしながら描けるので、ブラシサイズの調節でタッチを変えられるので大変便利です！

CLIP STUDIO ASSETS

ぬる水ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

透明色を使って軽く消したりまた描画色で描いたりと、なじむように描いていきます。

透明色に関しては別記事”透明色で塗る！”で詳しく書いてますので、ぜひ参考にしてください！

スクリーンレイヤーは不透明度を40％に下げて目立ちすぎないようにしてます。

天使の輪の下に影を入れる

天使の輪の下に乗算レイヤーを追加して、同じようなタッチで影を入れます。

明るいところと暗いところのコントラストがはっきりしていると光沢感が出ます。

金属を塗るときなどは明暗差のある色を隣り合わせにしてコントラストを大きくつけることで光沢感を出すテクニックなので覚えておくと色々と応用できます！

光の当たってる髪の上部にリムライトを入れていく

アニメ塗りと同じように、新規作成したスクリーンレイヤーにリムライトを入れます。

考え方はアニメ塗りと変わりません。

まとめて髪の奥部分にうっすらエアブラシで明るくして空気感を足しているのも同様です。

髪の影に沿うような、弧を描くようにハイライトの点を置いていく

ハイライトの点も基本的に同じようにスクリーンレイヤーに入れています。

ハイライトに関しては、天使の輪とその下に乗算の影を追加したくらいで、基本的にはアニメ塗りと変わりません。

光の効果を追加する

一番印象を変えるのは光の当て方になります。

新規作成したスクリーンレイヤーに［エアブラシ　柔らか］で目の周辺を肌色で明るくして、肌の透け感を髪に加えてます。

また、天使の輪の上と髪の毛の一番下の箇所に［ニュアンスブラシ　ネオンニュアンス］で軽く色を入れて、光の反射を感じさせるようにしました。

CLIP STUDIO ASSETS

ニュアンスプラスブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

レイヤー単体で表示すると以下のようになります。

目の周辺の髪を明るくするというのは結構以前から使われている手法で、私の絵で確認してみたところ2013年から使ってました。

ネオンニュアンスは光の情報量を足すのにかなり効果が高いのでオススメです！

オーバーレイを使ってさらに光の効果を追加する

一番上にオーバーレイレイヤーを新規作成し、［エアブラシ　柔らか］で明るい青色を髪の毛の左上に入れて、髪を明るく鮮やかにして光の印象を強くしました。

オーバーレイで明るく鮮やかにするというのもアニメ塗りのときと同じ効果です。

髪の毛の塗り方自体はアニメ塗りとほとんど変わらないのですが、光のレイヤーを加えていくことで印象が変わっていくのが見て頂けたのではと思います。

注意点として、オーバーレイや加算（発光）を使うと自然と彩度が上がっていきますので、ベースの髪の色や影色は彩度低めに描いておくのをオススメします。

完成したときに彩度が上がりすぎると目が痛くなる絵になりますので要注意！

色調補正レイヤーで色を整える

メニューから［レイヤー］→［新規色調補正レイヤー］→［明るさ・コントラスト］を使用して全体の色を調整しました。

ややコントラストを上げて明るさを下げました。

この辺は自分の好む色合いに調整していきましょう！

まとめ

今回は髪の塗り方をアニメ塗り方から手を加えていく考え方をご紹介しました。

光源にもよりますが、細かい影はあまり入れずに光の印象を強めることで手数を減らして華やかに見せる方法となります。

情報量を足すというのは時間を掛けるということでもあります。

時間が限られてるときなど、どこまで作業をできるかという見極めも大事になってきます。

髪の毛の影という情報量をどの程度足すのかという考え方の参考になれば嬉しいです！

最後まで読んでいただき、ありがとうございます！

髪や肌や服など影を効率的に塗る方法があれば…と感じることはありませんか？

• 影の色をどうしたらいいか迷ってしまう
• なるべく簡単な方法で影を塗りたい
• イラスト制作の時短がしたい

影は細かいところから塗っていくより、大まかな立体感を決めてから徐々に細部を詰めていくほうが上手に陰影をつけることができます。

この記事ではべた塗りレイヤーを使って効率的な影を塗り方をご紹介していきます。

べた塗りレイヤーは文字通り単色のみしか表現できませんが、透明度によって濃淡をつけることができます。

影の塗り方に悩んでいる方は是非参考にしてみてください！

ベース色のレイヤー分け

まず、影をつけるためのベースとなる色をパーツごとにレイヤーを分けて塗っていきます。

目は個別に塗ってますので別記事”【クリスタ】キラキラ輝く目の塗り方とコツを徹底解説！”を見て頂いて、今回の影を塗る対象は一番下から、

• 肌
• 髪
• 制服の白地スカートなど紺色の部分
• スカーフ

使用した色ごとに分けましたが、肌と髪以外は簡単に分けておいても全然大丈夫です！

肌と髪はあとから調整することが多いため、丁寧にパーツ分けしておくと、あとで行う選択範囲を読み込むマスクとして重宝します！

パーツの塗り分けは［塗りつぶし　他レイヤーを参照］や無償素材［隙間無く囲って塗る］ツールを使うと手早く塗り分け出来ます。

塗り分けに関しては「隙間無く囲って塗るツール」で塗り残しがなくなる！で詳細に解説してますので、是非参考にしてください。

あわせて読みたい

【初心者向け】クリスタで覚えておきたい神機能7選！ クリスタには非常に多くの機能があり、何から覚えたらいいか困ったことはないでしょうか？ 最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまい…

影のレイヤーをまとめておくレイヤーフォルダを作る

影で使用するレイヤーは複数枚になることが多いので、レイヤーフォルダを作ってまとめておくと管理がしやすくなります。

新たにレイヤーフォルダを作成します。

この中に影として使うレイヤーを入れますので、合成モードは通過にしてください。

レイヤーフォルダの合成モードが通過でないと、フォルダ外にあるベース色に対して乗算として色が暗くなりません！
詳しくは【クリスタ】フォルダとクリッピングしても反映されないときの対処法！の記事をご確認ください。

レイヤーフォルダにレイヤーマスクを設定することで、背景部分にはみ出して塗っても表示しないようにしていきます。

まず、キャラクターの背景部分のみを［自動選択ツール　他レイヤー参照］を使って選択します。

はっきりとした黒い線であれば問題が少ないのですが、鉛筆のように濃淡のある線だったので自動選択ツールの調整をしました。

選択範囲が出来ている状態でクイックマスクを使います。

メニューから［選択範囲］→［クイックマスク］を選択します。

すると、

クイックマスクは選択した部分を赤色で可視化してくれるツールで、ブラシで塗ったり消したりすることで選択範囲を修正することができます。

残っている隙間を［塗りつぶし　他レイヤー参照］を使い、細かい隙間をGペンやデフォルトの［囲って塗る］を使って丁寧に赤く塗りました。

はみ出しても消しゴムで消せば大丈夫です！

必要な部分を塗り終わったあと、先ほどと同様にメニューからクイックマスクを押して解除すると新しく修正された選択範囲が出来上がります。

選択範囲を反転すると、キャラクターのみが選択された状態になりました。

この状態でレイヤーフォルダを選択しレイヤーマスクアイコンをクリックすると、そのフォルダ内にあるレイヤーはマスクの中のキャラクターだけにしか色が表示されなくなります！

これでキャラクターにのみ影が付けられるようになりました！

べた塗りレイヤーを作成する

作成したレイヤーフォルダを選択した状態で、メニューから［レイヤー］→［新規レイヤー］→［べた塗り］を選択します。

すると、色の設定画面が出てきますので、彩度の低い薄紫色にしました。

特別な意図がない限り、影の色は彩度の高い色を使わないほうがいいです。

四角で表示されている色の選択エリアでいうと、右側の鮮やかな色ほど使わないほうがいいです。

迷ったときは左側の彩度の低い薄い赤色か薄い青色系をオススメします。

べた塗りレイヤーでは、この右のマスクアイコンを選択して塗ったり消したりをして濃淡を付けます。

べた塗りレイヤーが作成されると下のイメージのようになります。

レイヤーフォルダにマスクをしているので、べた塗りレイヤーはキャラクター以外の部分が隠された状態になってます。

べた塗りレイヤーの色を変更したい場合は

マスクではなく、色のついた左のアイコンをダブルクリックしてください。

または、べた塗りレイヤーを選択した状態でオブジェクト操作のツールプロパティからも変更可能です。

べた塗りレイヤーを乗算モードにする

現在、ベースの色が完全に見えなくなってますので、べた塗りレイヤーの合成モードを乗算にします。

乗算レイヤーは着色された色を下の色と掛け合わせて暗くするという機能になります。

ベースの色に対して彩度の低い薄紫色を掛け合わせて影色を乗せていくということです。

乗算にすると、キャラクターの全面に影色が乗った状態になりました。

乗算レイヤーでは白以外の色を塗ると暗くなるので、影の塗りが感覚的につかみやすいです。

もう少し詳しくいうと、乗算では白以外の色でもHSVのV（明度）が100以下でないと色を塗っても暗くなりません！

この場合は明るい緑色ですが、Vが100なので乗算に反映されませんのでご注意ください。

もし乗算で色が暗くならない場合は、もう一度レイヤーフォルダの合成モードが通過かお確かめください。

ここから影を塗っていきますが、その前に必ず光源は決めておきましょう。

一番多く見られるのがキャラクターの左上に光源を設定するケースで、影の塗り方の基本として覚えると上達の近道になると思います！

影のべた塗りレイヤーを大まかに削る！

今回の記事は影の塗り方としているのですが、少し考え方を変えてみましょう。

光の当たってる部分を削っていった結果、残った部分が影として塗られている！

大事なのは細かいシワなど気にせず、最初は大まかな立体感をつかんで塗ることです。

大きく全体を見て、徐々に細部を描き加える、これが本当に大事です！

べた塗りレイヤーの白いマスク用アイコンを選択し、［消しゴム　硬め］を使って光の当たってる部分を意識して消していきましょう。

全体を引いて見ながらざっくりと消しゴムで消していき、光の印象を決めてしまいます。

影の境界を後工程でぼかしたりもしますが、ぼかしすぎるとのっぺりした印象になってしまうので、まずはアニメ塗りのようなくっきりとした影にします。

影のべた塗りレイヤーを少しずつ整えていく

大まかな方向性が決まったら、徐々に細部を整えていきます。

髪だけは頭部の丸みを考えながら［消しゴム　柔らか］でぼかして消して、無償素材［もよん髪ブラシ2］で細かい髪の流れを入れていきました。

CLIP STUDIO ASSETS

もよん髪ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

エアブラシで消したところに新たに線を入れると濃度が違って目立つ場合があります。

その場合はペンで濃く描いたところを［色混ぜ　ぼかし］ツールや無償素材［塗りぼかブラシ］でなじませると違和感がなくなります。

CLIP STUDIO ASSETS

塗りぼかブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

髪にぼかしをいれた以外はペンツールなどでセルっぽい塗りにしています。

基本的には最初の大雑把に消したものを、整えたりもう少し光の部分を増やしたりしただけです。

べた塗りレイヤーなら影を削っても塗り直せば簡単にやり直せます！

影にぼかしを入れていく

［塗りぼかブラシ］で固い線をぼかし、ぼかしすぎた境界を無償素材［やわ肌ブラシ］で塗りなおし、印象をやわらかくしていきます。

ぼかしを入れる場所の考え方としては、

• 丸みを感じさせるところ
• 折り目の谷から遠くにある場所

ぼかしすぎるとメリハリがなくなるので注意！

CLIP STUDIO ASSETS

やわ肌ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

細かい影を加えていく

ここからは普通の乗算レイヤーを追加して細かい影を加えていきます。

最初のべた塗りレイヤーの影では物足りない部分に同じ薄紫色で立体感を足していきます。

あまりたくさん入れすぎると最初に頑張った影レイヤーが目立たなくなりますので、光の当たってないと感じる部分に絞って少しだけ入れてください。

ベタ塗りレイヤーのマスクアイコンを[Ctrl] キーは（Macは [Command] キー）を押しながらクリックし選択範囲を読み込んで、スカートや服の影の境界に［エアブラシ　柔らか］でうっすら色を入れました。

わずかにグラデーションを足すことで、最初の影が単調にならずに済みます。

最後にわずかですが、もう少し暗い色でスカートの影と髪の影、そして髪の毛の天使の輪と呼ばれる光沢を強調する影を入れておきます。

髪の毛に関しては先にハイライトを入れてから影を入れたほうがやりやすいですし、実際の描き方でも最後のちょい足し影を入れる前に光のレイヤーを入れながら全体のバランスを見て影を足して作業してます。

肌の影色を調整する

イラストの方向性としてこのままでOKな場合もありますが、肌の血色をよくしたいと感じたので色を調整していきます。

肌のベース色を描いたレイヤーのアイコンを[Ctrl] キー（Macは [Command] キー）を押しながらクリックし、選択範囲を読み込みます。

メニューから［レイヤー］→［新規色調補正レイヤー］→［色相・彩度・明度］で色調補正レイヤーをマスク付きの状態で作成します。

クリッピングしないと元の肌の色まで変更してしまいますので、一度そのまま［OK］を押してください。

色調補正レイヤーをべた塗りレイヤーにクリッピングします。

色調補正レイヤーのアイコンをダブルクリックし、肌の影色を変えていきます。

今回は色相85・彩度12・明度32が好みの感じになりました。

この値はリアルタイムに反映されますので、ご自身の絵で数字を調整しながら試してみてください。

今回はしませんでしたが、髪や服の影色を変えたい場合は同様の手順で行うことができます。

色を変更する可能性のあるものは最初に細かくベース色のレイヤー分けしておくと便利です。

まとめ

影は細かいところから入れ始めると難しくなります。

大きく影を入れて細部に影を入れていくことを目的に、べた塗りレイヤーを使って光当たってる部分を削っていくという方法をご紹介しました。

べた塗りレイヤーは単色のみの表現しかできませんが、途中で影色に何色を使うとか考えず立体感だけを考えるのに向いていると思います。

何色で塗っても消しても、べた塗りで設定された色になりますので、とにかくトライ＆エラーでやっていけるのも良いです。

最後に細かい影を乗算レイヤーで足せばバランスも取りやすく、影塗りも楽になると思いますので、少しでも参考になれば嬉しいです！

下描きまではうまく描けてたのに、ペン入れしたら微妙になって困った経験はありませんか？

ペン入れでは線のどこにメリハリをつけるかで見栄えが劇的に変わってくるんです！

また、ペンの設定をほんの少し変えるだけでも描き味を自分好みにしていくことが可能です。

この記事では自分好みのペンにカスタマイズする簡単な方法とペン入れで気をつけるポイントをご紹介します。

クリスタは自分でペンを作ることが可能ですが、初心者にはかなり難易度が高いです。

最近はペンの質感を残した線画が流行ですので、今回は［アニメーター専用リアル風鉛筆 社内の人監修版］を使ってカスタマイズしていきます！

CLIP STUDIO ASSETS

アニメーター専用リアル風鉛筆 社内の人監修版 – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

CLIP STUDIO ASSETSからブラシを探してみて、例えば”ペン”や”鉛筆”と検索窓に入力し、”人気順”に並び替えると利用者の多いブラシが表示されますので、良さげなものをダウンロードして色々試してみることをオススメします。

ダウンロードしたブラシの登録方法などは別の記事で紹介してますので、是非参考にしてください。

あわせて読みたい

【初心者向け】クリスタで覚えておきたい神機能7選！ クリスタには非常に多くの機能があり、何から覚えたらいいか困ったことはないでしょうか？ 最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまい…

手ブレ補正を設定する

ペン入れの線が思うように描けない場合、手ブレ補正を設定してみましょう。

手ブレ補正とは、描くときにヨレてしまう線をクリスタ側でキレイに整えてくれる機能です。

スライダーや数字横にある上下の矢印、または数値をクリックすると自分で直接数値を変更可能になります。

ペンによってはツールプロパティに表示されてないこともありますので、

ツールプロパティの右下のスパナアイコンからサブツール詳細ウインドウを開き、［補正］→［手ブレ補正］の項目から数値を調整してください。

私の場合、ペン入れ用の設定は15です。

やや強めの補正にしておいて、［速度による手ブレ補正］や［後補正］の設定は使わないようにしてます。

設定していくコツは、

1. まず［後補正］は使わず、先に手ブレ補正の数値を決めてしまう。
2. 必要なら［後補正］の数値を小さくいれてみる。

［後補正］は文字通り描いたあとで線が補正されますので、クセを掴むのが難しいため使用する場合は本当に小さな数値で試してください。

また、手ブレ補正も後補正も数値を上げすぎると描いた線をどんどんまっすぐにしていってしまうので、思い通りの線が描けなくなります！

手ブレ補正を強くしすぎるとペンの追従性も悪くなるので、自分の最適な数値を探してください。

筆圧を設定する

［アニメーター専用リアル風鉛筆］の筆圧の初期設定はブラシサイズの数値横にある小さなボックスを押すと表示されるようになってます。

一直線のグラフですが、筆圧が50％のときにブラシサイズが設定の50％、筆圧が100％のときにブラシサイズが設定した100％の最大値になるという意味になります。

わかりやすい設定なのですが、ここを変更しています。

グラフの直線をクリックしたまま引っ張ると、曲線のグラフになります。

筆圧が50％のときにブラシサイズが25％、つまり4分の1のサイズで描画されて、筆圧が50％を超えるとグッとブラシサイズが大きく描画されるという感じです。

ある程度の筆圧をかけても細い線で描くことができ、太い線にしたいときにだけ筆圧を強くするという使い方です。

この設定ですと、細い線から始まって中間で太くなり細い線で終わる、いわゆる「入りと抜き］がしやすくなります。

また筆圧のグラフを逆にすると、

軽く描いてもすぐに太い線になりますので、自分の筆圧に応じて調整してみてください。

グラフカーブのポイントはいくらでも増やせるのですが、あまり増やしすぎると描いたときの描線が思い通りにいかなくなることがあります。

グラフの青いポイントを筆圧設定の四角い枠外へ思いっきり引っ張ると、そのポイントを消去できますので複雑にしすぎたときは消去してやり直し可能です！

ブラシ先端を変えてみる

［アニメーター専用リアル風鉛筆］は優れたブラシなのですが、もう少し自分好みになればと感じたときの簡単な設定方法をご紹介します。

ブラシ素材にはブラシ形状に画像が使用されているものがあります。

画像ファイルをテクスチャとして使用することで、ブラシで描いたときの質感表現ができるようになっているのです。

このテクスチャ画像を作るのがなかなか難しいので、今回は ［鉛筆R］ をダウンロードさせていただいて、こちらのテクスチャを使ってカスタマイズしてみようと思います。

CLIP STUDIO ASSETS

鉛筆R – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

鉛筆Rではちょっと描き味が薄く感じたのと、アニメーター専用リアル風鉛筆ではちょっと濃く感じたので中間の鉛筆が欲しくなりました。

そこで、 描き心地がしっくりきた［アニメーター専用リアル風鉛筆］をベースにカスタマイズしていきます。

元のブラシ設定は残しておきたいので、［アニメーター専用リアル風鉛筆］を右クリックまたはツールパレット左上の横三本線アイコンから［サブツール複製］の複製しておきます。

スパナアイコンを押して［サブツール詳細］を開き、［ブラシ形状］の［ブラシ先端］でブラシに使う画像を選択できるようになってます。

テクスチャ画像の右にある赤で囲ったファイル追加アイコンをクリックすると、テクスチャ画像の追加が出来ます。

元の使用されている画像は［アニメーター専用鉛筆風試作ブラシ（透明）］になっているのですが、これを［鉛筆R］で使用されている［Triangle_Hard］に差し替えることにしました。

使用されている画像アイコンを選択した状態で、右下のゴミ箱アイコンをクリックすると、そのテクスチャは削除されます。

そしてファイル追加アイコンをクリックし、検索窓にtriangle_hardと入力してください。

Triangle_Hardを選択し追加することで、ブラシ先端画像の差し替えが可能です。

描き心地が気に入ったブラシの設定で、テクスチャ感も自分好みに変えることができました。

このブラシ形状の変更は自作ブラシを作る上で基礎となりますので、ダウンロードした素材を使わせてもらいながらカスタマイズのコツを掴んでいってください！

2022年5月26日に公開されたVersion 1.12.0からブラシ先端の画像素材が簡単にわかるようになりました！

［サブツール詳細］→［ブラシ先端］から先端形状の画像素材にマウスカーソルをあわせるかタップすると素材名が表示されます！
ダウンロードしたブラシに使われているブラシ素材が簡単にわかるようになってめちゃくちゃ便利になりました！

なお、元からあるブラシ素材やダウンロードしたブラシ素材は素材ウインドウの［画像素材］→［ブラシ］の中に入ってます。

ブラシサイズを変更する

ブラシサイズを変更することで、筆圧をかけたときのブラシの最大値を決められます。

先に調整した筆圧設定だとある程度の筆圧でも細い線が描けます。

私は設定で数値の単位を［mm］に変更してますので、［mm］で2.4だとデフォルトの［px］だとブラシサイズは24になります！

印刷を考えるときに［mm］のほうが直感的にわかりやすいので変更してます。

なのでブラシサイズを太めにしておくと、筆圧をかけたときに線を太くメリハリがつけやすくなります。

スライダーでサイズを変える、数値横の上下矢印で大きさを変える、直接数値を入力する、好みの方法で変更して自分の作風に合うブラシサイズを調節してみてください。

線画の見栄えを上げるメリハリのつけ方3選！

ここからは実際のペン入れで、線画の見栄えを上げるメリハリのつけ方コツを3つ厳選しました。

線を太くする場所と細くする場所のメリハリ、まずこの3つだけでも意識してみてください！

• 輪郭は太く、輪郭の中は細く
• 影になっているところは太く、光のあたってる部分は細く
• 手前は太く、奥は細く

この組み合わせでどこを太くしてどこを細くするのかと考えることになります。

特に一番やっている人が多い部分が髪の毛の線画の処理です。

髪の毛の分かれる付け根部分が影として強調しやすいポイントになります。

あとは線画にどの程度のメリハリをつけるかは、自分の目指す作風によって変わってきます。

左が『私に天使が舞い降りた！』の白崎花ちゃんで、右が『機動戦士ガンダム MSV-R ジョニー・ライデンの帰還』のリミア・グリンウッドです。

絵の方向性の違うものをなるべく似るように模写してみましたが、花ちゃんはそこまでペンの強弱は入ってない感じ、リミアは少年漫画っぽくペンタッチがしっかり入ってる印象でした。

タッチは違いますが、メリハリをつける3つポイントは共通してるように感じます。

あとは自分の描きたい方向性でどこまで強弱をつけるかということになります！

好きな作家様の絵を見ながら、線のどこを太くしてどこを細くしてるのか、じっくり観察してご自身の絵にも反映していくと上達が早くなります！

女の子のカラーイラストではあまり線を主張しない花ちゃんのような線画が多いです。

モノクロ漫画ではリミアのように大きくメリハリをつけたほうが見栄えが良くなることが多いです。

線を均一にするとデフォルメ感が強くなるので、ギャグやSDに向いてます。

まとめ

クリスタのブラシはデフォルトでも種類がたくさんあり、素材ブラシも数多く存在します。

そんな中で、自分好みの設定に変えるポイントと、実際の線画を見栄え良く仕上げる3つのコツについて解説しました。

自分に合ったブラシや設定を探すヒントや実際に線画をキレイに描く参考になれば嬉しいです！

描き上げたイラストを見ながら、「なんかイマイチ…」と感じた経験はありませんか？

そこから修正しても時間ばかり掛かったり、納得いかなかったりという場合、実は下描きが上達すれば解決できる問題なのです。

逆に言えば、下描きの段階で絵の仕上がりはだいたい決まってしまいます。

紫あつし

ブログ公開用の最初のイラストも完成までに2枚捨てました…。

この記事ではクリスタで下描きを描くための便利な機能と、実例を交えて下描きの描き方をご紹介していきます！

下描きレイヤーを活用する

クリスタには［下描きレイヤー］という機能があります。

下描きレイヤーの機能を使わなくても下描きは出来るのですが、一番のメリットは、塗りつぶしツールを使うときに［下描きレイヤー］は無視してくれるので着色の効率をかなり上げることが可能になることです。

下描きレイヤーの設定方法

まずは設定方法です。

レイヤーパレットで下描きにしたいレイヤーを選択し、左から3つめの鉛筆アイコンをクリックします。

すると、レイヤーに青いバーと鉛筆アイコンが表示され、下描きレイヤーに設定することができました。

また、レイヤーフォルダごと一括で下描きレイヤーに設定できますので、下描きにしたいものはフォルダに入れてしまいましょう！

下描きレイヤーの活用例

では、下描きレイヤーを使うと着色でどれくらい便利かを解説します。

下描きしたレイヤーの色はレイヤーカラーを変更しておくと見やすくなります。

レイヤーカラーに関してはこの記事で詳しく解説してますので、是非参考にしてください。

あわせて読みたい

【初心者向け】クリスタで覚えておきたい神機能7選！ クリスタには非常に多くの機能があり、何から覚えたらいいか困ったことはないでしょうか？ 最初から全部覚えて始めるのはとても大変ですし、むしろ遠回りになってしまい…

この状態で、新しく作った髪用のレイヤーに［塗りつぶし　他レイヤーを参照］を使うと、

線画の範囲内にキレイに塗りつぶしが行なえます。

もし、下描きレイヤーに設定していなかったらキレイに塗りつぶせません！

鉛筆のアイコンをクリックし、［下描きレイヤーに設定］を解除すると青いバーも消えます。

その状態で再び ［塗りつぶし　他レイヤーを参照］すると…

［下描きレイヤーに設定］を解除すると、下描きの色を拾ってしまうので塗りつぶしが止まってしまうわけです。

ペン入れが終わった場所に塗りつぶしをしたいときは［下描きレイヤーに設定］を行うと大変便利になります！

もし、塗りつぶしがうまくいかない場合は塗りつぶしツールのツールプロパティを確認してください。

塗りつぶしツールの［複数参照］、または右下のスパナアイコンから［参照先］を確認し、鉛筆アイコンに×印がついていれば、下描きを参照しなくなります。

うまく活用して、作業の時短に役立ててください！

Photoshopなど他のソフトで下描きを調整したいときや、下描きを印刷して出力したいときには、下描きレイヤーは出力する設定が必要になります。

［別名で保存］や［印刷］など行うときに［下描き］にチェックを入れると下描きレイヤーが出力されます。

本番ではチェックを入れないように！

実際に下描きを描いていく！

実は絵を描く工程で一番難易度が高いのがこの最初の下描きです。

下描きやラフなどと言いますが、

• キャラクターの何を見せたい？
• どういうシチュエーションで見せたい？
• ポーズは？
• 表情は？

色々なアイデアを考えて、必要なものを取捨選択して描くことになります。

何を描くのか決まらなければ描き始められません。

下描きはいわば設計図なので、設計が失敗してると完成に近づくにつれて微妙な気分になります。

冒頭でも書きましたが、ブログ用に描いたのは3枚目で先に描いた2枚は途中で破棄しました。

やはりアイデアがフワッとしていたからで、しかも公開した3枚目も下描きが甘かったので完成途中で修正が必要になりました。

下描きはしっかり設計したほうが修正は少なくなりますが、アイデアはどんどん出して手を動かしていくことが大事です。

一発で成功させようと思わなくていいんです！

むしろ下描きは失敗しに行くくらいの気分のほうが、最終的に完成度が上がると思ってます！

では、今回どのように下描きを仕上げていったかの紹介をします。

アタリは小さく描き出す

今回はブログのヘッダーに使うと決めていたので、あまり癖のある動きは付けませんでした。

• ロングヘア
• 紫色がベース
• エルフの女の子

最初に考えたのはこの3つくらいです。

思いついた考えを元に、どんな絵にしようかイメージしながらひとまず［シャーペン］でキャンバスの中心に小さく描いてみます。

下描きに使用するペンに制限はありませんので、ご自身が良いと思ったものを使ってください！

エルフ耳を見せるようにしようと思ったので、手で髪をかき上げるポーズがいいかなと思いました。

丸や円柱、箱を並べる感じで、関節の位置や身体の中心線を意識すると違和感を描くことができます。

細かいところは置いておいて、全体を見てバランスを取ることに意識を！

アタリ線の上に少し肉付けしていく

新規レイヤーを作成し、［シャーペン］でもう少しキャラを描き込んで、［ぬる水ブラシ］でなんとなくシルエットがイメージできる程度に筆を入れました。

CLIP STUDIO ASSETS

ぬる水ブラシ – CLIP STUDIO ASSETS イラスト・マンガ制作に役立つトーン、ブラシ、3Dデータなどの素材をダウンロードしたり、自作の素材をアップロードしたりできます。CLIP STUDIO PAINTなどのグラフィック…

線だけではなく面で捉えることができるので、線画で描いて不自然な場所が分かりやすくなります。

身体に関しては、漫画やアニメを見たときにどう描かれてるのかを意識したり、漫画のグラビアなどの実際の写真を見たりして、日頃からインプットはたくさん増やしておきます！

シルエットにそって簡単に色を入れる

形であるシルエットをイメージしやすくするため、ラフの線画の下に仮でいいので色を置きます。

ラフの線画やアタリ線の下に新規レイヤーを3枚作りました。

• 目
• 髪
• 肌と服

それぞれ［ぬる水ブラシ］を使い単色でざっくりと軽く色を入れてます。

特に目は一番修正が入りやすい場所なので、レイヤーを分けておくほうが描き直ししやすいです。

多少はみ出しても問題ないので、いったん色を置いて反転してバランスを見ます。

カラーラフとも言いますが、この工程をしっかりされる方は本当にかなり描き込んでから清書されてます。

ただ、漫画などで枚数を多くこなさないといけないときなどは全部をキッチリできませんので、私はシルエットの完成を目安にして止めてます。

また、背景の［用紙］レイヤーの色が白だと目に優しくないので、用紙の色をグレーにします。

用紙レイヤーを選択した状態で、レイヤープロパティのレイヤーカラーのバーをクリックすると、色の設定パレットが出てきますので、白からグレーにしました。

顔をもう少し描き込む

もう少し、顔を［シャーペン］で詰めていきます。

ポイントは目の瞳孔とハイライトを仮で入れるだけでも完成イメージがかなりしやすくなります！

全体に色を置いてバランスを見る

本当にざっくりとですが、色を乗せて陰影の方向性を決めておきました。

また、反転をして全体のシルエットを見ながら、気になった箇所を自由変形ツールで直していきます。

赤丸で囲った部分に切れ目がありますが、この辺が修正した部分です。

• 手の大きさが大きかった
• スカートの広がりが足りなかった
• 少し胴体が長いと感じたので上に詰めた

顔の修正

うつむき加減だとイマイチ可愛くならないと判断したので、また顔を描き直しました。

最初に丸と十字線を描いた顔のアタリ線を表示し、上向きのアタリに修正して目を［鉛筆］で描き直してます。

下描きの段階で納得できないならどんどんやり直しましょう！

顔の大きさと位置の修正

目は何度か描き直して再び瞳孔とハイライトを仮置きしました。

［自由変形］ツールを使い、顔はちょっと小さく直して角度も上を向きすぎないように修正です。

やはり絵の印象を決めるのは目と顔ですので、下描きでも一番大事に描きます。

全体を引いてバランスを見る

全体を見てバランスに問題ないか確認します。

途中に何度もおこなってるのですが、基本的にペン入れも着彩もすべての作業で常に全体のバランスは確認し続けます。

全体として完成したときに、細部ばかり気を取られても全体のまとまりが悪いと完成度はイマイチで納得できないからです。

全体を見て、徐々に中間を見て、細部を描いてまた全体を見るという流れが大事です。

本番用のサイズに拡大

最後に本番用のサイズに全体を拡大して、ちょっとだけ回転させて下描きの完成です。

小さく描き始めると、大きくかいて塗るよりも作業が楽になります。

ラフは完成したら必要なくなるものですから、何度も描いたり消したり変形したりツギハギしたりしてOKです！

一発で成功させなくていいんです！

レイヤーも必要なら何枚も使いましょう！

ここまでで完成した下描きのレイヤーをレイヤーフォルダにまとめて、下描きレイヤーに設定しておくと、ペン入れなど終わったあとの着彩で塗りつぶしが楽になります！

まとめ

この記事では下描きレイヤーの設定と実際の下描きのやり方をご紹介しました。

最初からキャンバスサイズのまま大きく描くと、塗るのは手間ですし全体のバランスが把握しにくいので、小さく始めるというのをオススメします。

ラフの段階でこのまま描き進めてもいいと思えるところに持っていくと、完成間際にやる気がなくならずにすみます！

以上、参考になれば嬉しいです！