CLIP STUDIO PAINT PRO マンガの枠線引いてみた①


CLIP STUDIO PAINT PRO マンガの枠線引いてみた①
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①00

紙に描くマンガもWEBマンガも描いたことはないですけど、折角あるのでしたらちょっと使ってみようではないか。

ということで、マンガのコマを作ってくれる「コマ枠」ツールを使ってみたんですけど、意外と難しくてですね、若干後悔しております。

いつものことなんですけれども、こういうツールもあるんだーくらいに受け取ってもらえたら幸い。

 
さっそく新規キャンバスからコマ枠ってみます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①01
 
いつもは黄色の「イラスト」を選んでいるんですけど、今回は青の「すべての設定を表示」を選んでみます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①02
 
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①03
 
やったことなかったので今回初めて知ったんですけれども、WEBマンガや同人誌はB5サイズらしいですね!

例外もあるかもしれませんが、今回はそのB5サイズの比率でやっていきます。

「製本(仕上がり)サイズ」のところで「B5判」を選びます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①04
 
「B5判」を選ぶと、自動的にキャンバスサイズが小さくなったので、解像度を「72」から「144」にすることで大きくしました。

クリックして大きく表示されるWEBマンガも多いですし、予め大きく取ったしだいです。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①05
 
解像度を「144」にすると、今度は「製本(仕上がり)サイズ」のところが「B5判」から「カスタム」に自動で変更されてしまうので、もう一度「B5判」に。

「基本枠(内枠)」のところの「カスタム」も「B5」にすることで、領域を「製本(仕上がり)サイズ」と同じサイズにします。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①06
 
キャンバスが横長になっている場合は、下図の両矢印のマークをクリックするとキャンバスが90°回転します。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①07
 
流れとしてはこんな感じに。なんか別の方法があるのではないかと調べてみたんですけど、見つけきれませんでしたねぇ…
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①08
 
B5比率で、トンボ・基本枠が入ったマンガ原稿のキャンバスが作られました。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①09
 
この原稿キャンバスにコマを描いていきましょう!

ツールパレットから「コマ枠」→「長方形コマ」と流れるように選択。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①10
 
あとで気づいたんですが、この「長方形コマ」でラインを引く前にアンチエイリアスを設定しておく必要がありました。

紙媒体に印刷する用の場合はアンチエイリアスを切っておく必要がありますが、WEB上で公開するだけのマンガの場合は多少アンチエイリアスを選択しておかないと、作ったコマの斜めの線にギザギザが目立っちゃいます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①11
 
「長方形コマ」ツールを選択したら、キャンバス上を斜めにドラッグ&ドロップで大きなコマを作ります。

トンボ・基本枠が入ったマンガ原稿のキャンバスだと、多少カーソルがズレてても内枠にピッタリくっついてくれます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①12
 
コマを作るとレイヤー画面のところに一気に3つのレイヤーが作成されます。

3つの中で一番上のがそのコマの形・描画範囲を示しています。

下のレイヤーはこの描画範囲より外に線や色を表示することができません。

下から上のレイヤーの描画範囲を管理する「クリッピング」と逆ですね。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①13
 
このままだと1コマしかないので分割して複数のコマにしていきます。

「コマ枠」の「コマフォルダー分割」を選んで、「分割方法」を一番左で。

その下の「左右の間隔」と「上下の間隔」でコマとコマの間の幅を設定します。

設定した状態でキャンバスをクリックすると分割線が現れます。

左クリック押しっぱなしでカーソルを上下で角度が変化します。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①14
 
3つに分割しました。

レイヤーもコマの数だけ3つずつ増えてます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①15
 
「Ctrl」キーを押しっぱなしでコマのラインをクリックすると、形の調整ができます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①16
 
マンガには、たまにコマが入って無いシーンとかありますよね~

ということで不要なコマがあったら、コマのマスクが設定されているレイヤーだけゴミ箱アイコンにドラッグ&ドロップすれば
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①17
 
このように「コマ背景」までのレイヤーが一気に削除されます。
CLIP STUDIO PAINT PRO マンガの枠線引いてみた①18
 
 
またも想像以上に長くなったので次回に続きまーす。