07 コマフレームを作成・調整する

「コマ割り」では、画像を見せる範囲をコマとして作ります。基本コマを置いて位置・サイズを決め、必要に応じて上下・左右に分割する流れです。基本コマの追加とサイズ調整は記事06で説明しています。

基本コマを分割する

  1. Editorで「コマ割り」を開きます。
  2. 「基本コマを追加」で土台となるコマを置きます。すでに追加している場合は、その基本コマを選びます。
  3. 位置とサイズを整えます。ページ全体だけでなく、中央に小さな正方形を置くこともできます。
  4. 基本コマを選び、上下または左右の2分割・3分割を選びます。
  5. さらに細かく分ける場合は、分割後のコマを選んで再度分割します。
  6. コマを選択し、「画像を配置」で画像を入れます。

分割後の位置とサイズを整える

基本コマの位置やサイズを変更すると、その中で分割したコマもまとまりとして追随します。コマ同士の境界は分割線で調整します。別に追加した基本コマや背景を巻き込まずにレイアウトできます。

線と見た目を整える

コマの罫線の表示、太さ、色などを調整します。線を見せたくない場合は罫線を非表示にしてください。画像を切り抜く範囲と、線を表示するかどうかは分けて考えます。

画像の見える範囲を確認する

コマは画像の表示範囲を決めるマスクとして働きます。大きさを変えた後は、人物の顔や商品が不自然に切れていないか確認してください。

分割メニューが出ない場合

「コマ割り」を開き、追加した基本コマまたは分割後のコマを選んでください。背景画像を選んだだけでは、コマ割りの対象になりません。必要なら「基本コマを追加」から作り始めます。

完成済みのページ画像をそのまま使う場合は、必ずコマを追加する必要はありません。

分割線と基本コマを使い分ける

一式の位置・大きさを変えたいときは基本コマ、コマ同士の境界を動かしたいときは分割線を選びます。分割線の位置と傾きを変えたら、両側の画像の切れ方を確認してください。

この作業の位置づけ

工程:ページの土台を作る。次の作業は「08 コマに画像を入れ、見せる範囲を調整する」です。必要な作業だけを選んで進めてください。

手順見直し:2026年10月8日。実際の設定名はログイン後の「ヘルプ」でも確認できます。

分割位置を0.5%ずつ調整する

「コマ割り」で分割線を選び、「分割位置 %」のスライダーまたは数値欄の増減を使います。0.5%ずつ調整できます。例えば33%から33.5%へ動かせます。線の両側のコマに共通する分割線なので、隣のコマの画像やフキダシの収まりも確認してください。

追補:2026年10月8日。現行Editor・Manager・Viewerの仕様に合わせて見直しました。

50%で分割

上:50%
下:50%

35%で分割

上:35%
下:65%
分割比率の説明図です。実際のEditor画面や作品画像ではありません。分割位置を変えると、上と下のコマの高さが変わります。

ADTOON

マンガ・画像LPを、
作る。動かす。届ける。測る。