![見出し画像](https://assets.st-note.com/production/uploads/images/141716669/rectangle_large_type_2_e41cd0b9de1b0acbc6a7bddb1990c95a.jpeg?width=1200)
スケッチアップとクリスタのオートアクションでウェブトゥーンの背景を鬼時短しよう!
このnoteでは、ウェブトーン背景連載2本を抱える私が、スケッチアップでデータを出力し、クリップスタジオで簡単に加工するオートアクションと、その利用方法をご紹介します。
こちらでご紹介しているのは、主にフルカラーのウェブトゥーンに使用を目的としているノウハウとオートアクションです。
白黒漫画用オートアクションはこちらから。
また記事は単品でも買えますが、マガジンを買うと、カラー用、白黒用セットになっていてお得です。
以前、こちら ↓ の記事をご購入いただいた方へ。
内容は同じなので、うっかり買わないでくださいね。
この方法で私はほぼすべての背景を加工しています。
スケッチアップ上でアングルを決定
データ書き出し
クリスタで読み込み
クリスタ上で加工&仕上げ
上記の工程で、実際に私が手を動かしているのは、1コマあたり10分程度です。10分で、下記のような背景が出来上がります。
■加工前
![](https://assets.st-note.com/img/1716412549429-TPb6ysmwAZ.png?width=1200)
■アフター
![](https://assets.st-note.com/img/1716412547509-dma3zvO1dr.png?width=1200)
上記のような加工が10分でできるスケッチアップの設定、クリスタのオートアクションを紹介しています。WEEXという外部ツール(5,000円程度)の使用を前提としています。
WEEXの基本的な使い方は、こちらの記事もご参照ください。
誰でもできてしまうと私がツライので、後半は有料にさせてください!
WEEXの入手
私は、WEEXというツールを使用しています。
↑こちらから購入できます。
しかしそのまま買おうとすると、韓国系の決済画面になって詰みます。
「購入する」ボタンではなく、説明文の一番上にある、「海外購入者のために~」の文字をクリックします。そうすると、日本から決済が可能です。
![](https://assets.st-note.com/img/1716412547440-1XsH3aiwnR.png?width=1200)
スケッチアップをウェブトゥーンの背景に利用するにあたって、こちらは必須のツールと私は考えています。これがなければ、ウェブトゥーン背景1話分を2日で仕上げるなんてことはできません。
5000円くらいの金額ですが、それに見合った働きをしてくれます。めちゃくちゃおすすめですし、これからご紹介する方法は、WEEXを持っていることを大前提としています。(決して回し者ではありません…!)
有料部分では、「WEEXの使用方法」の記事ではぼやかした、実際にどの項目を書き出すかということと、クリップスタジオのオートアクションをご紹介します。
オートアクションはダウンロードも可能ですので、ぜひ使ってみてください。
有料記事内で配布しているオートアクションを、ざっとご紹介します。
配布するオートアクションのご案内
使用例
![](https://assets.st-note.com/img/1716412550276-61SCIaCgso.jpg?width=1200)
中央上が、スケッチアップ上での表示です。スタイルはデフォルトを使用しています。
各オートアクションを実行すると、自動で、上のように加工できます。キメゴマでなければ、このままの利用で大丈夫でしょう。さらに、手動で調整するとわずか数分で、このようになります。
![](https://assets.st-note.com/img/1716412550479-MrXWCB8JAB.jpg?width=1200)
![](https://assets.st-note.com/img/1716412591529-L5qbSFPkcX.png?width=1200)
影や線画など、レイヤーが分かれているため、調整が容易です。
外の景色は、こちらのクリスタ素材をぺったんと貼っています。(夜も同様)
次に、このオートアクション実行後、クリスタでどのように加工できるかをご紹介します。
スライダーで量を調整できる影レイヤー
3Dを書き出したときの悩みのうちの一つに、「いかにも3D!!って感じで何か安っぽい」「キャラクターから浮いてしまう」というものがあるかと思います。
そういった原因の一つに、「なめらかすぎる」「リアルすぎる」というものがあるかと私は考えています。
特に、こういった球体、円柱に回り込む影に顕著です。リアルすぎて逆に安っぽく見えるというのは、何とも悲しいことです。
![](https://assets.st-note.com/img/1716412591629-Z6Zz5rGGSn.png?width=1200)
この辺りは好みもあるとは思いますが、昔から白黒漫画やアニメに親しんできた自分としては、漫画の影はあまりグラデーションぽくなくていい、と思っています。ですので、影はパキっとめに出ます。
![](https://assets.st-note.com/img/1716412591730-JFSKJC8BiY.png?width=1200)
が、調整したいですよね。大丈夫です。
このオートアクションを使えば、スライダーで影の量を調整できます。レイヤーをラスタライズしない限りは、何度でもやり直しがききます。
![](https://assets.st-note.com/production/uploads/images/141520906/picture_pc_91d5e8e68df1c7e5e6b16995da6c5c43.gif?width=1200)
またこのように、奥の階段の手すりにどのくらい影が当たってほしいかなーと考えながら影の調整ができます。階段が悪目立ちしてほしくない場合は、全部影にしてしまったほうが良さそうですし、存在感を示したい場合は、手すりにしっかりと光を当てると良さそうです。
![](https://assets.st-note.com/production/uploads/images/141531483/picture_pc_33fd4734f4bd11f423d2f06467cb3083.gif?width=1200)
また、影のパキっと具合も調整できます。白黒分かれすぎているより、少しなめらか感が欲しい方は、こちらも試してください。
![](https://assets.st-note.com/production/uploads/images/141520883/picture_pc_73928f74a9d97fddd9e2b76be371bf89.gif?width=1200)
影はレイヤーカラーを変更することで、簡単に色を変えられます。濃度の変更もらくらく。
![](https://assets.st-note.com/production/uploads/images/141531684/picture_pc_74d571a8304b931aa7e4c37c067e5b1e.gif?width=1200)
ネームや線画を重ねた状態で、クリスタ上で微調整可能というのは、とても便利です。
ぼかし用の選択範囲
また、ぼかし用の選択範囲も一発で取りやすくしています。
こちら、奥の2F部分はかなり遠いので、ガウスぼかしを入れたいところです。しかし、全体にぼかしを入れてしまうと、手前の柱もぼやけて、メリハリのない画面になってしまいます。
![](https://assets.st-note.com/img/1716423231225-YGubXx7EPj.png?width=1200)
奥のほうだけぼかしたい場合はどうしますか?頑張って投げ縄や折れ線選択ツールで選択範囲を取りますか?それとも、ぼかし用のブラシでごしごしなぞりますか?ちょっと手間ですよね。
しかし、バシッと一発で選択範囲をとる方法があります。オートアクションで作成された、ぼかし用のレイヤーを選択します。
![](https://assets.st-note.com/img/1716423232886-mKzh90gv7a.png?width=1200)
すると奥のぼかしたいところだけを選択してくれました。この選択範囲ではちょっと分かりづらいので、クイックマスクを実行したのがこちら。
![](https://assets.st-note.com/img/1716423230981-YrSUfnN3Hh.png?width=1200)
キレイなグラデーションで選択範囲がとられているのが分かります。また、手前の柱はちゃんとよけていてくれています。嬉しい。
そうして、選択範囲にガウスぼかしをかけたのがこちら。奥のほうはぼやけて、手前の柱はしっかりと見えている状態で、とてもメリハリのある画面になります。
![](https://assets.st-note.com/img/1716423231070-LlH99bD0Zs.png?width=1200)
また、この選択範囲のまま、乗算レイヤーに塗りつぶしをして影を作ると、奥のほうだけ暗くなって、さらに距離感がでます。
![](https://assets.st-note.com/img/1716423231354-11NN0KWuA3.png?width=1200)
演出する時間帯やシチュエーションによっては、明るめな色でスクリーンレイヤーを当ててもキレイです!どちらも、ただ塗りつぶしただけです。
![](https://assets.st-note.com/img/1716423231070-Fn9jT7CaXw.png?width=1200)
この、いろいろ使える選択範囲が、オートアクションで作ったレイヤーを使うと、一発で取れます。
マスク用カラーレイヤー
よくありそうな、シャンデリア越しのお部屋です。シーンの導入部に使われそうですよね。
![](https://assets.st-note.com/img/1716423232210-iW3b24dpdR.png?width=1200)
このシャンデリアだけぼかしたい!
シャンデリアを目立たせたいから、シャンデリア以外をぼかしたい!
シャンデリアのみをツヤッツヤに加工したい
そんな気持ちに駆り立ててくれるアングルです。つまり、シャンデリアのみの選択範囲がとりたい!しかしこんな複雑な形、折れ線選択ツールでちまちまとるのも大変です。
そこで、マスク用のカラーレイヤーです。
![](https://assets.st-note.com/img/1716423232089-EGeLy1F5nJ.png?width=1200)
こんな感じで、カラーレイヤーが作成されています。ここから「色域選択」でシャンデリアを選ぶと、一発で選択範囲が取れます。
![](https://assets.st-note.com/img/1716423231110-wT99zubPeh.png?width=1200)
これで加工もらっくらく!!
![](https://assets.st-note.com/img/1716423232764-W5VkcVCZ2u.png?width=1200)
手前のシャンデリアだけどーんと目立たせてみました。奥は、選択範囲を反転して、ガウスぼかし。その後乗算レイヤーに塗りつぶしたあとに、奥のシャンデリアにも少しかかるように、エアブラシをふわっと入れただけです。奥の処理は、わずか数秒の作業。
このマスクレイヤーは、他に以下のシチュエーションで活躍してくれます。
窓ガラスのみを選択して、反射を入れたい
床や壁のみを選択して、床材や壁紙にクリスタの素材を貼りたい
手前にくるアイテム(椅子の背もたれなど)をマスクして、次の工程の担当者さんに渡したい
鏡や額縁の絵のみをマスクして、線画さんに渡したい
などです。
さて、前置きが長くなってしまいましたが、こんな加工が10分でできる、WEEXの設定と、クリスタのオートアクションをご紹介します。クリスタのオートアクションは、ダウンロード可能です。
これが誰でもできてしまうと、私の存在価値が相対的に減ってしまってツラいので、ここからは有料にさせてください><
有料版をご購入いただいた方には、XのDMにて個別相談も受け付けています!また、カラーバリエーションは、私が自分用に作ったものですので、他のバリエーションのリクエストもお受けしています。
WEEXの設定
それでは、WEEXの設定から具体的にご紹介します。
この記事が気に入ったらサポートをしてみませんか?