- クリスタで漫画を描こうとしているけど枠線の作り方が分からない
- 枠線の消し方が分からない
- オススメの参考書があったら知りたい
クリスタで漫画を描こうとしているけど枠線の引き方や枠線の消し方が分からない、という人も多いと思います。こんな悩みに答えます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2022/04/B441F88C-3F99-4628-88D3-D070C82D18D6.jpeg?resize=80%2C80&ssl=1)
こんにちは、フォックスです!
キャラクターイラスト制作やブログでお絵描き初心者向けにスキルアップ情報を発信しています
この記事ではCLIP STDUI PAINTの枠線の作り方が分からない人に向けて、「iPad&クリスタで描く ゆるゆるマンガ道」(青木俊直著/玄光社)です。
この記事を読めば、枠線の作り方と消し方がわかります。
枠線の作り方
まず枠線の作り方を解説します。
枠線を作るにはコマ枠フォルダーを使います。
①メニューの「レイヤー」>「新規レイヤー」>「コマ枠フォルダー」を選択します。
![コマ枠フォルダー](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/9E211533-67A9-4C0A-9642-A5EBFAD9EA3B.jpeg?resize=880%2C462&ssl=1)
②名前、線の太さを指定してOKを押します。
![新規コマ枠フォルダー](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/B3DD309B-36E5-4F72-9184-CD889624447D.jpeg?resize=880%2C292&ssl=1)
すると用紙に枠線が出てきます。
![枠線](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/4415389B-04B0-49AF-9FE6-E6F42B8B4145.jpeg?resize=880%2C1239&ssl=1)
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
コマ枠の外が青みがかっているけど、何?
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
マスク領域です
枠線の外側は青色になっています。
見ずらい場合は、レイヤーの「マスク範囲を表示」のチェックをオフにすると表示されなくなります。
![マスク範囲表示](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/0A979F40-26AF-402D-9EB6-21AA02749A53.jpeg?resize=605%2C458&ssl=1)
コマの割り方
続いてコマの割り方を解説します。
①コマ枠ツールを選択します。
![コマ枠ツール](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/AF6793A9-9BCC-4509-8598-593151045F71.jpeg?resize=120%2C360&ssl=1)
②ペンをドラッグすると分割されます。
![枠線分割](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/3C2535FE-2257-4D7B-8C37-0B3214DB93BB.jpeg?resize=880%2C1243&ssl=1)
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
何コレー!ドラッグしただけでコマ割りできんの!?
ちょー便利じゃん!
コマ枠の間隔を変えるには、ツールプロパティの「左右の間隔」と「上下の間隔」を変更して引き直しましょう。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/708EF989-CFDA-4D4D-828C-3145463BD89A.jpeg?resize=519%2C386&ssl=1)
コマの割り方「コマフォルダー分割」と「枠線分割」
コマ枠をカットする方法について補足します。
割り方には次の2種類があります。
コマ枠の「サブツール」の「コマ枠カット」を見てください。
枠線の割り方
- コマフォルダー分割
- 枠線分割
![2種類のコマ分割](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/BDC58F46-7870-4A14-A4DD-8D6DB2D4AD39.jpeg?resize=523%2C271&ssl=1)
「コマフォルダー分割」
枠を分割するたびに、コマごとにコマ枠フォルダーが作られます。
![コマフォルダー分割](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/968598E9-B2D5-4044-84FA-3E4C4840E104.jpeg?resize=552%2C479&ssl=1)
「枠線分割」
一つのコマ枠フォルダー内で枠線が分割されます。
![枠線分割](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/CAAA28AF-F9BF-4611-803B-FF390F1BF6EF.jpeg?resize=553%2C383&ssl=1)
![ネコット](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/nekot.gif?resize=80%2C80&ssl=1)
コマ枠フォルダー分割と枠線分割、どっちがいいとかあるの?
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
本によると絵がコマの中に収まるようなスタイルの漫画の場合は「コマ枠フォルダー分割」、絵がコマからはみ出すような表現をしたいときは「枠線分割」がいいそう
枠線の動かし方
それでは、作った枠線を動かす方法を解説します。
オブジェクトツール
オブジェクトツールを選んで枠線を選択して、四隅のポイントをドラッグすると枠線が動きます。
![枠線をドラッグ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/513DC65E-8728-473C-8EC3-761F54C73AF8.jpeg?resize=880%2C868&ssl=1)
黄色い△のアイコンをクリックすると断ち切りコマになります。
![コマ枠の断ち切り](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/3592FAA2-EAFD-4D9A-83AC-96B1D96907B9.jpeg?resize=880%2C905&ssl=1)
ツールプロパティ
ツールプロパティの設定です。
![ツールプロパティ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/651AFC7A-C0DD-4F32-956D-5B1AEF6F69E2.jpeg?resize=880%2C437&ssl=1)
覚えておきたい機能
それでは、他に覚えておきたい機能を紹介します。
分割したコマ枠を結合
分割したコマを一つに統合する方法です。
オブジェクトツールでコマ枠をShiftで複数選択します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/1D5E3D3E-C06E-46FF-AD6C-7865CFACD863.jpeg?resize=880%2C827&ssl=1)
「レイヤー」>「定規・コマ枠」>「コマ枠を結合」を選択します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/215581F8-4EAE-4AF6-AF5C-149F10E8EE48.jpeg?resize=880%2C838&ssl=1)
コマの均等分割
コマを均等に分割する方法です。
枠線を選択して、「レイヤー」>「定規・コマ枠」>「コマ枠を等間隔に分割」を選びます。
![コマ枠を等間隔に分割](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/52C64022-00FA-42F2-80ED-4A4239D8DF05.jpeg?resize=880%2C320&ssl=1)
独立したコマを作る
独立したコマを作る方法です。
サブツールから「コマ作成」を選択します。
![コマ作成](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/8BCC062F-3047-48B4-A508-7482C3F3597C.jpeg?resize=880%2C247&ssl=1)
![コマ枠](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/F65537E4-8519-44AF-A637-728E9F752EF3.jpeg?resize=880%2C372&ssl=1)
「サブツール詳細」で図形の形を楕円や多角形を選択することができます。
![さぶツール詳細](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/03C0732F-DEC9-410E-9D7A-BB6DD6F4D45C.jpeg?resize=880%2C518&ssl=1)
枠線の一部を消すには
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
枠線からはみ出した絵を描いたんだけど、コマ枠ってどうやって消せるの?
消しゴムがかけられないんだけど!
コマ枠フォルダーには消しゴムがかけられません。
![コマ枠フォルダーは消しゴムがかけられない](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/4B1D3B2C-4628-4347-B7A4-B0EF042CDE6B.jpeg?resize=880%2C770&ssl=1)
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
そのままではムリなので、コマ枠を変換しないといけない
枠線からはみ出す絵を描いた場合は、次の方法でコマ枠を変換してから消します。
コマ枠を消しゴムで消すためには
- ラスターレイヤーで絵を描いているならコマ枠フォルダーを「ラスタライズ」する
- ベクターレイヤーで絵を描いているならコマ枠フォルダーをベクターレイヤーに変換する
コマ枠をラスタライズする
絵をラスターレイヤーで描いている場合は、コマ枠フォルダーをラスタライズします。
コマ枠フォルダーレイヤーを選択して「レイヤー」>「ラスタライズ」を選択します。
![ラスタライズ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/CFE284FB-34E6-4E82-89C2-C1377D89047A.jpeg?resize=744%2C841&ssl=1)
コマ1がレイヤーとフォルダーの2つになります。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/675BE09C-765E-4989-84ED-0B3558A72E98.jpeg?resize=538%2C286&ssl=1)
これでコマ枠を消しゴムで消すことができます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/33B425A1-4530-4B0A-B94F-DE245E82FFDE.jpeg?resize=880%2C729&ssl=1)
コマ枠をベクターレイヤーに変換する
絵をベクターレイヤーで描いている場合は、コマ枠フォルダーをベクターレイヤーに変換します。
コマ枠フォルダーを選択して「レイヤー」>「レイヤー変換」を選びます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/A8BC0294-0C1D-486F-9220-E6E303CC95A5.jpeg?resize=678%2C825&ssl=1)
「種類」を「ベクターレイヤー」にしてOKを押します。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/4CB5A549-54FF-47FC-B2C0-1FB72CD3C50B.jpeg?resize=880%2C513&ssl=1)
ベクターの枠線レイヤーが作られます。
これでベクター消去で枠線を消すことができます。
![](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/09/11FE4D17-9558-44B8-9348-03633C7DA1C4.jpeg?resize=880%2C920&ssl=1)
![アキ](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2021/01/3E0C057C-AA2E-4AC9-B8B9-B8ED373E5B30.jpeg?resize=80%2C80&ssl=1)
なるほどね~変換しなきゃいかんのか!
枠線の作り方のまとめ
今回は枠線の作り方について学習してきました。まとめます。
枠線の作り方のまとめ
- 枠線を作るには「新規レイヤー」>「枠線フォルダー」で作る
- 枠線の分割方法には「コマ枠フォルダー分割」と「枠線分割」の2種類がある
- コマ割りした枠線はオブジェクトツールで動かすことができる
- コマ枠は結合したり、均等に分割したり、独立したコマを作ることができる
- 枠線の一部を消すには、コマ枠フォルダーをラスタライズ、レイヤーベクターに変換する
いかがだったでしょうか。今回の記事でクリスタの枠線の作り方が分かっていただけたと思います。
![ネコット](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/nekot.gif?resize=80%2C80&ssl=1)
コマ割りがカンタンにできるんだな!クリスタ気に入ったよ
もしこの記事で本書が気になった方は、ぜひ手にとってみてください。マンガで解説しているのでわかりやすくておすすめです。
![](https://i0.wp.com/m.media-amazon.com/images/I/51fE3yk22+L._SL160_.jpg?w=880&ssl=1)
iPad&クリスタで描く ゆるゆるマンガ道
この機会に、iPadを持っている人はクリスタで漫画制作をスタートしてもよいかもしれませんね。
今回は以上です。
このブログでは、初心者クリエイター向けに役に立つ情報を発信しています。他の記事も読んでいただけるとうれしいです。
![フォックス](https://i0.wp.com/unlimitedream.com/wp-content/uploads/2020/08/fox1.jpg?resize=80%2C80&ssl=1)
それではまた次の記事でお会いしましょう!