初心者からコマ割りの達人へ!クリスタのコマ割りの基本とは

  1. イラスト・マンガ教室 >
  2. 漫画上達講座 >

初心者からコマ割りの達人へ!クリスタのコマ割りの基本とは

クリスタ(CLIP STUDIO PAINT)を使ってコマ割りをしたいけどどうやればいいのかわからない・・・

SMILES
アナログだと不器用だからコマ割りが苦手!という方もクリスタなら慣れるとすらすらコマ割りができるのでとても便利です。

この記事ではクリスタでの基本的なコマ割りの方法と、コマ割りに関する便利機能まで初心者にもわかりやすく解説します。

初心者の方もクリスタでコマ割りの方法をマスターして、良い漫画作りに活かしていきましょう!

初心者向け!簡単なクリスタのコマ割り方法を解説

最初に:クリスタの設定をmm(ミリ)単位に切り替えよう!

枠線の太さやコマ同士の間隔を設定する際、表示される単位がpx(ピクセル)になっていると実際の感覚を掴むのが難しいので、わかりやすいようにmm(ミリ)単位に切り替えます。

最初に、ファイル→環境設定(Ctrl+K)を開きます。

クリスタの環境設定

 

次に、『定規・単位』タブの『長さの単位』を『mm』に切り替えてOKを押します。

クリスタの単位編集画面

SMILES
これで下準備は完了です。

step
1
コマ枠の作成

ここからコマ枠を作成していきます。

まず、メニューバーの『レイヤー』→『新規レイヤー』→『コマ枠フォルダー』をクリックします。

コマ割りフォルダーのボタン

『新規コマ枠フォルダー』というウィンドウが表示されるので、枠線の太さを設定してOKを押します。

個人的には枠線の太さをまずは0.5mm~1mmの間で設定すると良いと思います。

コマ枠の設定画面

 

コマが作れたところ

SMILES
ひとつの大きなコマ枠が描画されました。

step
2
コマ枠カットツールを使ってコマ割りをする

ツールバーからコマ枠カットツールを選択し、ツールプロパティからコマ同士の間隔を設定します。

一般的に、上下の間隔が左右の間隔よりも広いほうが読みやすいとされています。上下を左右より2倍以上の間隔で設定すると良いと思います。

コマの間隔調整画面

 

コマ作成ツール←ツールバーに見当たらない場合、『コマ作成ツール』のアイコンになっている場合があります。

 

サブツールウィンドウには『コマフォルダー分割』『枠線分割』があります。

どちらでも問題ありませんが、『コマフォルダー分割』はコマごとにレイヤーが分かれます。初心者の方やレイヤー選択が大変だと思う場合は『枠線分割』にしておいた方が気軽にできるかと思います。

 

コマ割りをしたい位置でドラッグして、コマを割りましょう。キーボードのShiftキーを押しながら引けば、垂直や水平にコマを割れます。

コマの作り方

コマ割りできた画像

 

SMILES
コマを簡単に割れましたね!

お手軽に:素材テンプレートを使ってみよう!

クリスタには、初期設定で漫画素材『コマ割りテンプレート』が使用できます。

素材フォルダを開くと、様々なバリエーションのコマ割りテンプレートが表示されますので用途にあわせたコマ枠をキャンパス上にドラッグ&ドロップで追加してみましょう。

また検索キーワードを入力すると探している素材を簡単に見つけることが出来ます。

どんなサイズの原稿用紙に設定していても、自動的に基準枠にあわせて作成されるので簡単にベースとなるコマ枠を追加できます。

また作成したコマを選択した状態で操作ツールオブジェクトをえらぶと編集用の枠が表示され、ツールプロパティからブラシサイズ(枠線の太さ)を変更できます。

その他の操作オブジェクトによるコマ枠操作を後述しますのでご参考ください。

クリスタTIPS:折れ線・曲線など自由自在にコマ分割できる!

クリスタならコマを簡単に分割できることは最初に説明しましたが、

折れ線、曲線などでもコマを分割することが簡単にできるため、より自由な表現が作りやすいのが特徴です。

コマ割りの表現例:枠線分割なら1つの絵を簡単に分割できる

枠線分割の機能でコマを分割すると、コマごとにフォルダー分けされません。

そのため、1つの絵を分割する下図のような作画が簡単にできます。

1つのイラストをコマ割りした画像

step
3
コマの大きさを調整する

コマ枠カットツールでコマ割りをした後、コマの大きさや間隔を変えたい場面が出てくるかと思います。

コマの大きさや間隔を変えたいときは、ツールバーから『操作ツール』の『オブジェクト』を選択します。

こちらも選択されているサブツールによってアイコンが変わっている場合があるので、画像を参考に探してみてください。

一部連動のボタン

 

操作ツールを選択した状態でコマ枠レイヤーを選択すると、青い丸や黄色い三角などのポイントが表示されます。

その状態で青い丸をドラッグしましょう。コマ枠の大きさを自由に変更できます。

その際、ツールプロパティの『別のコマ枠を連動』を『連動する』もしくは『一部連動』に設定している場合、他のコマとの間隔を保ったまま大きさを変更できます。

『連動しない』に設定すると他のコマは動かないので、コマ同士の間隔を拡げたり狭くしたりもできます。

また、四隅のポイントをドラッグするとコマの形を変形することもできます。

簡単にコマ割りする手順

 

タチキリコマ(ページの端まで絵が入っているコマ)を作りたい場合、黄色い三角をクリックすることで用紙いっぱいまでコマを延長させることが出来ます。

コマ割りする手順2

コマ割りする手順3

以上がコマ割りをする際の基本的な操作方法です。

ワンクリックでコマ割りをする方法とは

クリスタの初期設定では「U」がショートカットです。直線→コマ割り→定規 の順に切り替わります。

 

クリスタ標準搭載!コマ割りで便利な機能とは

コマ枠をデコレーションして簡単に装飾できる!

簡単な流れ

  • オブジェクトで編集したいコマを選択。
  • ツールプロパティの「サブツール詳細」を選択。
  • コマ枠、ブラシサイズ、ブラシ形状などで、枠線を編集可能。

(ブラシ形状を編集する場合、変えたいブラシ形状を選択→ブラシ形状を適応をクリックしないと適応されません)

オブジェクトで選択したのち、Deleteでコマを削除することも可能です。

コマのデコレーション

コマのデコレーション2

 

読者に突き刺さるコマ割りをするには・・

例のようなコマ割りだけでなく、特殊なコマ割りもあります。

チェックリスト

コマをななめにする

前述で説明したコマ枠カット〔枠線分割〕を選択して斜めにマウスドラッグすると斜めコマを作成することが出来ます。

動きのあるシーンや感情に大きな変化があるといったシーンで使うと臨場感が出ます。

あえてコマ枠を描かない

タチキリ(画面端いっぱいまで伸ばした)コマや背景コマをあえて枠無しコマにすることで画面を広く見せたり目立たせることが出来ます。

オブジェクトツールを選択して、枠線を隠したいコマ枠をレイヤーパネルから選ぶと編集中をあらわす緑の枠が表示されます。

ツールプロパティを見るとコマ枠編集中と表示がされていると思います。

少し下にコマ枠『枠線を描画する』の項目がありますので、チェックを外せば枠無しコマに変更できます。 ※ツールプロパティは、メニューバーのウィンドウから表示させることが出来ます。

キャラをコマから飛び出させる

キャラをコマから飛び出させることでキャラクターに視線を誘導することが出来ますので、見せゴマや登場シーンに有効的です。

この操作では、キャラに被ってしまっているコマ枠を隠す必要があります。

キャラクターのシルエットに合わせて下地レイヤーを作成して枠線を隠してみましょう、この方法ではキャラ線画とコマ枠レイヤーの間に白色の〔ベタ塗りレイヤー〕を挟み込みます。

初めにキャラ線画(仕上げまで終わっていればトーンレイヤーも含む)をフォルダにまとめておきましょう。

こうすることで、自動選択ツールを使用した際にフォルダ内のデータが1枚イラストとして認識されるため操作しやすくなります。

余白をクリックして選択範囲が作成出来たら、反転しておきましょう。

選択範囲を維持した状態で、メニューバーのレイヤーから新規レイヤー→べた塗りレイヤーを白色で作成して完了です。

またレイヤーマスク機能を使ってコマ枠線を隠すことも出来ます。

こちらはコマ枠フォルダを分割してコマワリを作成していますので応用編となります、覚えておくと便利なので操作に慣れてきたら試用してみてください。

あらかじめキャラに被ってしまっているコマ枠フォルダを新規フォルダにまとめておきます。

レイヤーパネルのアイコンを注視するとレイヤーマスクアイコンがありますので、先ほどまとめたフォルダを選択した状態でクリックしてオンにしましょう。

フォルダ上に白い紙のようなマークが出ていれば、レイヤーマスクが使えている状態です。

あとはキャラに被っているコマ枠の線を、消しゴムツールを使ってキャンパス上で消せば完了です。

消えたように見えますが、不可視化して隠しているだけなのでマスクをオフにすれば元通りになります。

上記のように、コマ割りの表現は様々あります。

あまり特殊なコマ割りを多用すると、読みにくくなってしまう可能性が高いので、使い過ぎには注意してください。

少女漫画や少年漫画でも、コマ割りの使い方が違うので、好きな漫画を読んで参考にしてみましょう。コマ割りや構図の勉強として、好きな漫画をネームにしてみるというのも有効です。

特殊なコマ割りを使った作例

コマ割りの作品例

SMILES
色々なコマ割りを試して、印象的なページを目指しましょう!

イラストやマンガの描き方、気軽に通える教室で習ってみませんか?


イラスト・マンガ教室SMILESのヘッダー画像

当イラスト・マンガ教室では、イラストやマンガの描き方を現役のイラストレーター、作家から直接学べます。

詳しくは「イラスト・マンガ教室SMILESについて」をご覧ください。

無料体験カンタン予約フォーム


SMILES
お気軽にご質問くださいませ!3営業日以内で返信いたします!

    必須お名前

    必須連絡先メールアドレス

    任意無料体験希望の校舎

    任意質問・ご相談内容など




    ープライバシーポリシー(個人情報保護方針)

    イラスト・マンガ教室SMILESでは、メールでのお問い合わせ、公式LINE@への登録などの際に、名前(ハンドルネーム)、メールアドレス等の個人情報をご登録いただく場合がございます。
    これらの個人情報は質問に対する回答や必要な情報を電子メールなどをでご連絡する場合に利用するものであり、個人情報をご提供いただく際の目的以外では利用いたしません。

     

    ー個人情報の第三者への開示

    当サイトでは、個人情報は適切に管理し、以下に該当する場合を除いて第三者に開示することはありません。
    ・本人のご了解を頂いた場合
    ・警察組織など公的な機関への協力のため、開示が必要となる場合

     

    ー個人情報の開示、訂正、追加、削除、利用停止

    本人からの個人データの開示、訂正、追加、削除、利用停止のご希望の場合には、ご本人であることを確認させていただいた上、速やかに対応させていただきます。

     

    ーアクセス解析ツールについて

    イラスト・マンガ教室SMILESでは、アクセス解析ツール「Googleアナリティクス」を利用しています。Googleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。この規約に関して、詳しくはここをクリックしてください。

     

    ー免責事項

    当サイトからリンクやバナーなどによって他のサイトに移動された場合、移動先サイトで提供される情報、サービス等について一切の責任を負いません。
    当サイトのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、誤情報が入り込んだり、情報が古くなっていることもございます。
    当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますのでご了承ください。

     

    ープライバシーポリシーの変更について

    当サイトは、個人情報に関して適用される日本の法令を遵守するとともに、本ポリシーの内容を適宜見直しその改善に努めます。
    修正された最新のプライバシーポリシーは常に本ページにて開示されます。


     

    北川
    最後に・・当教室のページをここまで読んでくださって、ありがとうございます!イラストやマンガが好きで、自分でももっとうまく描けるようになりたい!という方のお役に立てるように、日々レッスン内容や教え方の改善を重ねています。

    私たちは初心者や経験者問わず、どなたにも満足のいくレッスンを提供する自信があります。通って頂ければきっとこの教室にくるのが楽しみになるはずです。

    ただ、新しいことをはじめるのは勇気がいりますよね。。だからこそ、「無料体験レッスン」でわたしたちの教室を知って頂ければとおもいます。

    みなさまの無料体験お申込み、お待ちしております!

    \ 教室一覧 /

    各教室への交通案内(アクセス)  
    無料体験レッスンの流れ

    体験レッスンの流れ

    よくある質問

    よくある質問

    \ SMILESのこだわりをご紹介 /

    SMILES5つのこだわり

    イラスト・マンガ教室SMILESについて知りたい事を調べる

    -漫画上達講座

    © 2020 プロから学ぶ!イラスト・マンガ教室SMILES(スマイルズ)