クリスタで漫画制作を初めてした時に戸惑うのが枠線作りです。
クリスタはそもそも漫画制作に特化したソフトなので『コマ枠ツール』を初めて使うという方がほとんどでしょう。
![](https://suihei.net/wp-content/uploads/2021/11/395ead10f89105cd0a7f5f1826856db9.jpg)
クリスタのコマ枠ツールでコマを描きたいけど、やり方が複雑ぽいにゃ
![](https://suihei.net/wp-content/uploads/2021/11/2bf731bf9c71cff22c7840da0d0e4b74.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/2bf731bf9c71cff22c7840da0d0e4b74.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/2bf731bf9c71cff22c7840da0d0e4b74.jpg)
用意されている枠線のテンプレートの枠線を利用するのですか??
![](https://suihei.net/wp-content/uploads/2021/11/5b12142d80a0bf848401bce89b1cd77c.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/5b12142d80a0bf848401bce89b1cd77c.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/5b12142d80a0bf848401bce89b1cd77c.jpg)
もう直線が描けるツールで描くぜ!
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
基本的な枠線は3ステップでできます
クリスタ公式の枠線の描き方説明は丁寧過ぎて、初心者には理解しにくいかもしれません。ぼくも最初はわかりませんでした。
ここでは3ステップで簡単に解説していきます。
ぼくが普段枠線を描く時に利用しているオートアクションも公開しますのでそちらも利用してみてください。
キャラが枠からはみ出す表現についてのやり方も後半で解説しています。
ツールを使えば枠線は1Pあたり30秒で描けます。枠線の作り方をマスターしましょう。
枠線の描き方3ステップ
ぼくの下描きを参考に枠線作りを解説していきます。
![](https://suihei.net/wp-content/uploads/2022/03/296eab0dff68258ef06d81fcb8dd14d0-1.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/296eab0dff68258ef06d81fcb8dd14d0-1.jpg)
1 コマ枠フォルダを作る
コマ枠フォルダを作ります。
『レイヤー』➡『新規レイヤー』➡『コマ枠フォルダ』をクリックします。
![](https://suihei.net/wp-content/uploads/2022/03/7a158e63277a42313bdc81fb762c20ba.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/7a158e63277a42313bdc81fb762c20ba.jpg)
『フォルダの名前』、『線の太さ』を決めます。ぼくは線の太さは12PXにしています。
アンチエイリアスは『なし』にします。『OK』をクリックします。
![](https://suihei.net/wp-content/uploads/2022/03/4c2960c89da01f18830b61b0164a0e8c.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/4c2960c89da01f18830b61b0164a0e8c.jpg)
コマ枠フォルダが作成されました。
![](https://suihei.net/wp-content/uploads/2022/03/d250051c013515b7f88822037ea12428.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/d250051c013515b7f88822037ea12428.jpg)
ここまでの工程は下記に用意したオートアクションでボタン一つで名前設定までできます。名前を毎回入力しないで済みます。
2 コマ枠カットツールでコマを割る
ツールパレットにある『コマ枠ツール』をクリックします。(コマ枠フォルダを作成すると自動でコマ枠ツールに切り替わります)
![](https://suihei.net/wp-content/uploads/2022/03/7b4727fef68a17c4f411f08f351431db.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/7b4727fef68a17c4f411f08f351431db.jpg)
サブツールから『コマ枠カット』➡『枠線分割』を選択します。見つからない場合は『ウインドウ』➡『サブツール』
![](https://suihei.net/wp-content/uploads/2022/03/a3fc63554f82c8a9d49e077b580e0f3d.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/a3fc63554f82c8a9d49e077b580e0f3d.jpg)
ツールプロパティでコマの間の『幅』を決めます。見つからない場合は『ウインドウ』➡『ツールプロパティ』
コマとコマの間の設定です。通常の漫画は左右のコマの間は狭く、上下は広く設定します。
ぼくは左右60、上下120にしています。作風に合った幅を見つけてください。
![](https://suihei.net/wp-content/uploads/2022/03/74c98abda9e1ff930a7f2cd167f7ac55.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/74c98abda9e1ff930a7f2cd167f7ac55.jpg)
『枠線分割ツール』で内枠を描いていきます。垂直、水平線はshiftを押しながらドラッグすると描けます。
![](https://suihei.net/wp-content/uploads/2022/03/70ec8ea1f1c418cc0678d3e4afd6df78.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/70ec8ea1f1c418cc0678d3e4afd6df78.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
内枠のコマ割りが出来ました。ここから断ち切りコマを作っていきます。
ツールパレットから『操作ツール』➡サブツール『オブジェクトツール』に切り替えます。
![](https://suihei.net/wp-content/uploads/2022/03/d5c06b6b41fd398017122d5df06bda12.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/d5c06b6b41fd398017122d5df06bda12.jpg)
枠線が操作できるようになります。
![](https://suihei.net/wp-content/uploads/2022/03/cc42570f5a6f5e998ea489511270bc65.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/cc42570f5a6f5e998ea489511270bc65.jpg)
基本的にはこの黄色い三角だけ使用します。クリックすると最大まで断ち切りになります。
![](https://suihei.net/wp-content/uploads/2022/03/bf07c059fd7fe58d84dd970991c4a61c.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/bf07c059fd7fe58d84dd970991c4a61c.jpg)
青丸はドラッグでサイズ調整、赤い四角は自由変形です。通常は使用しません。
![](https://suihei.net/wp-content/uploads/2022/03/f53b5016a2dc79326bd29ce362690e57.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/f53b5016a2dc79326bd29ce362690e57.jpg)
断ち切りが出来ました。
![](https://suihei.net/wp-content/uploads/2022/03/a5e6e63bdc2475574b504528b270236d.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/a5e6e63bdc2475574b504528b270236d.jpg)
3 ラスタライズして枠外を塗りつぶす
コマ枠フォルダのままだと、見ずらいのでラスタライズして外枠を塗りつぶします。
『コマ枠フォルダ』➡『三アイコン』➡『ラスタライズ』をクリックします。
![](https://suihei.net/wp-content/uploads/2022/03/97e7db82959d3890b8eb8dcd03ada2dc.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/97e7db82959d3890b8eb8dcd03ada2dc.jpg)
ラスタライズするとオブジェクトツールでコマの調整が出来なくなります。
ラスタライズされました。
![](https://suihei.net/wp-content/uploads/2022/03/3cb5e7083d9359a3cd77f8afea292e95.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/3cb5e7083d9359a3cd77f8afea292e95.jpg)
枠線レイヤーだけ表示させます。
![](https://suihei.net/wp-content/uploads/2022/03/a10be2d43cae0fc9ceb667c381aa80fe.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/a10be2d43cae0fc9ceb667c381aa80fe.jpg)
外枠を『塗りつぶしツール』で塗りつぶします。
![](https://suihei.net/wp-content/uploads/2022/03/165fdf2d6ad165c2e7096f918daad707.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/165fdf2d6ad165c2e7096f918daad707.jpg)
枠線が描けました。
![](https://suihei.net/wp-content/uploads/2022/03/46f736d76f51aceb86db19c5caca878a.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/46f736d76f51aceb86db19c5caca878a.jpg)
赤枠のフォルダは削除します。
![](https://suihei.net/wp-content/uploads/2022/03/55ebaa9549a6387949cea8f4d572e5dc.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/55ebaa9549a6387949cea8f4d572e5dc.jpg)
ラスタライズ用のオートアクションも下記でDLできます。
枠線作りのそれ遠回りかも?
枠線作りの遠回りかも?と思うことは3つあります。
- 用意されているテンプレートを利用する
- コマ作成ツールを利用する
- コマフォルダ分割ツールを利用する
遠回り1 用意されているテンプレートを利用する
クリスタに最初から用意されているコマ割りされたテンプレートがあります。
このようなテンプレートです。
![](https://suihei.net/wp-content/uploads/2022/03/4a1dfd8c341dea0ec12eae1194b38ef5.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/4a1dfd8c341dea0ec12eae1194b38ef5.jpg)
『ウインドウ』➡『素材』➡『素材(コマ割りテンプレート)』から表示できます。
こちらのテンプレートは操作ツールを使ってコマのサイズを変更できます。
とはいえ、自分の漫画のコマ数と同じテンプレートを探したり、線の太さや枠のサイズ、幅を調整することは時間的に見ても遠回りになるかもしれません。
そのためお勧めはしません。
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
4コマ漫画制作には便利です
遠回り2 コマ作成ツールを利用する
![](https://suihei.net/wp-content/uploads/2022/03/edf23bb96773c3f3b248a5bb8a94fae7.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/edf23bb96773c3f3b248a5bb8a94fae7.jpg)
コマ作成ツールは、内枠作成を手動で行うことと、作成と同時にフォルダと2つのレイヤーが作成されます。
作られるレイヤーは枠線のレイヤーと白紙のレイヤーです。白紙のレイヤーがあると下描きが見えなくなります。
白紙レイヤーはレイヤーウインドウの最上部に作られるために移動させたり、非表示にする手間がかかるため遠回りになるかもしれません。
そのためお勧めしません。
遠回り3 コマ枠フォルダ分割ツールを利用する
![](https://suihei.net/wp-content/uploads/2022/03/00da74bbb8acce62cf4282d8a5b50fd7.jpg)
![](https://suihei.net/wp-content/uploads/2022/03/00da74bbb8acce62cf4282d8a5b50fd7.jpg)
こちらのツールはコマごとにフォルダを作り、『1コマずつ漫画を制作』していくのに適したやり方になります。
しかし『1コマずつ漫画を制作』というのはフォルダごとに線画やトーン、ホワイト、集中線・流線などを分けることになり、レイヤーが膨大になります。
フォルダを開いたり閉じたりする時間も遠回りになるかもしれません。
そのためお勧めしません。
1P30秒でコマを割るには?
オートアクションでショートカットすることで慣れてくると1P30秒で枠線作成は実現できます。
オートアクション提供
こちらからオートアクションがDL出来ます。(クリックするとDLが始まります)
オートアクション解説の後に読み込みの方法を記載しています。
オートアクションの解説
オートアクションは2種類あります。
- わく作成はじめ
- わくラスター終
わく作成はじめ
こちらのオートアクションは、枠線を作る時に最初に利用します。行えることは、
『コマ枠フォルダ作成』+『レイヤー名変更』です。
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
地味に時間のかかる『レイヤー名変更』をアクションに取り入れています
わくラスター終
こちらのオートアクションは、『コマ枠カットツール』で枠線を区切り、『オブジェクトツール』で断ち切りを作り終わったら利用します。行えることは、
枠レイヤーの『ラスタライズ』+『レイヤーカラー変更(橙色)』です。
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
ラスタライズを行うと塗りつぶせるようになります。枠線の外側を白で塗りつぶしましょう
オートアクションの読み込み方法は?
DLしたオートアクションは、『オートアクション』➡『三アイコン』➡『セットの読み込み』から利用できます。
DLしたアクションを選択してください。
![](https://suihei.net/wp-content/uploads/2022/02/4baa321feb9d08a98ba9f763a7ffd79e.jpg)
![](https://suihei.net/wp-content/uploads/2022/02/4baa321feb9d08a98ba9f763a7ffd79e.jpg)
他のオートアクションセットに移動させるには、『オートアクションを別のセットに移動』から行えます。
![](https://suihei.net/wp-content/uploads/2022/02/515dffcea2971e6a0ec4fee0fbf65645.jpg)
![](https://suihei.net/wp-content/uploads/2022/02/515dffcea2971e6a0ec4fee0fbf65645.jpg)
キャラがワクからはみ出すコマはどうやって作る?
多くの漫画には枠からキャラがはみ出している表現が使われています。
例えばこちらのような表現です。男性キャラの頭が枠からはみ出しています。
![](https://suihei.net/wp-content/uploads/2022/02/a8cf6c526679caff386b477256146e56-1.jpg)
![](https://suihei.net/wp-content/uploads/2022/02/a8cf6c526679caff386b477256146e56-1.jpg)
こういった場合のぼくが行っている方法を説明します。
枠をキャラに合わせて切り抜いているわけではありません。
普通に枠を描きます。その枠の上に、はみ出ているキャラのレイヤーを配置します。
ここでは『手前線画レイヤー』がそれに当たります。
![](https://suihei.net/wp-content/uploads/2022/02/364abe0f26c5b4c993dd1e39aaf184df.jpg)
![](https://suihei.net/wp-content/uploads/2022/02/364abe0f26c5b4c993dd1e39aaf184df.jpg)
線画を『通常の線画』、枠レイヤーの上の『手前線画』の2つに分けているという状態です。
枠をキャラの輪郭に合わせて切り抜かないわけ
キャラに合わせて枠線を切り抜くことをお勧めしない理由は、はみ出したキャラは読者に見てもらいたい大切なキャラであることが多く、位置を微調整をすることがあるからです。
枠線を切り抜いてしまうと微調整ごとに枠線を修正したり、全て描き直さなくてはいけなくなります。
レイヤーは増えてしまいますが、はみ出したキャラは枠線に収まっているキャラとは別のレイヤーにすることがおすすめです。
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
![](https://suihei.net/wp-content/uploads/2021/11/e634137058f20b9b3fedf85d57267538.jpg)
別レイヤーなので白抜きもスムーズにできます
【それ遠回りかも?】コマ枠ツールで30秒でワク作成【提供アクションで時短】まとめ
枠線作りをとてもシンプルに解説できたと思います。オートアクションは自分でも簡単に作れるので作ってみると良いでしょう。
オートアクションの作り方はこちらでも説明しています。
ぼくの他のオートアクション素材もDL出来ます。
![](https://suihei.net/wp-content/uploads/2021/07/3c2347841975e8c48a301dc3be23c34e-300x168.jpg)
![](https://suihei.net/wp-content/uploads/2021/07/3c2347841975e8c48a301dc3be23c34e-300x168.jpg)
3D背景をLT変換して背景制作の時間を大幅カット!漫画制作の革命!
![](https://suihei.net/wp-content/uploads/2022/02/0c0fb4d2e89db42e75f6db276875254d-300x168.jpg)
![](https://suihei.net/wp-content/uploads/2022/02/0c0fb4d2e89db42e75f6db276875254d-300x168.jpg)