こんにちは！私の名前は Liz Staley です。長年 Clip Studio Paint を使用しています（このプログラムを使い始めたのは、Manga Studio 4 と呼ばれていた頃です）。Manga Studio 5 プログラムと Clip Studio Paint のベータ テスターを務め、このプログラムに関する 3 冊の本といくつかのビデオ コースを執筆しました。実際、これらの本から私の名前を知っている方も多いでしょう。Graphixly.com と CSP Tips に毎週記事を投稿していますので、毎週戻ってきて、私から Clip Studio のヒントとコツを学んでください。

 

この記事は、Webtoon キャンバスを設定してコミック パネルを操作した先週の記事の続きです。

 

この記事では、次のトピックについて説明します。

 

テキストの追加

 

吹き出しの作成

 

それでは始めましょう。

 

 

テキストの追加

CSP EX ユーザーの場合、ページ マネージャー (複数ページのドキュメント) にアクセスできる場合は、個別のパネルでテキスト ツールを使用してテキストを追加するのではなく、ストーリー エディター機能を使用してドキュメント全体にすべてのテキストを一度に追加することもできます。ただし、ストーリー エディターを使用する前に、テキストの設定をいくつか行いましょう。開始するには、[ファイル] - [設定] をクリックします。

環境設定ウィンドウで、左側のテキスト編集カテゴリをクリックします。新しいテキストオプションを「常に新しいレイヤーを作成」と「選択したテキストツールプロパティ」に設定しました。この2番目のオプションにより、コミックに使用しているフォントでテキストサブツールを作成し、ストーリーエディターのすべてのテキストをそのフォント設定で追加できるため、時間を大幅に節約できます。

 

改行/間隔セクションで、オプションを「改行を表示」と「2行スペース」に設定しました。つまり、改行は記号ではなく実際の改行として表示され、テキストを個別のテキストボックスに分割する場合は、2行スペースを使用して自動的に分割できます。

 

表示では、方向を水平に設定しました（日本語ではなく英語で入力するため）。

 

 

[OK] をクリックして設定を行います。次に、コミック テキスト設定を使用してカスタム テキスト サブツールを作成しましょう。Clip Studio PRO を使用している場合でも、この手順を実行すると、テキストを入力するたびにフォント スタイルとサイズを変更する必要がなくなるため、コミックを作成する際の時間を節約できます。テキスト ツールをクリックします。次に、サブ ツール プロパティ パレットで、下の赤いボックスに示されている [現在選択されているサブ ツールのコピーを作成] アイコンをクリックします。

新しいサブツールの名前を入力します。このサブツールの用途を正確に把握できるように、「コミックテキスト」を選択しました。

この新しいサブツールを選択した状態で、コミックに使用するフォントを設定します。私は blambot.com の「Anime Ace」を使用します。フォント サイズ、配置、その他のテキスト オプションも設定できます。

 

CSP EX を使用していて、複数ページのファイルにストーリー エディターを使用する場合は、[ストーリー] - [テキストの編集] - [ストーリー エディター] をクリックします。

 

 

ストーリー エディターを初めて使用する場合は、次のメッセージが表示されます。これは、すべてのキャンバスの履歴が削除されることを警告するものです。開いているストーリーのキャンバスの編集履歴を失いたくない場合は、[いいえ] をクリックします。変更を加えていない場合、または編集履歴に戻る必要がない場合は、[はい] をクリックして続行します。このメッセージを再度表示したくない場合は、[今後表示しない] の横にあるボックスをオンにしてください。

ストーリー エディター ウィンドウには、ストーリー ファイルの各ページのボックスが表示されます。コミック スクリプトのテキストをストーリー エディターに入力または貼り付けます。このチュートリアルの冒頭で環境設定で設定したように、独自のテキスト ボックスに入れたい行の末尾に二重改行を追加しました。

テキストの編集が完了したら、「保存」をクリックするか、ページ マネージャーの「ストーリー エディター」タブの X をクリックします。「保存」をクリックしてテキスト編集を変更します。

ストーリー エディターを閉じると、最初のページに 3 つのテキスト レイヤーが作成され、すべてテキスト サブツールで選択したフォントで表示されます。テキスト ボックスの一部にはすべての単語が表示されていません。これは、テキスト ボックスを拡張する必要があるためです。拡張するには、オブジェクト サブツールでテキストを選択するときに、テキストの周囲のハンドルの 1 つをクリックしてドラッグします。

オブジェクト サブツールを使用して、テキストを配置する場所に移動します。

吹き出しを作る

Webtoon にテキストができたので、通常はバルーンを配置します (どのキャラクターが話しているかを示すしっぽがまだ付いていない場合でも)。こうすることで、アートワークにどのくらいのスペースがあるかを正確に把握できます。このサンプル コミックには、単純な長方形のボックスに表示されるナレーション、しっぽ付きの吹き出しが必要なダイアログ ボックス、叫び声用の特殊効果バルーンがあります。まずは最も簡単なバルーン、つまりナレーションから始めましょう。

 

バルーン ツールの下には、必要なバルーン サブツールがすべてあります。ナレーションには、長方形バルーン サブツールを選択します。

 

ツール プロパティ パレットで、線の色と塗りつぶしの色を設定します。ここでは、基本的な黒のアウトラインと白の塗りつぶしを使用します。また、ブラシ サイズ オプションを使用して、アウトラインの太さを変更することもできます。

 

 

長方形バルーン ツールを使用して、ナレーション テキストの周囲をクリックしてドラッグします。窮屈に見えないように、テキストの周囲に余裕を持たせてください。

バルーン ツールを使用したので、テキストとバルーンはセットになり、一緒に移動できます。オブジェクト サブツールを使用してバルーンをクリックし、ハンドルを使用してバルーンのサイズを変更したり、バルーンとテキストを移動したりできます。テキストだけを移動したい場合は、バルーンではなくボックス内のテキストをクリックして選択します。

叫んでいる風船には、とがった風船が必要ですが、風船のサブツールにはあらかじめ用意されているものはありません。でも、バルーンペンを使えばどんな形の風船でも描けるので大丈夫です。バルーンペンのサブツールを選択して、風船の形を描きます。まだ完璧でなくても大丈夫です。この風船は調整可能なベクターポイントで作られるからです。

バルーンペンツールでシェイプを描画した後、正しいラインツールを選択します。これにより、ベクターラインを移動、再描画、簡略化、その他の編集を行うことができます。

 

上のスクリーンショットでは、ラインに沿った白い点はすべて、シェイプを描画したときに Clip Studio Paint が配置したコントロールポイントです。これは、ラインの形状を簡単に調整するにはポイントが多すぎます。

 

正しいラインツールで、ラインの簡略化サブツールを選択し、各ラインを確認します。これにより、余分なコントロールポイントが削除され、バルーンの形状を調整しやすくなります。コントロールポイントを移動するように設定されたコントロールポイントサブツールを使用して、各コントロールポイントを選択して移動し、このバルーンの形状を滑らかにすることができます。

 

 

最終調整を終えて、叫び声の風船が完成しました。

Clip Studio Paint でベクターを使用および調整する方法の詳細については、次の記事を参照してください。

通常の吹き出しには、通常の楕円吹き出しツールよりもテキストの形状に合う丸い吹き出しを使用します。これらの吹き出しのアウトラインはナレーション吹き出しと同じにしていますが、必要に応じて異なるサイズにすることもできます。

 

丸い吹き出しツールでダイアログ テキストの周りをクリックしてドラッグします。ここでも、吹き出し内のテキストの周りに十分なスペースがあることを確認し、読みやすく窮屈に見えないようにします。目安としては、テキストと吹き出しのアウトラインの間に少なくとも 1 文字分の幅が確保されることをお勧めします。

 

 

次のいくつかの例でバルーンのしっぽの参照となるように、円形のフレームに 3D のヘッドを配置しました。しっぽは読者に誰が話しているかを伝え、場合によってはダイアログに特徴を加えることもできます。バルーン テール サブツールを選択し、ツール プロパティ パレットの [曲げ方] ドロップダウンを見てみましょう。ここには、直線、ポリライン、スプラインの 3 つのオプションがあります。

直線の尾を作成するには、吹き出しの内側をクリックしてから、尾を終了したい場所まで移動してもう一度クリックし、尾が話しているキャラクターに向くようにします。

ポリラインの尾は、ロボットのキャラクターやスピーカーから聞こえる音などに使用できます。これを作成するには、[曲げ方] オプションを [ポリライン] に変更し、バルーンの内側をクリックして尾を開始します。もう一度クリックして尾の各曲げ角をマークし、ダブルクリックして尾を終了します。下の例では、尾の作成に 5 回のクリック (最後のダブルクリックを含む) が必要でした。

次に、尾のスプライン バージョンに変更します。これにより、湾曲した尾が作成されます。尾の開始位置をクリックしてから、尾を曲げたい場所をクリックします。各曲げ位置をクリックすることで、この操作を何度でも実行できます。尾を終了するには、終了点となる場所をダブルクリックします。

オブジェクト サブツールでバルーンをクリックすると、テキスト、バルーン、およびテールをすべて 1 つのユニットとして移動できることがわかります。バルーン テールの形状と位置を調整する場合は、正しい線ツールのコントロール ポイント サブツールを使用できます。

結論

これで、プログラム内のコミック専用ツールを使って、Clip Studio Paint でコミックを作成する基本的な機能がわかりました。これらのツールを使用すると、Webtoon キャンバスを作成したり、パネルを追加したり、テキストを操作したり、さまざまな種類の吹き出しを作成したりできます。

 

CLIP Studio Paint の詳細については、https://www.clipstudio.net/en または https://graphixly.com をご覧ください。