iPadでデジタルまんがを書く方法と始め方!

【CLIP STUDIO PAINT EX】ツールパレットの各アイコンの役割や使い方を解説します!

クリスタ ツール

にじちゃん

CLIP STUDIO PAINT EXの画面左に並んだ記号(ツールパレット)の使い方がわからないよぉ~っ!AIく~ん!!
にじちゃん、お呼びですか?

デハ、今回はツールパレットの使い方についてのお話しをしまショウ

AIくん

にじちゃん

やった~!そうこなくちゃっ♪

そんなわけで、

今回の記事はiPad上でのツールパレット各アイコンの名称や使い方をわかりやすく解説したいと思います。

レッツGO♫

僕のまんが制作環境について
iPad ProにSmart Keyboard Folio(後付けのキーボード兼カバー)と、Apple Pencilを使用しています。

iPadのツールパレット

ツール一覧

AIくん

画面左、縦一列に並んでいるの部分が、『ツールパレット』デス

パレットドッグとは

 

ツールパレットの名称を説明する前に、

iPadならではの、ツールパレットの使用方法をお伝えしておきます。

AIくん

iPad版ならではの特徴をお伝えしマショウネ

【CLIP STUDIO PAINT EX】立ち上げ時に、iPad以外は、ツールパレットが画面に出ていますが、

iPadの場合は、下の図のようにツールパレットがアイコンで並んでいてパレットドッグと言われています。

下の図④黄色の部分パレットドッグです。

ツール一覧

パレットドッグ(複数のツールパレットが縦に並んでいます)のアイコンをクリックするとポップアップ表示されるようになっています。

たとえばこちらの図で説明すると、

虫眼鏡ツール

虫メガネツールクリックすると、パレットドッグ虫メガネ変わります

クリックすると、今まで収納されていたサブツールポップアップするしくみになっています。

使わない時は邪魔にならないように小さいアイコンに収納されているとうわけです。

にじちゃん

なんと慎ましい!
これからご説明する、ツールパレットの使い方に関係してくるのでこの仕組みを理解しておいてくださいネ!

AIくん

ツールパレットのアイコンの意味と使い方

 

ツールパレット項目って数が多いので、初めはなにがなんだかわかりませんよね?

まずは各ツールボタンと、名称をざっくり覚えましょう!

AIくん

①から順にご説明シマスネ

画面を見ながら実際に動かしてみると、より早く覚えられるので、

Padの電源をつけて、CLIP STUDIO PAINT EX を立ち上げてみましょう。

にじちゃん

ああ、こうやるのねっ!?

とか言いながらやってみてくださいね。

ツールの名称

AIくん

ツールは25個ありマス、ちょっと長いけど、集中力がなくなったら一度止めて、また続きから確認しまショウ!
ねーねー、AIくん、①の『虫めがね』の上にあるのって何だろう?

にじちゃん

AIくん

『操作』ツールデスヨ、アップデート後に、一番上に場所が移動しまシタ、ではまず『操作』ツールについて簡単にご説明していきまショウ!

操作(①の上にあるアイコン)

 

ボットさん

新しいバージョンになって『操作』ツールの位置が変わりマシタネ
『操作』ツールの説明は、飛ばして後で見てもイイデスヨ

AIくん

『虫めがね』の上にある、キューブ型のアイコンが『操作ツールです。

操作ツール

ベクター線(変形しても劣化しない線)に対して、『操作』ツールを使うことで編集が簡単になります。

ちなみに、〈ベクター線の描き方〉は以下の通り(1~3)です。

オブジェクトツール操作方法

AIくん

絵を描く前に、ベクターレイヤーを作りまショウネ!

1のレイヤーを開いて

2のオブジェクトマークをクリック

3ベクターレイヤー(オブジェクトマークの付いたレイヤー)が作成されます。

ベクターレイヤーに絵を描きます。

4のオブジェクトマークをクリックして、変形させたい線(5)をクリックします。

回転(6)、拡大、移動などができるようになります。

なるほど、ベクターレイヤーに絵を描くと、ベクター線になるってことだね!

にじちゃん

レイヤーパレットレイヤーパレットのアイコンの意味

オブジェクト

 

コマ枠や、画像の変形、回転、移動などができます。

にじちゃん

今さっきやったやつだね(46)!

レイヤー選択

 

『レイヤー選択』をすると、いくつもあるレイヤーの中から、

クリックした部分に描画されているレイヤーを選択することができます。

例えば、オレンジの丸の画像をクリックすると、オレンジの丸のレイヤーが選択されます。

選択オレンジ

ピンクの丸をクリックすると、ピンクの丸のレイヤーが選択されます。

むらさきレイヤー

クリックした部分にいくつものレイヤーが重なっている場合は、一番下のレイヤーが選択されます。

『レイヤー選択』のツールプロパティで、クリックしても選択してほしくないものを設定することができますよ。

レイヤーツール

ライトテーブル

 

にじちゃん

『ライトテーブル』って、アナログでいうトレース台のこと?
そうデス、ほかのレイヤーや、画像を参考にしながら描けるのがいいデスネ!

ボットさん

『ライトテーブル』レイヤーを作ると、画像の位置の移動、回転、大きさを変えるなどの操作ができます。

『アニメーション』→『ライトテーブル』→『選択中のレイヤーを登録』もしくは、『ファイルを選択して登録』で、登録したい画像を選びます。

ライトテーブル アニメーション

すると、レイヤーに『ライトテーブル』のマークが付きました!

ライトテーブルレイヤー

『ライトテーブル』では、画像の位置の移動、回転、大きさを変えるなどの操作ができるんですが、

操作方法をやりやすい方法に設定することができます。

ライトテーブル設定

回転させてみるとこんなかんじです。

ライトテーブル回転

タイムライン編集

 

AIくん

・・・・・・
AIクン、ドウシマシタカ?

ボットさん

にじちゃん

あれれ?どうやら『タイムライン編集』については、AIくんがまだ学習できていなくてフリーズしてるみたいだね。学習が終わったら詳しく教えてもらおっかな

大枠でデスガ、『タイムライン編集』を使うと、イラストの動画の編集のような作業ができマス

AIくん

ボットさん

AIくんが復活シマシタネッ!?
そうかぁ、『タイムライン編集』って、動くイラスト(アニメーション)できるツールなんだね

にじちゃん

① 虫めがね

 

AIくん

気を取り直して、『虫めがね』ツールからご説明いたしマス!

『虫メガネ』ツールを使うと、でキャンバスの『拡大・縮小』ができます。

拡大すると線が閉じてるか?色がはみ出ていないか?などの確認をしやすいです。

縮小すると全体のバランスがよくわかるので、かなり頻繁に使うツールです。

虫メガネ』ツールをクリックすると、パレットドッグが虫メガネツールの内容に変わります。

のアイコンをクリックすると、パレットがポップアップします。

『拡大』『縮小』どちらかをクリックし、画面をクリックすると作業しているファイルが大きくなったり小さくなったりします。

虫眼鏡拡大縮小

ショートカットで拡大・縮小する方法

 

上記のやり方以外にも、時短になる方法があります!

僕はiPadにSmart Keyboard Folio(iPadに簡単に付け外しできて、折りたたんで持ち運びが便利なキーボード)を付けているので、

大抵ショートカットキーを使って操作しています。

そのほうが簡単に拡大・縮小できるからです。

(iPad画面にキーボード表示させることもできますが、個人的には画面を変えないでいいSmart Keyboard Folioがあった方が楽だと思うので使っています。)

  1. あらかじめ上記の方法で虫メガネを『拡大』設定にしておく。
  2. 拡大したいときは、①『虫メガネ』をクリックし、画面をクリックするだけ。縮小したいときは、①『虫メガネ』をクリックし、キーボードの『option』押しながら画面をクリックすると縮小されます。

② 移動

 

『手のひら』ツールとも呼ばれている『移動』ツール

拡大した状態だと、どうしても見える範囲が狭い、でも違う場所を確認したい!

そんな時に『移動』ツールを利用すると、表示位置を移動することができます。

『移動』ツールをクリックして、表示画面をペンシルで移動できます。

下記のように『移動』ツールにも、サブツールというものがあり、移動するほか、『回転』というツールをクリックするとキャンバス全体を回転させることもできます。

の順番は虫メガネツールと同じ手順です。)

手のひらツール

iPadでキャンバスを回転させる方法

 

しかし、iPadで操作する場合は、タッチパネルなので、『回転』ツールは使用しない人が多いです。

iPadはタッチパネル!この方法のほうが楽?
指2本画面タッチし、回転させたい方向指を回転させるキャンバスも一緒に回転します。

③ レイヤー移動

 

『レイヤー移動』ツールを使うと、選択しているレイヤー全体、もしくは選択範囲で選択した部分のみを移動することができます。

の順番は虫メガネツールと同じ手順です。)

『レイヤー移動』を選択しておけば、楽々移動が可能です!

移動ツール

複数のレイヤーを同時に移動させる方法

  • レイヤーを複数選択しておくと、複数レイヤー内にある画像まとめて移動することができます!!

④ 自動選択

 

『自動選択』ツールは、線で囲まれた部分を瞬時に選択でき、選択した範囲全体を塗りつぶしたり、トーンを貼ったりするのが楽になります。

の順番は虫メガネツールと同じ手順です。)

自動選択ツール

選択範囲を塗りつぶす方法

 

1. レイヤーから、塗りつぶしをしたい絵(線が閉じた状態のもの)を選びます

選択

2. ctrl+レイヤー(クリックすると、リストがポップアップするので

3. ③『レイヤーから選択範囲』④『選択範囲を作成』の順で選択しましょう。

選択範囲塗りつぶし

4. 絵に破線(選択されている状態)が出てきて、この範囲が塗りつぶされる場所になります。

5. 『メインカラー』を、変えたい色に選択しましょう。

6. 『ランチャー』内のバケツマークをクリックすると、選択範囲を指定した色で塗りつぶすことができます。

指定の色に塗りつぶせました!

選択範囲塗りつぶし完了

コマンド ランチャー アイコン 解説【CLIP STUDIO PAINT EX】コマンドバーとランチャーアイコンの役割を解説します。

選択範囲の解除方法

 

選択範囲は、ランチャーのアイコン『選択範囲を削除』

または、選択範囲外の画面上をクリックすると解除されます

にじちゃん

ボクはいつもショートカットキー『command+D』で消してます。あっけなく消えてくれます

⑤ 選択範囲ツール

 

『選択範囲』を作ることで、選択範囲内塗りつぶしや部分的な色変更拡大/縮小などの作業が可能になります。

ボットさん

よく使うツールデス、一通り知っておくと便利デスヨ

『選択範囲』の種類が7通りあります(の並びは選択範囲の種類です)ので

上から順にご説明しますね!

の順番は虫メガネツールと同じ手順です。)

選択範囲ツール1

長方形選択、楕円選択

 

(左)長方形選択:対角線にドラッグした分が選択範囲になります。

(右)楕円選択:楕円の選択範囲が作れます。

選択ツール長方形楕円

ボットさん

『shift』キーを押しながらドラッグすると正方形、正円をつくれマス

こんなふうに、円をくりぬいたり、円の部分の色を消したり、くりぬいた部分を使ったりもできます。

選択範囲丸

投げなわ選択、折れ線選択

 

(左)投げなわ選択:投げなわでアバウトに囲って、描画を移動する時などに便利。

(右)折れ線選択:折れ線で選択範囲を作成できます。

投げ縄、折れ線

にじちゃん

『投げなわ』使ってみた~、こんなかんじかぁ

投げなわツール

選択ペン、選択消し

選択ペン 取り消し

〈選択ペン〉

ペンで描いたように選択範囲を作ることができます。

ペンのように書いた選択範囲『delete』で、選択した部分が消えます。

選択ペン1

〈選択消し〉

消しゴムで消すように選択範囲を消すことができます。

選択した部分に、『選択消し』をすると、こんな複雑な選択範囲を作れます。

選択消し

シュリンク選択

 

投げなわ選択のようにぐるっと選択したい範囲の周りを囲むと、

シュリンク選択

囲んだ内側にある描線の外周を選択範囲に指定することができます。

ボットさん

シュリンクしたい絵が描画されているレイヤーを選択してから、『シュリンク選択』をしまショウ!

レイヤー内全てを選択する方法

 

①選択範囲②すべてを選択でレイヤー内のキャンバス全体すべてを選択範囲にできます。

すべてを選択

ボットさん

ショートカットキーで『command』+Aでも同じようにすべてを選択できマス、試してみてクダサイネ!!

⑥ スポイトツール

 

『スポイト』ツールでキャンバス上にある色をピックアップして色をコピーできます。

また、取得した色を基準に彩度を落として影をつくったりすることができます。

にじちゃん

肌色とか難しいから、いい色で塗れるとスポイトツールで成功したのをピックアップしてコピーしたりしてます!

スポイトツールを使ってみよう

 

1. まずは、ツールパレットから『スポイト』ツール選択すると、カーソルがスポイトマークに変わります。

2. ②拾いたい色のところに、スポイトマークを合わせてクリックします。

今回は、グレーをスポイトツールで拾って、ブルーのペンをグレーに変えたいと思います。

3. ツールパレットの一番下にある③『メインカラー』がスポイトツールでピックアップした色(この場合はグレー)になっているか確認します。

スポイトツール

スポイト色変わった

4. ①『自動選択』ツールでをクリックします。

5. 次に色を変えたい部分を選択します。

今回は青いペンを、先ほど拾った色(グレー変えたいので選択しました。

6.『ランチャー』の、『塗りつぶし』ツールをクリックします。

7. すると、選択したペンがグレーに変わりました!!

にじちゃん

こんなに一瞬で色が変えられるなんて、、 アナログで描いたことがあるボクには感動的!

⑦ ペン/マーカー

 

ペン入れでは、こちらのツールを使っていきます。

アナログでいうと、Gペンや丸ペンなどのツールが画面上にまとまっているって感じでしょうか?

ワンクリックで道具を変えられます。

Gペンや丸ペンがある場所

 

1. まずはツールパレットから①『ペン』ツールを選択します。

2. のアイコンをクリックする

3. のパレットがポップアップします、③ペンを選ぶとGペン、丸ペンなど使いたいペンツールを選んで使用しましょう。

4. マーカーを選択すると、ミリペン、サインペンなどのペンがありますので、用途によって使い分けましょう。

(マーカーを選ぶと、自動的にツールパレットもパレットドッグもマーカーに変わります。)

ペンとマーカー

ペン…Gぺんや丸ペンのような付けペンのように、線に強弱をつけたり、入り抜きのついた線を描けます。

 

マーカー…ミリペンやサインペンのような強弱の少ない一定幅の線を描けます。

ペンの種類

 

で描いてみました。

太さは全て“1”で統一させましたが、太さが違うんですね。

1 Gペン 2 リアルGペン 3 丸ペン 4 カブラペン 5 カリグラフィ 6 効果線用 7 ざらつきペン

 

8 ミリペン 9 サインペン 10 べた塗りペン 11 マジックペン 12 ドットペン 13 フラットマーカー

 

クリスタペン全種類

ペンの太さを変える

 

使いたいペンを選んだら、太さを選びましょう。

パレットドッグのペン/マーカーのアイコンの上から3つ目を選ぶと、『ブラシサイズ』がポップアップします。

好きな太さを選んで描きましょう!

ブラシのサイズ

入り抜き/手ブレ補正/筆圧で、自分に合うように調節しよう

 

描き心地がいまいちの時は、入り、抜き/手ブレ補正で自分に合った設定に変えましょう。

手ブレ補正

筆圧補正も試してみましょう。

グラフのを左上に動かすと強弱弱め、

グラフのを右下に動かすと強弱強めになります。

筆圧補正2

にじちゃん

入り抜き、手ブレ補正、筆圧補正は個々でちがうので、自分にちょうどいいようにカスタマイズしてくしかないですね!
ペン入れは大切だから、後回しにしないで早めに試しておいてクダサイネ!

ボットさん

⑧ 図形

 

直線、楕円、正円、長方形、正方形、多角形などのきっちりした線を描きたいときに活躍するツールです。

図形ツールを使ってみよう

 

『図形』ツール『サブツール』リスト上から順に描いてみました。

何度かやってみるとなんとなく使い方に慣れてくると思います。

まずは、直線、曲線、折れ線から!

直線 曲線

お次は連続曲線、投げなわ、長方形、楕円、多角形

全部描いてみると、自分がまんがやイラストを描く時に

にじちゃん

そうだっ!ここにはあの図形ツールで描いてみようっ!

とリマインドすることができますよね。

図形

僕はこうやって描いた図形をみているだけで

にじちゃん

図形かわいいっ!

とテンションがあがります♪

角の丸さ、塗りつぶし、多角形の作り方

 

上の表のいくつかの図形が角が丸かったり、塗りつぶしになっていますよね。

角を丸さ、塗りつぶしはパレットドックの図形の上から2番目をクリックすると、ツールプロパティがポップアップするので

下記の方法で好みの形に調整しましょう。

● 角を丸くしたいとき『角の丸さ』にレ点を入れて、どのくらい丸くしたいか上下の▲▼マークで調節します。

 

● 塗りつぶし/線だけにしたいとき…『線・塗り』塗りの作成/線を作成/線と塗りを作成のいずれかを選びます。

 

角の丸さ

多角形にしたい時も同じようにツールプロパティで調節します。

● 『多角形の頂点数』を上下の▲▼マークで調節します。

 

● 3角形にしたい時…『多角形の頂点数』『3』にする。

 

● 8角形にしたい時…『多角形の頂点数』『8』にする。

 

多角形

ボットさん

『縦横指定』などもできるので、二等辺三角形とか、比率で図形を描くこともできマスネ
正方形正円、などにしたい時はキーボードの『shift』を押しながらドラッグすると出来マス

AIくん

⑨ 筆

 

筆のように、複数の色をなじませるタッチの描画が可能です。

筆ツールは沢山種類があります

 

4つのグループ『水彩』『油彩』『墨』『リアル水彩』合わせると、筆の種類は32種類もあります!

これはもう、試し描きしてみるしかないですね!!

自分のイメージに近い筆を探しましょう。

ブラシツール

水彩、油彩、墨、リアル水彩のちがい

 

ブラシ種類

● 水彩…透明感と水分のある描写ができます。

 

● 油彩…ムラのない重い描写ができます。

 

● …筆先の表現と、かすれなどの描写ができます。

 

● リアル水彩…水彩ならではの線の外側にムラができるように描写ができます。(ワンストロークで重ねるとムラなく塗れます。)

筆ツールでは色をなじませられるのが便利

 

これはブログのアイキャッチ画像用に描いたものです。

メディバンペイントさんのアイコンを筆ツールで塗ってみました。

色をパレットの上のようになじませられるから、べた塗りではメディバンペイントさんのアイコンを表現できないな。

と思って筆ツールを使ってみました。

遠目で見る分にはそこそこいい感じにできました。

筆ツール塗り

『塗り&なじませ』ツールでほとんどの色を塗ってしまうという方も多いようです。

⑩ エアブラシ

 

『エアブラシ』では、ふんわりとした色をつけられるのと、トーン削りができます。

エアブラシでトーンを削ってみよう

 

1. 『エアブラシツール』『トーン削り』を選びましょう。

トーン削り

2. 描写色は透明にしましょう。

実際トーンを削ってみました。

トーン削り

⑪ パステル/鉛筆

 

『鉛筆』ツールでは鉛筆シャーペンのような線が描けるため下描きに使う人が多いようです。

しかし下描きとはいえデジタルで描く場合はペンで描くのもアリなので、色々試してみて自分に合ったツールを使いましょう。

パステル/鉛筆の種類

 

パステルと鉛筆は同じグループに入っています。

鉛筆パステル

パステルと鉛筆で線を描いてみたので簡単な比較としてご覧ください。

鉛筆は通常『濃い鉛筆』を鉛筆として使うようですが、

『粗い鉛筆』という、よりリアルなかすれ具合を表現できる鉛筆があります。

パステルはふんわりした色を塗りたい時に便利そうですね!

鉛筆パステルかいてみた

● 濃い鉛筆…やわらかい強弱が付けられるオーソドックスで使いやすい。

 

● シャーペン…シャープで硬い線が描けます。

 

● 粗い鉛筆…まるでアナログ鉛筆のような線が描けます。

⑫ デコレーション

 

アナログの時は表現の難しい繰り返しパターンや模様を簡単にデコレーションできます。

これは効果・演出デコレーション一覧です。

効果

罫線や、破線、ドット等があります。

にじちゃん

すごいっ!スクリーントーンを貼ったような柄がこんな簡単にっ!?

効果 柄

デコレーションを直線で描く方法

 

ペンツールで直線を描くときも同じ方法です!

柄直線

1. 『ペン』や、『デコレーション』から描きたいツールを選択します。

 

2. 始点1をクリックします。

 

3. キーボードの『shift』を押しながら(shiftを押したらペンシルは離す)、2の終点をクリックすると直線が引けます。

⑬ 消しゴム

 

『消しゴムツール』すでに描かれた作画を消して修正することができます。

消しゴム

実際消してみるとこんなかんじですね。

消しゴム使ってみた

● 『硬め』…ペンのように筆圧を感知した強弱をつけられます。

 

● 『軟らかめ』…ふんわり消したいときは『軟らかめ』がいいですが、消し跡がぼんやりとしているため、白黒まんがには不向きと言われています。

下描きをやんわり消して描き直す時なんかは便利かなと思います。

 

● 『ざっくり』『硬め』のような強弱をつけたくない時は『ざっくり』が良いそうです。

 

● 『ベクター用』…『定規』ツールの『パース定規』の部分で説明を書いておきましたので、ご覧ください。

⑭ 色混ぜ

 

キャンバス上の色と色をまぜたり、ぼかしたり塗りムラを修正する時や、グラデーションを作る時にも活躍するツールです。

AIくん

『色混ぜ』ツールは、色を混ぜるためにあるツールなので、着色はできないデス
ベクターレイヤーでは効果がないから注意しまショウ

ボットさん

色混ぜ

● 色混ぜ…すでに塗った色と色を混ぜ合わせてほかすことができます。ボケ足が強いため、ストローク感を出さずに混ぜ合わせる事が可能。

 

● ぼかし…色をにじませるようにぼかすことができます。色を延ばすことなくぼかせるので、色と色の境界線を均等にぼかしたい時に便利!

 

● 指先…指先で色をひっぱるように延ばしてなじませることができます。

 

● 繊維にじみ…紙の繊維ににじまるように色をまぜることができます。

 

● 水彩なじませ…水を含ませた筆で色を延ばすようにぼかすことができます。筆を使って延ばしたようなタッチが残ります。

色混ぜツールの『ぼかし』と筆ツールの『塗り&なじませ』を比較

 

色混ぜ

1. 筆ツール→水彩→不透明水彩で3色の色を塗ってみました。

2. 1の3色の境界線を、筆→水彩→塗り&なじませでなじませてみました。

3. 1の3色の境界線と周りを、色混ぜ→ぼかしでなじませてみました。

3のぼかしは、思いのほか簡単にぼけてくれるので、ついつい周りもぼかしてしまったくらい、手早くぼかすことができました!

筆ツールの『塗り&なじませ』も境界線をぼかすことができますが、色混ぜツールの『ぼかし』の方が、境界線をほぼずらさずに均等にぼけるのが楽でした。

ただ、ぼけ感より、塗ったようななじませ感を出したいときは筆ツールの『塗り&なじませ』が良さそうです。

⑮ 塗りつぶし

 

『塗りつぶしツール』は、単色で塗りつぶしたい時(ベタ塗り)にとても便利なツールです。

にじちゃん

レイヤーを分けて(線とベタ)おくと、後々の修正や変更したい時に便利だね!

『塗りつぶしツール』を使ってべた塗りに挑戦

 

チョコレートケーキのチョコレート部分をべた塗りしていこうと思います。

塗りつぶし

1. 線を描きます。

2. チョコレートにしたい部分を選択ツールで選択します。(線は閉じた状態にしておきましょう)

選択をしたら、『塗りつぶし』ツールで塗りつぶします!

選択さえきちんとできれば、塗りつぶし(ベタ塗り)がはみ出す事なく一瞬でできちゃいます♪

3. ペンツールの透明色で、チョコレートの上にのった金粉やチョコレートのツヤをイメージして削ってみました。(アナログでいうとホワイトの役割)。

こちらがチョコレートケーキを描いた時に使ったツールの画面です。

塗りつぶし

1. が塗りつぶしたい部分を選択した後に使う『塗りつぶし』ツールですね。

2. 『ペン』ツール③『透明色』は、チョコレートのデコレーション用に削った部分を描く時に使いました。

⑯ グラデーション

 

グラデーションで塗りつぶしたい場合は『グラデーション』ツールが便利!

グラデーションレイヤーという専用のレイヤーを使えばグラデーションの色、幅、向きなどの設定を何度も変更が可能です。

AIくん

アナログでいう、グラデーショントーンのことデスネ!
モノクロだけでなく、好きな色でグラデーション出来るのがまた便利だねっ!

にじちゃん

をクリックすると、『グラデーション』ツールのツールプロパティがポップアップします。

をクリックすると、『グラデーションの編集』がポップアップしますので、どんなグラデーションにしたいか調節をしましょう。

また、グラデーションを描画色と、背景色にしたい場合は、メインカラーとサブカラーを設定してから作業しましょう。

グラデーション

グラデーション編集

グラデーション形状

『形状』『端の処理』の種類は以下の表にまとめてみましたのでご覧ください。

グラデーション形状種類

グラデーションの塗り方

グラデーション方法

1.  グラデーションしたい範囲を選択範囲として選んでおきます。(破線の部分が選択範囲)

2. グラデーションをかけたい方向にドラッグすると、その方向にグラデーションされます。

(左から右にドラッグすれば、左が濃く右が薄いグラデーションになります。)

3. グラデーションが完成しました。

『等高線塗り』で立体感のあるカラーグラデーションを描いてみました

 

グラデーションツールのグループに『等高線塗り』というツールがあります。

このツールを使うと2色の線に挟まれた透明領域グラデーションで塗りつぶすことができます

1. 『等高線塗り』ツールをまずはどんなものか確認しましょう。

2. 選択ツールで2本の線の間選択し、『等高線塗り』クリックするとグラデーションが完成します。

等高線塗りツール

これを順に完成させていきたいと思います。

 

等高線塗り実践

1. 円の線を描いた後、色の境界線となる『ペン』ツールなどで描いていきます。

この場合は、4か所に分けて、選択→『等高線塗り』クリック。を繰り返します。

2. 全部終わったところです。この状態だと円の周りが少しガタガタしていますね。

3. 円の枠線をレイヤーの一番上に持ってきて、はみ出した部分は消しゴムで消してみたら、きれいな絵に仕上がりました!

⑰ 図形(流線/集中線)

 

⑧の『図形』ツールでは、直線、曲線、などについてお伝えしました。

『流線/集中線』は、ワンタッチで描きたいときに便利です!

『流線』『集中線』ツールはこんな画面です。

流線 集中線

『流線』ツールからは『雨』を早速使ってみましょう。

角度、ブラシサイズ、線の間隔、長さ等をイメージに近い設定にしてみましょう。

にじちゃん

とにかく試してみるのが近道だね!

雨ツール2

このように、数値を変えることによって、いろんな種類の雨粒を描けるんですね。

長さの数値も同様に、大きくすると1粒が長くなります。

雨の描き方

雨の描き方がわかったら、他の『流線/集中線』ツールも同じような容量なので

すぐに描けるようになると思います!

『雨』/『陽気』ツールを使ってみました

 

雨 陽気

同じポーズをとっていても、効果線によってかなり違う状況に見えますよね。

⑲の『定規』でも平行線や同心線が描けるので、両方試してみてから使い易い方を使用しましょう。

⑱ コマ枠

 

まんがってコマの連続でストーリーをつくっていきますよね。

コマを作るのに必要なのがこの『コマ枠』ツールです!

早速コマを作ってみましょう。

基本のコマを作成してみよう

 

1. 『レイヤー』『新規レイヤー』『コマ枠フォルダー』

コマ枠フォルダー

2. 枠線の太さを設定しましょう。

設定したら、『OK』を押します。

ボットさん

一般的コマ枠の線の太さ0.6~1.0mm程度と言われていますヨネ

新規コマ枠

3. 基本枠ぴったりのサイズを作成できます。

基本枠

この青い部分は『マスク』している部分で、

コマ枠フォルダー内のレイヤーに描いた絵はマスクからはみ出さないようになっています

実際は青い部分まではみ出して描いていますが、線から外はきれいに見えないようになっています。

マスクコマ枠

基本の枠のマスクを外す方法

 

マスクを消したい場合マスクの無効化のこと)は、

マスクがかかっているレイヤーを選択し、

『マスクを有効化』チェックを外すだけです!!

にじちゃん

簡単、、
マスクがかかってた部分が見えるようになりマシタネ!

ボットさん

マスク有効化外す

再度「やっぱりマスクかけた方がいいな。」と思ったら

外したチェックを付けなおせば再びマスクされます

コマ枠ツールの種類

 

これらのツールを使うと、自由な形の枠線をひくことができます。

ツールプロパティの『枠線を描写』チェック外すと、枠なしの線が描けます。

コマ作成

描いてみた枠線がこちらです。

1 長方形ツール

2 折れ線コマ

3 コマ枠ペン

4 枠線を描かない

枠線

1のように、コマは重ねて描くこともできます。

コマ割りカットの使い方

 

『コマ枠カット』は2つのグループ(1『コマフォルダー分割』2『枠線分割』)に分かれています。

違いは

1『コマフォルダー分割』…分割したコマの数だけ、レイヤー上にコマ枠フォルダが作成されます。こちらの方がコマごとの管理をするのには良さそうです。

2『枠線分割』…コマを分割しても、レイヤー上のコマ枠フォルダは1つだけで増えることはありません。

コマ枠分割

コマとコマの間隔を調節する方法

 

ツールプロパティの『左右の間隔』『上下の間隔』▲▼で好きな幅に調節しましょう

枠線左右上下間隔

コマの作り方

 

コマの間隔をきちんと設定しておけば、コマの描き方は簡単です。

『コマ枠カット』『コマフォルダー分割』『枠線分割』のどちらかを選んだ後

コマの上でドラッグするだけです!

コマ枠 ひき方

コマ枠を垂直/水平/45°に描く方法

 

キーボードの『shift』を押しながらドラッグすると垂直/水平/45°に線を引くことができます。

コマ枠 水平 垂直 45度

コマとコマを結合する方法

 

2つのコマを結合したい時は、

結合したいレイヤー『shift』を押しながら選択します。

(選択されたレイヤーは青くなっています。)

コマの結合

1『レイヤー』2『定規・コマ枠』3『コマ枠を結合』

コマ枠を結合方法

 

1『枠線を結合』〇を入れて→2『OK』

コマ枠を結合2

2つのコマが結合されました!

コマ枠を結合3

コマの幅を変える方法

 

コマを広げたり、縮めたりするときには、

『操作』ツール『オブジェクト』を選択します。

にじちゃん

『操作ツールは、『虫めがね』ツールの上にあるやつだったよね!
ピンポン!にじちゃん、正解デス!

AIくん

大きさを変えたいコマをクリックし、

を動かしたい方向にドラッグします。

この場合は1右方向にドラッグします。

コマを大きくする

左のコマが大きくなりました!

コマが大きくなった

コマを消す/枠線のみを消す方法

 

『コマ枠』ツールの、ツールプロパティに『枠線を描写』のチェックを外すと、枠なしの線が描けるとお伝えしました。

コマ(中身も)や、枠線だけを消したい時はこんな方法もあります。

1. 消したいコマ『オブジェクト』ツールで選択しておきます。

コマ消し

2. 『操作』ツール『オブジェクト』選択→キーボードの『delete』キーを押す→『コマ枠フォルダーとその中身のレイヤーごと削除しますか?』『枠線のみ削除』もしくは『レイヤーごと削除』どちらかを選びましょう。

コマが消えました!

コマが消えた

 

4コマの枠をつくる方法

 

4コマの枠線をつくる方法はいくつかあります。

4コマ枠を作る方法 その①

 

1のメニューバーにある『クリスタのマーク』をクリック→2『環境設定』をクリック

環境設定

1『レイヤー・コマ』2『コマ枠』でコマの左右の間隔/上下の間隔を設定→3『OK』

レイヤーコマ枠

『レイヤー』1『定規・コマ枠』2『コマ枠を等間隔に分割』

コマ枠4コマ

『縦の分割数』4『横の分割数』を“2”と入力→『OK』

コマ枠分割

4コマの枠線が出来上がりました!

4コマ完成

4コマ枠をつくる方法 その② (はじめから4コマ設定にする)

 

ずばり!コマ枠素材を使いましょう!!

せっかくあるんですから、使いましょう。

『ファイル』1『新規』

新規

1『コミック』を選択ファイル名、2キャンバスサイズ、解像度などを設定

新規設定

1『テンプレート』チェックを付け、テンプレートの横にあるボックスをクリック(この写真では『4コマ2本タイトルあり』の部分)

2『テンプレート』がポップアップします、4コマ漫画を描きたい場合は3『4コマ漫画』を選択→様々な4コマが出てきますので、好みの枠線を選びましょう。→『OK』

4コマ種類

4コマができました!

4コマタイトル入り

4コマ枠をつくる方法 その③ (途中から4コマ設定にする)

 

まんがのファイル設定をしてからでも、素材をドラッグ&ドロップをしてテンプレートを利用することができます。

素材パレットから、1『漫画素材』2『4コマ漫画』3好みの4コマの枠線を選んで左上の□にチェックを入れます。

4コマまんが素材

テンプレートをそのままドラッグ&ドロップします。

4コマができました!

4コマドロップ

⑲ 定規

 

アナログまんがを描くときに、定規は必須道具でした。

にじちゃん

線を引いては定規に付いたインクを拭いての繰り返し、、地味に大変な作業だったよね
デジタルまんがでも、定規を使った描画ができるんデスヨ!

AIくん前

背景や、物、効果線、描き文字などに便利です。

定規ツールはガイド線のようなもので、定規で形を決めたら、好きなペンなどで定規の線に沿って(スナップ)描くことができます。

定規ツールの種類

 

定規ツールを使用する前に、定規ツールで描いた線に沿ってペン入れできる(スナップ)という機能

(『定規にスナップ』『特殊定規にスナップ』『グリッドにスナップ』)がオンになっているか確認しましょう。

オフになっていると、せっかく定規でラインを描いてもその線に沿って描くことができませんので注意が必要です。

オンにする方法は2種類あります。

1『表示』『定規にスナップ』『特殊定規にスナップ』『グリッドにスナップ』オンにする。

2コマンドバーの『定規にスナップ』『特殊定規にスナップ』『グリッドにスナップ』オンにする。

12のうち、どちらか設定しておけばOKです。

スナップ設定

では、定規ツールを使うとどんな事ができるのか試して行きましょう。

定規の種類は8種類あります。

定規種類

1. 直線定規

 

一直線の定規を作成できます。

2. 曲線定規

 

『曲線定規』ですが、曲線も直線も作成できます。

描き文字っぽい感じに仕上げる事ができました!

二次ベジェ

3. 定規ペン

 

ペンで描いたような線の定規を作成できます。

4. 特殊定規

 

効果線を描く定規です。

特殊定規のツールの種類はこれだけあります。

特殊定規

1つづつ試してみたいと思います。

①平行線

 

直線の平行線を沢山描けるので、先ほど描いてみた描き文字に『平行線』を加えてみたら

こんな効果線を描くことができました。

平行線

描き文字の内側の平行線を消しゴムで消して文字が読みやすいようにしてみました。

描き方としては、定規でガイド線を描いてから、ペンで定規で描いたガイド線と平行な線をけるようになるので、イメージしている線を加えます。

平行線2

② 平行曲線

 

平衡曲線

③ 多重曲線

 

多重曲線

④ 放射線

 

放射線

⑤ 放射曲線

 

1の曲線を描いて、離すと2の中心のマークが出てきます。

放射曲線

⑥ 同心線

 

波紋なんかもこれがあれば簡単にできますね。

同心線

5. 図形定規

 

長方形、楕円、多角形の定規を作成できます。

6. ガイド

 

ひいたガイド線と並行するラインが描けます。

 

7. パース定規

 

『透視図法(パースペクティブ)』という技法で、遠近感のある背景を描く為の便利な定規です。

パース定規

2本の線をドラッグすると

こんな線が出てきます。

アイレベル線    | アイレベルに対して垂直の方向  /\スナップがオン

線が出ている状態のまま描きます。

パース定規2

にじちゃん

キャットウォークのある家にあこがれるから そんな感じに描いてみた!猫飼いた~い!
その調子デスッ! はじめてのパース定規としてはなかなかの出来デスヨ♪ とにかく練習する事が大切なんデス

AIくん

パースを描くときに便利なベクター用消しゴム

 

パースを描くときは、ベクター用の消しゴムを使うと便利です。

ベクター消しゴムを使うとはみ出た線のみをサクサク消すことができます。

しかし!このベクター用の消しゴムはじめにベクター用のレイヤーで描いておかないと使えないんだそうです。

AIくん

まずはベクター用消しゴムからお伝えしマス、ベクター用のレイヤーの作り方は、『操作』ツールのところで説明してマスヨ
ウッカリふつうのレイヤーで描き込まないようにしまショウ

ボットさん

『ベクター用』『消しゴムツール』はこんなかんじです。

ベクター消しゴム

ベクター用の消しゴムは3種類あるんですね。

にじちゃん

なんだろうこれ、わからないことだらけだよ!!もーやだ!!
そんな時は、一休み休憩が必要デス。休憩したら、気を取り直して始めまショウ。一度理解しておけば後はずーっと楽なんデスカラ

AIくん

にじちゃん

はいっ!AIくん、がんばるよ~っ!!

ベクター用消しゴム3種の違い

 

『ベクター用』『消しゴムツール』は、3種類あるとお伝えしましたが

いったいどんな違いがあるんでしょうか?

比べてみるとわかりやすいので、順に試しますね!

123どれも同じようにベクター用消しゴムをかけてみました

比べてみましょう。

 

1 触れた部分

消しゴムで消しているように、触った部分だけ消えるようなかんじですね。

触れた部分

2 交点まで

このベクター用消しゴムを使う人が多いと思います。

パースの時も交点までサクサク消えるのが気持ちいいですし、髪の毛の毛先を整えたりするのもこれなら楽々ですね。

交点まで

3 線全体

触れたベクター線全体が一瞬で消えます。

この場合は、縦線が触れているので、触れた縦線が消えている状態です。

線全体

一番右まで消してしまうと縦線が全部なくなって分かりにくいかなと思って途中まで消してみました。

レイヤーパレットレイヤーパレットのアイコンの意味

8. 対称定規

 

線対称や点対称の絵を描くための定規です。

この絵は、実際は左半分しか描いていません

対称定規を1本描くと対称的に描くことが出来ます。

対称

⑳ テキスト

 

文字は『テキスト』ツールで作成します。

簡単簡単、とテキトーに文字を描いてみたら、、なんとも読み辛いことに!!?

テキスト

、、というわけで、下記の赤でチェックした場所を直して行きたいとおもいます。

テキスト訂正箇所

文字の拡大/縮小/回転する方法

 

の部分を直していきます。)

文字を描くと、テキストエリア(文字を囲んでいる線)が表示されます

をドラッグすると文字を拡大/縮小できます。

を回すと文字を回転させることができます。

テキスト拡大

タイピングで出てこない記号を使う方法

 

の部分を直していきます。)

テキストを入力しているときに、『ツールプロパティ』を見ると、『文字一覧』というボタンが出てきます。

ぽちっとすると、特殊文字や記号が沢山出てきますので、この中から使いたい文字や記号を選べばOKです。

文字一覧から使いたい文字を選択

文字一覧見つかった【CLIP STUDIO PAINT EX】の『文字一覧』がなくなった!?『文字一覧』表示方法を解説します。

縦書きの文字の半角文字のみを横書きにする方法

 

の部分を直していきます。)

セリフは縦書きだけど、数字が縦書きだと読み辛いですよね。

そんなときは!

1.『テキスト』ツール『ツールプロパティ[テキスト]』→一番下のスパナマーク『サブツール詳細』『テキスト』『自動縦中横』をオンにする→3桁まで横並びにしたければ、『3文字』を選ぶ。

4桁まで横並びにしたい場合は『4文字』を選びましょう。

テキスト3文字

文字のフチ取りをする方法

 

の部分を直していきます。)

暗めの背景の上に文字を入れたいときなどに、文字の周りをフチ取る方が読みやするなるので有効的な方法です。

1. テキストの中でフチ取りしたいをテキストを選択(『テキスト』ツールでドラッグすると青く選択される)しておきます。

2.『テキスト』ツール『ツールプロパティ[テキスト]』→一番下のスパナマーク『サブツール詳細』『テキスト』『フチ』オンにする→好きなフチの太さを選びましょう。

にじちゃん

フチの色も設定できるんだね!

テキストのフチ

ルビをふる方法

 

の部分を直していきます。)

ルビをふりたい場合は下記の方法で付ける事ができます。

1. テキストの中でルビをふりたい漢字を選択(『テキスト』ツールでドラッグすると青く選択される)しておきます。

2.『テキスト』ツール『ツールプロパティ[テキスト]』『ルビ設定』でルビを入力すれば完了です。

テキスト ルビ2

〈『ツールプロパティ[テキスト]に『ルビ設定』が見当たらない場合〉

『テキスト』ツール『ツールプロパティ[テキスト]』→一番下のスパナマーク『サブツール詳細』『テキスト』『フチ』『ルビ』『ルビ設定』をオンにする→ルビの入力をしましょう。

テキスト ルビ1

ボットさん

ルビを付けたい漢字を選択してから『テキスト』ツールを見てクダサイネ!

行間の幅を調節する方法

 

の部分を直していきます。)

まんがの行間は文字の4分の1くらいの値にしておくと良いそうです。

としては、125くらいがちょうどいいと言われています。

ルビをふると特に「となりの行との間隔がせまいな」と感じることがあります。

そんな時はこの方法で、行間を調節すると読みやすくなりますので試してみてください。

1. テキストの中で行間を変えたいテキストを選択しておきます。

2. 『テキスト』ツール→『サブツール詳細』『行間・揃え』『行間』をオンにする→数字を▲▼で調節してちょうどいい幅にしましょう。

行間

テキストビフォーアフター

 

では、もう一度テキストを直す前のイラストを見てみましょう。

テキスト

①~⑥を修正した後のイラストがこちら!

ボットさん

前より見やすくなりマシタネ

テキスト変更完了

㉑ フキダシ

 

まんがに入れるフキダシは、『フキダシ』ツールを使うと便利です!

ペンツールなど好みのツールで描いてもかまいませんが、

このツールを使うと設定した線と塗りの色のフキダシをワンタッチで作成できます。

作成したフキダシが不要になっても、大きさや形を変えたい時も、後からの編集が楽で、絵に影響がないのがこのツール最大の良いところですね。

『フキダシ』ツールはこんな画面です。

ふきだしツール

楕円フキダシ6種類あります。

『図形』長方形多角形にするとさらに多くのバリエーションが!!

線の色はメインカラー、塗りの色はサブカラーで調節しましょう。

線の太さを変更したい時は、『ブラシサイズ』で調節できます。

モノクロまんがの場合はだいたい上記の設定(線の色=クロ、塗りの色=シロ)で良いと思います。

『フキダシのしっぽ』は3種類あります。

ふきだししっぽ

フキダシを描いてみました

 

先ほどご説明した図に書いてある番号と照らし合わせてくださいね。

これだけできれば、ひとまずフキダシには困らなそうです。

 

吹き出し試し

重なったフキダシの作り方

 

左下の楕円が重なっているフキダシは、1つ楕円のフキダシを作った後に、フキダシを重ねるように追加して描くとフキダシ同士がくっつきます。

逆にくっつかないようにフキダシを重ねたい場合は、レイヤーを分ければくっつきませんのでお試しください。

㉒ 線修正/ごみ取り

 

『線修正/ごみ取り』は、ベクターレイヤーに描かれた絵を編集することができます。

ベクターレイヤーに描かれた描画は、「ベクター線」という拡大や縮小をしても線がぼやけない線になります。

線修正のツールはこんなかんじです。

ベクターツール

では1つずつ順番にやっていこうとおもいます。

制御点

 

制御点は、変更したい線をクリックすると

線が点になりますで回転させたり、で線を動かすことができます。

で拡大縮小も可能です。

制御点

ベクター線つまみ

 

線をつまんで動かすことができます。

ベクター線つまみ2

今回はこんな設定にしました。

端の固定

『端の固定』をするかしないか選択できます。

『効果範囲』の大きさも調節しましょう。

ベクター線単純化

 

なぞった(緑の部分)線を単純化させることができます。

制御点が少なくなるイメージですね、『単純化』の値が大きいとより単純化されます。

 

ベクター線単純化

今回はこんな設定にしてみました。単純化が少ないですが右側の輪郭は、左側と比べるとけっこう変わってますよね。

ベクター線単純化

ベクター線つなぎ

 

線と線をつなげるようになぞると(緑の部分)、線をつなげることができます。

今回は、両耳の下の離れた部分をつなげてみました。

 

ベクター線つなぎ

『線つなぎ』の値が大きいとより離れた線同士をつなげることができます。

しかし、値が大きすぎてもうまくいかない事があります。そんな時は、制御点を移動させるなどして、線を近づける工夫をしましょう。

線幅修正

 

線の幅を後から太くしたり細くしたり修正することができます。

なぞった(緑の部分)部分をしゅうせいすることができます。

『指定幅で太らせる』を使ったので、選択した部分の線が太くなっていますね。

線幅修正

『一定の太さにする』を選ぶと、線の太さを同じ太さに揃えることができます。

線の強弱があることで、味が出たりするので無機質な感じにしたい場合は良いかもしれません。

注意点は、線の筆圧情報がリセットされてしまうということ!

線幅の修正 ベクター

線全体を修正したい場合は、『線全体に処理』にチェックを入れましょう。

どの『線修正』も、直線や図形などの制御点が少ない描画だと、うまく修正できない場合があるようです。

レイヤーパレットレイヤーパレットのアイコンの意味

㉓ メインカラー

 

主に使う色、使用頻度の高いものを設定しましょう。

㉔ サブカラー

 

メインカラーの次によく使う色を設定しましょう。

『図形』ツール線と塗りを作成した場合や、『フキダシ』を作成する場合は背景色になります。

㉕ 透明色

 

透明色を選択して描画した場合、描画した部分が透明になります。

まとめ

 

AIくん

長時間お疲れさまデシタ!ツールについて前より理解できるようになりマシタカ?
うんっ!すぐ忘れちゃいそうだけど、一応全部やってみたら、前よりデジタルまんがで描いていける自信がでてきたよ!!AIくん、ありがとーっ♪あとは、タイムラインだけだね!

にじちゃん

AIくん

忘れたら、またこのページを見てもらえれば思い出せマスネ、何度もやってみる事が大切デス

いかがでしたか?

ツールの一通りの解説をしてみました。

初めて挑戦する人が、空き時間に実践するのであれば、

これを全部やってみるのにかなりの時間を要しても(1ヶ月以上とか)、それが普通だと思います。

僕自身、初めはCLIP STUDIO PAINT EXの画面を立ち上げたとたんに、意味の解らないツールたちが並んでいるので

「、、時間がある時にやろうかな」

と、何度も何もしないまま画面を閉じました

もう一度立ち上げてみるも、「このツール何だろ?どう使うんだろう?」と画面をひたすら眺めるだけの日々が長い間続きました

一大決心しないと、チャレンジできないくらいのめんどくさがり屋なんです。

しかし、そんな僕でも独学でどうにか一通りの使い方を把握する事ができました。

 

ネットで検索しても、難しいことばかり書いてあるし、

まずはクリスタの基本的なツールの意味が解らない。

公式ガイド本を購入したのに、さっぱり意味がわからない。

もし私と同じようにクリスタの基礎部分から進めない方々がいたら、今回の記事が役に立つよう

自分が忘れてもすぐ思い出せるように記事にしてみました。

まんがやイラストを描くのが好きな人がクリスタを購入しているはずなので

絵を描く前の段階で止まっていたらもったいないです!

ツールの使い方をマスターして自由自在に楽しくクリスタを使用しましょう♪

各種名称【CLIP STUDIO PAINT EX】アイコンやツールの名称や役割を解説します!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です