CSP版の便利なテキスト機能2

3,173

ED.

ED.

イントロ

みなさん、こんにちは。今日は、本の表紙、ポスター、サムネイル、バナーのデザイン、コミック内のテキストの迅速な編集などに役立つ、Clip Studio Paint バージョン 2.0 の便利なテキスト機能 (新機能および改良版) をいくつか紹介します。

 

フォント リストの作成を開始し、さまざまなタスクやプロジェクトのカスタム テキスト サブ ツール設定を複製して編集します。また、フレームでテキストを折り返す方法、合字を操作する方法、複数のテキスト フレームを選択して色、フォント、その他のプロパティを同時に変更したり、整列して分散したりする方法についても説明します。

 

このチュートリアルでは、主な例としてポスター デザインを使用しますが、これらすべての機能はあらゆる種類のプロジェクトに適用できます。それでは、始めましょう。

 

 

注: テキストとバルーンのすべての設定について詳しく知りたい場合は、Clip Studio の公式シリーズを確認することもできます。

 

 


1. フォントリストの作成

大量のフォントのコレクションがあり、スクロールに多くの時間を費やしている場合でも、単に異なるプロジェクト用にフォントをグループ化したい場合でもです。複数のフォントのリストを使用して、必要なフォントを簡単に選択または変更できます。

 

 

「フォントリスト」を作成するには、テキストツールを選択するか、ショートカット「t」を使用します。次に、ツール プロパティ パレットの [フォント] ドロップ メニューをクリックし、歯車 (歯車) アイコンを選択して、[フォント リスト設定] ダイアログを開きます。

 

 

「A+」アイコンをクリックして新しいリストを作成し、リストに名前を付けます。これらのリストは英数字順に表示されるため、1 から 10 までの数字または A、B、C などの文字を使用して、最もよく使用するリストを先頭に配置できます。

 

 

次に、リストに追加したい右側に表示されているフォントをクリックし、「OK」をクリックします。また、「A」アイコンをクリックすると、その特定のフォントで表示される名前が表示されます。

 

 

これで、作成したリストを使用するたびに、ツール プロパティ パレットのフォント ドロップ メニューを展開し、歯車 (歯車) アイコンの横にあるドロップ メニュー (すべてのフォント ) をクリックします。

 

 

ここでは、ポスター デザインで使用するテキストのフォントをすぐに変更できます。

 

 

2. カスタムテキストサブツール

常にプロジェクト間を行き来していて、異なるフォント サイズ、色、スタイルなどが必要になるたびに複数のテキスト プロパティを変更したくない場合。ブラシ、選択範囲、塗りつぶし、バルーンなどのサブツールを複製、作成、インポートするのと同じ方法で、テキストに複数のサブツールを使用できます。

 

 

まず、テキストサブツールを右クリックし、「複製」を選択します。新しいサブツールに「テキスト ボックス 01」などの名前を付けて、[OK] をクリックします。

 

 


2.1 テキストボックス - 背景と色

ここで、キャンバスをクリックする前に、ツール プロパティ パレットにテキストの基本プロパティが表示されます。ここでは、フォントの種類、サイズ、色など、「テキスト ボックス 01」に必要なオプションをカスタマイズできます。

 

 

次に、テキストの色について、メインカラーまたはサブカラーを使用するか、使用する特定の色を割り当てるかを決定できます。カスタム「テキスト ボックス 01」に ユーザー カラーの選択 を選択しましょう。したがって、メイン カラー パレットやサブ カラー パレットにどのような色があるかは関係なく、このカスタム テキスト サブ ツールのテキストの色は常に同じになります。暗い背景でも明るい背景でも見えるように、中間のグレーを選択します。

 

[ツール プロパティ]パレットにさらに設定を追加することもできます。 [ウィンドウ] に移動し、[サブツールの詳細] を選択するか、[ツール プロパティ] パレットの レンチ アイコンをクリックします。次に、名前の横にある目のアイコンでオプションが表示されるようにします。この例では、[サブツール詳細] > [テキスト] から 背景色 を追加しましょう。

 

 

背景色の横にあるチェックボックスをクリックし、背景の色を選択します。次に、キャンバスをクリックして「テキスト ボックス」の入力を開始できます。完了したら、「OK/チェック」アイコンをクリックします。

 

重要: キャンバスにテキストを作成すると、ツール プロパティでオプション「適用先」が使用できるようになります。デフォルトでは、「選択されたテキスト」 に変更され、以前よりも表示される設定の数が減ったり増えたりします。

 

 

サブツール詳細パレットから先ほどと同じ方法で設定をカスタマイズし、テキスト編集時によく使用するオプションを追加できます。私の場合は、「フォント」 カテゴリの 「色」 設定です。

 

 

そうすれば、ポスター、バナー、サムネイル、コミックなどのデザイン プロジェクトでさまざまな色合いや値をすぐに試すことができます。同様のプロジェクトに取り組んでいる場合は、ツール プロパティ 設定で 「カラー」 を維持することをお勧めします。

 

 

注: テキスト ツールを使用してテキスト フレームをダブルクリックし、特定の文字または単語に別の色を選択することもできます。

 

 


[新規のみに適用] を選択することもできます。したがって、キャンバスをクリックするたびに、新しいテキスト レイヤーが作成されます。これは、テキストを選択していて、選択したテキストから同じ設定を繰り返したくない場合に役立ちます。特に別のカスタム テキスト サブ ツールを使用している場合。

 

 


2.2 アウトライン - エッジテキスト

テキスト サブツールを複製して新しいサブツールを作成する場合は、テキスト レイヤーを選択せず、1 つ以上のテキストを選択するようにしてください。 設定をカスタマイズする前に、[ツール プロパティ]パレットで「新規のみ」に適用 (最近見たように) を選択します(後で変更できます)。

 

この例では、「アウトライン」「エッジ」「エッジの色」サブツール詳細 > フォントとテキストからそれぞれ表示できるようにしましょう。 「背景色」をオフにして非表示にして、パレットをきれいに保つこともできます。

 

 

フォントサイズを選択し、アウトラインエッジの横にあるチェックボックスをクリックします。エッジのサイズを大きくすることもできます。

 

 

テキストとエッジの色には 同じ色 を使用してください。また、必要に応じてエッジのサイズを大きくして、輪郭をより見やすくすることを忘れないでください。

 

 

すべての設定をカスタマイズしたら、キャンバスをクリックして「アウトライン タイトル」の入力を開始し、「OK」をクリックします。

 

 

次に、前に見たように、「新規のみ」 または 「選択したテキスト」 に適用を選択できます。それはすべて、その瞬間に何をしたいか、何をする必要があるかによって決まります。通常、新しいテキスト サブ ツールをカスタマイズする場合は、「新規のみ」を使用します。キャンバス内にすでに作成されているテキストに別のプロパティを変更する場合は、「選択したテキスト」を選択します。

 

注: また、選択したテキストから同じ設定を繰り返さないように「新規のみ」を使用できることにも注意してください。特に別のカスタム テキスト サブ ツールを使用している場合。

 

 


2.3 テキストサブツールを整理する

デザイン、レタリング、コミックなどのさまざまなプロジェクトに合わせて、複数のカスタム テキスト サブツールを作成できます。また、サブツールパレットにドラッグするとタブにグループ化できます。

サブツールを配置する場所に 赤い境界線が表示されたら、クリック、ドラッグして放します

 

 

1 つのグループの名前を変更したい場合は、タブ名右クリックし、「サブツール グループ設定」を選択します。グループの名前を変更し、「OK」ボタンを押します。

 

 

タブを移動して、希望する順序または必要な順序に配置することもできます。クリックしてドラッグし、赤い枠線が表示されたら放すだけです。

 

 


3. フレームでテキストを折り返す

コミックの段落や吹き出しを扱う場合は、サブツール詳細 > テキスト からツール プロパティ パレットに 「フレームでテキストを折り返す」 を追加することをお勧めします。

 

 

テキストフレームまたはボックスを作成します。 [ツール プロパティ]パレットで、[フレーム内でテキストを折り返す] の横にある チェック ボックスをクリックします。次に、キャンバス (またはバルーン) をクリックし、デフォルトのボックス サイズでテキストの入力またはコピーを開始します。その後、コントローラーをドラッグしてボックスのサイズを変更すると、テキストが境界ボックスの寸法に適応します。

 

テキスト ボックスを作成する前に、キャンバス上でマウスをドラッグしてボックスのサイズを決定することもできます。これを行うには、ツール プロパティ パレットで 「ドラッグ」 オプションが 「テキスト ボックスの作成」 に設定されていることを確認します。

 

このオプションを使用すると、テキストを配置する時間を大幅に節約できます。これがないと、手動で Intro キーと Delete キーを押して行を分割し、テキスト ボックス内の単語を整理する必要があります。

 

 


4. 合字付きフォントのインストールと使用

CLIP STUDIO PAINT バージョン2.0より、これらの組み合わせに対応したフォントの合字を文字上で使用できるようになりました。

 

 

最初のステップは、合字をサポートするフォントを見つけてインストールすることです。これらは、ツールプロパティパレットのフォントドロップメニューからCLIP STUDIO PAINTから直接インストールできます。 [ファイルからフォントを追加] をクリックし、インストールするフォントを選択するだけです。

 

Google フォントから無料のフォントを見つけたり、タイプ デザイナーから 購入したりできるようになりました。一般に、それらは スクリプト、ブラシ、または手書き などのカテゴリに分類されます。

 

 

以下のリンクでは、多くの手書きフォントを見つけることができますが、どれが合字をサポートしているかを調べて試してみる必要があります。これらはすべて、Open Font License に基づいてライセンスされています。

 

私の経験では、有料フォントは二重文字やボーカルなどのさまざまな種類の組み合わせをサポートする可能性が高くなります。

 

 

さらに、フォントを購入すると、補完的な書体や「スワッシュ フォント」などのボーナス素材を入手できます。

 

 

テキスト ツールはデフォルトで合字をサポートします。ただし、このオプションをオフにしたい場合は、サブツールの詳細 > フォント > 合字 から行うことができます。また、この機能を使用する予定がある場合は、このオプションを [ツール] プロパティ パレットに追加することをお勧めします。

 

 

さらに、テキスト ツールを使用すると、ダブルクリックしてテキスト フレーム内の文字の組み合わせを 1 つだけ選択し、特定の文字合字のオン/オフを切り替えることができます。

 

 

あとは、キャラクターのさまざまな組み合わせを調べて、デザイン、イラスト、コミックに使用するだけです。

 

 


5. 複数のテキストボックス・フレームの選択

複数のボックスを選択することは、私のお気に入りの新しいテキスト機能の 1 つです。デザイン プロジェクトに取り組んでいる場合でも、漫画の吹き出しに取り組んでいる場合でも、多くの時間を節約できます

 

注: ただし、オブジェクト ツールまたはレイヤー パレットを使用してテキストを選択することもできます。このセクションでは、テキスト ツールのみを使用してテキストを選択するための 2 つの主なオプションを見ていきます。

 

 

5.1 ドラッグしてテキストを選択

テキスト ツールを選択した状態で、ツール プロパティ パレットに移動し、ドラッグ ドロップ メニューで 「テキストの選択」 を選択します。

 

 

ここで、キャンバス内のすべてのテキストを選択し、すべての色を白に変更するとします。暗い背景の上にテキストを配置します。

 

 

キャンバス ドキュメント全体をクリックしてマウスをドラッグします。次に、すべてのテキストレイヤーが選択され、周囲にサイズ変更ハンドルが表示されます。

 

 

これで、必要な新しい色を簡単に選択できるようになりました。たとえば、白または明るい色でテキスト全体を暗い背景の上に配置します。

 

 

この選択方法では、レイヤー パレットに複数のフォルダー、ベクター、ピクセル、テクスチャ、補正レイヤー、またはバルーンがあっても問題ありません。 テキストのみを選択します

 

 

その後、フォント、サイズ、色、またはその他のフォント/テキストの設定変更できます。この機能は、漫画の吹き出しを編集する場合に特に役立ちます。

 

 


5.2 選択への追加と切り替え

ここで、2 つまたは 3 つのテキスト フレームを選択したいとします。または、既存の選択にもう 1 つ追加します。ツール プロパティ パレットに移動し、選択モード ドロップ メニューで 「選択に追加」 または 「選択を切り替え」 を選択します。

 

[選択に追加] と [選択の切り替え] の両方を使用すると、選択範囲の一部ではないテキスト フレームをクリックして、選択したフレーム/ボックスのグループに追加できます。

 

ただし、[選択に追加] を使用すると、選択されたボックスクリックすると、他のすべてのボックスの選択が自動的に解除されます。

 

 

「選択の切り替え」では、別の方法で、選択したボックス/フレームをクリックすると、クリックしたボックス/フレームの選択が解除されます

 

 

選択したテキスト フレーム/ボックスをダブルクリックすると、その特定のテキストの編集モードに入ります。

 

 

これらの選択テクニックを適用すると、デザインやコミックなどにテキストを使用する必要があるプロジェクトのワークフローを改善および高速化できます。

 


6. テキストの位置を揃えて配置する

配置/配置は、CLIP STUDIO バージョン 2 のもう 1 つの新機能で、テキスト フレーム/ボックスで使用できます。 [ウィンドウ] > [整列/配置] からパレットを表示できます。

 

 

公式チュートリアルや CLIP STUDIO ヒントで公開されているその他のヒントから、整列/分散パレットの詳細を学ぶこともできます。

 

 


このチュートリアルでは、コーヒー セミナーのポスター内でテキストを配置して配布する方法を見ていきます。

 

 

まず、[整列/配置] パレットの 「テキスト ピクセルに整列」 チェック ボックスを必ずオンにしてください。これにより、ハンドルの付いた境界ボックスではなく、フォントからピクセルを整列させることができます。

 

 

これで、この例では「作り方」、「一杯」、「コーヒー」の 3 つのテキスト フレームを選択できるようになります。そして、整列ベースオブジェクトを選択し、左端に整列アイコンをクリックします。

 

 

次に、「作り方」の選択を解除し、右端に揃える アイコンをクリックします。

 

 

3 つのテキスト フレームを選択し、中にテキスト レイヤーを含むフォルダーを作成します。メニューから [レイヤー] > [フォルダーを作成し、その中にレイヤーを挿入]** します。

 

 

次に、配置 ベースキャンバスに変更し、フォルダーを選択した状態で水平方向の中心を整列アイコンをクリックします。個々のテキスト レイヤーではなく、必ずフォルダー レイヤーを選択してください。

 

 

これらの配置オプションを使用すると、キャンバス ドキュメントにメイン テキスト フレームとセカンダリ テキスト フレームをすばやく配置できます。また、ボックスにテキストを編集または追加し、再び中央に配置する必要がある場合にも非常に便利です。

 

ここでは、文書内でテキスト ボックスを整列または配置する別の例を示します。まず、前に見たように、フォルダー内のテキスト フレームをグループ化する必要があります。

 

 

次に、選択領域ツールを使用して、グループを整列させたい場所に 四角形の選択範囲を作成します。最初のグループを選択し、配置ベース「選択領域」を選択し、「左端を揃える」アイコンをクリックします。同様の操作を行って、2 番目のグループを選択範囲の右側に揃えることができます。

 

 

3 つ以上 グループがある場合。 (個々のテキスト フレームではなく) フォルダーを選択し、水平方向の間隔を均等にする アイコンをクリックします。

 

 


たとえばフレームの境界線から選択範囲を作成し、テキスト ボックスをフレームの端に揃えることもできます。

 

注: カスタム テキスト ボックスの 背景色の端を揃えたい場合は、テキスト ピクセルに揃えるをオフにする必要があります。

 

これらは、テキスト フレームで [整列/配置] パレットを使用する方法のほんの数例です。ポスター、書籍、バナー、情報やその他の種類のテキストを含む段落のタイトルを作成する場合でも。

 

 


結論と最終的な詳細

これまで見てきたように、漫画の吹き出しやポスターのデザインに、すべての新機能と改良された機能を使用できます。ただし、本の表紙、バナー、サムネイルなどにも使用できます。

 

 

ここでは、私たちが見た機能のいくつかが使用されている 4 つの漫画のフレームを確認できます。その中には、カスタムのテキスト サブ ツール、フレームでのテキストの回り込み、整列/配置、複数のテキスト ボックスの選択などがあります。

 

 


これは、合字やフォント リストなど、このチュートリアルのすべての機能を示す例として使用するポスターです。最初のバージョンはテキストのみで、2 番目のバージョンにはテクスチャが追加され、最後のバージョンは暗い背景に明るい色のフォントが含まれています。

 

 

ダーク バージョンは、「複数のテキスト ボックスとフレームの選択」で説明した手順に従ってすぐに作成されました。テクスチャ付きのものについては、以下の最初のリンクで詳細を学ぶことができ、その他のチュートリアルもご覧いただけます。しかし、要約すると、紙のテクスチャを追加し、明るい色の背景上の線の境界線にテクスチャのあるブラシ形状を使用しました。

 

このチュートリアルで何か役立つものを見つけていただければ幸いです。以下の件名について、お気軽にコメントを残すか、ご意見を共有してください。これはエドが次回までに言っていることです。

 


その他のチュートリアル:

 

 

コメント

新着

公式 新着