プレゼンテーション

こんにちは！新しいTIPへようこそ！今回は、ポスター、表紙、カード、ポストカードなどに使える、CLIP STUDIO PAINTで目を引くフォントを作成する方法についてご紹介します。テキスト、描画モード、レイヤーマスク、グラデーション、テクスチャなど、様々なツールを駆使します。お役に立てれば幸いです。それでは早速…

 

さあ、始めましょう！

1. テキストツール

まずは、テキストツールの基本的な編集機能を学びましょう。このツールはツールパレット（文字「A」のアイコン）またはキーボードショートカット「T」で見つけることができます。

 

• プレーンテキスト

テキストを使うときは、通常、次のように使用します。書き始めるには、キャンバス上でテキストを配置する部分をクリックします。新しいテキストレイヤーが作成されます（注意: このレイヤーに描画することはできません）。

 

編集を終了するには、フローティングバーのチェックマークアイコンをクリックします。鉛筆アイコンをクリックすると「サブツールの詳細」が表示されます。*「X」ボタンをクリックするとキャンセルされます（ボックスの外側をクリックしても編集が終了します）。

再度編集するには、テキストツールを選択し、文字をクリックします。この書き方の特徴は、利用可能なスペースを制限しないことです。Enterキーを押すと改行されます。

 

さらに、テキストボックスは、線の境界線をクリックして移動したり、上部のコントロールポイントを使って回転したりできます。最後に、ボックスハンドルを使ってテキストサイズを変更できます。これにより文字が圧縮される場合がありますが、「縦横比を維持」オプションをオンにするか、Shiftキーを押したままにすると、変形は一定に保たれます。これらの変形は、ドラマチックな効果を生み出すのに最適です。

 

重要: カーソルは各アクションに応じて形状が変化します。曲線矢印は回転、方向矢印は移動、直線矢印はサイズ変更です。

• サブツールの詳細

まず覚えておくべき重要な点は、「サブツールの詳細」でテキストを入力する前に設定を変更できることです。これらの設定は、右下隅のレンチアイコンをクリックすると表示されます。このアイコンはこれから何度も参照するので、覚えておいてください！

 

このウィンドウには、ツールプロパティには表示されない他のオプションがあります。横にあるアイコンをクリックすると表示されます（表示されている場合、目のアイコンが表示されます）。

フォントサイズなどの設定を変更すると、それ以降に作成される新しいボックスはすべてその設定にデフォルト設定されます。背景色の追加、合字、行間、間隔のオン/オフなど、いくつかの設定が可能です。これらの設定については後ほど詳しく説明します。

テキストツールについてもっと詳しく知りたい方は、マンガやウェブトゥーンに役立つ設定を詳しく紹介している公式チュートリアルシリーズを読むことをお勧めします。以下は4つのチュートリアルのうちの最初のものです。

 

 

• テキストボックス

さて、もう1つの方法があります。テキストボックスです。この方法では、前の方法とは異なり、書き込み可能なスペースが制限されたボックスが作成されます。大きな利点の一つは、改行するためにEnterキーを使用する必要がなくなったことです。制限に達すると、自動的に改行されます。

 

注意: バージョン2.0以降では、テキストをフレーム内で折り返すがデフォルトで選択されます。このオプションは、テキストがフレームからはみ出すのを防ぎます。代わりに、新しい行が作成されます。このオプションを無効にするには、「詳細サブツール」>「テキスト」に移動します。

前の方法とは異なり、ハンドルを使ってボックスを変形する場合、文字は圧縮されません（「縦横比を維持」オプションが無効になっていることで確認できます）。ボックスが小さすぎる場合は、テキスト全体が見えるサイズに変更されるまで、テキストの一部が隠れてしまいます。

 

注: このオプションを有効にしている場合でも、ボックスを描画せずに、スペースをクリックするだけで簡単にテキストを入力できます。これにより、2つの方法を素早く切り替えることができます。

サブツールの詳細のテキストセクションに移動すると、「ボックスを整列」オプションがあります。このオプションを使用すると、ボックスに対するテキストの配置（上、中央、下）を変更できます。

「ツールプロパティ」パレットでは、以下の変更を行うことができます。

 

• 複数のテキストレイヤー: 複数のテキストレイヤーがある場合は、「下のレイヤーと結合」アイコンを使用して1つのレイヤーにグループ化できます。このレイヤーには、個別に編集可能な複数のテキストボックスを含めることができます。

注意: 結合するレイヤーのいずれかがテキストレイヤーでない場合、結合結果はラスターレイヤーになります。

複数のテキストを一度に選択したい場合は、「テキストを選択」オプションを有効にする必要があります。この機能は、ツールプロパティの「ドラッグ」セクションにあります。これは、個別のレイヤーと結合されたレイヤーの両方で機能します。

 

重要: このオプションは無効にしてください。完了したら、ドラッグを回避するためにテキストボックスを再作成してください。

• 複数のレイヤーを一度に変更する: 時間を節約するために複数のテキストレイヤーを一度に変更したい場合は、ツールプロパティパレットの「適用先」設定を「新規のみ」から「選択したテキスト」に変更する必要があります。

注: 選択したテキストは、プログラムのバージョン2.0で追加された新機能です。

変更したいボックスをすべて選択すると、プロパティパレットから編集できるようになります。変更は選択した各ボックスに反映されます。この編集方法はバージョン2.0で実装された改良点です。

• フォントとサイズ: このセクションでは、さまざまなフォントが表示され、サイズを調整できます。サイズとフォントについては、単語、文字、または文章全体を選択できます。そのため、同じテキストボックス内で異なるサイズとフォント設定を使用できます。

ドロップダウンメニューには、フォント以外にも3つの興味深いセクションがあります。

 

1. プレビュー: 左下隅には、フォントプレビューの外観を変更できる3つのオプションがあります。

 

1. フォント名を表示します。

2. 特定のフォントでフォントを表示します。

3. 特定のフォントでテキストを表示します。

2. フォントの追加: ここでは、その名前が示すように、新しいフォントが追加されます。これを行うには、オプションをクリックします。ファイル検索ウィンドウが開き、フォントを含む ZIP/RAR/TTF/OTF パッケージを選択して受け入れます。

クラウドに保存するかどうかを尋ねるメッセージが表示されます。よろしければ承認し、そうでない場合は「閉じる」をクリックしてください。これで新しいフォントが完成です。

3. ソースリスト: お気に入りのフォントがいくつかあることはよくありますが、毎回すべてを探すのは面倒です。この問題を解決するために、必要なフォントだけをグループ化したリストを1つまたは複数作成できます。

 

リストを作成するには、「ソース」ドロップダウンメニューの右下にある歯車アイコンをクリックします。ウィンドウが表示され、左側のボタンを使ってリストの作成、編集、複製、削除を行うことができます。

一番下にある最初のアイコン「作成」をクリックしてください。リストの名前を入力できるテキストフィールドが開きます。右側でフォントを検索して選択できます。このセクションの2番目のアイコンをクリックすると、フォント名が表示されます。あとはフォントを選択して（チェックマークが付きます）、OKをクリックするだけです。

「ソース」ドロップダウン メニューに戻ると、下部に別のドロップダウン メニュー 「すべてのソース」 があり、これを開くとリストが表示されます。

• スタイル:スタイルには、太字、斜体、下線、取り消し線があります。単語またはテキスト全体を選択して、効果を適用できます。

• 両端揃えとテキストの方向: 両端揃えのテキストは、右揃え、中央揃え、左揃えにできます。構造上、水平方向と垂直方向を切り替えることができます（例えば、日本語の文字には垂直方向が最適です）。

• モード: ここでは スケール/回転/傾斜 が見つかります。

テキストを遠近法で配置するのに最適です。

2. フォントの種類

タイポグラフィとは、テキストのスタイルや外観のことです。私たちは、書類作成や学校などで、タイポグラフィを常に意識して作業しています。タイポグラフィについて理解することで、シンプルなプロジェクトでも特別なプロジェクトでも、大きな違いが生まれます。

 

 

► 情報源の種類

タイポグラフィの言語は、伝えたいメッセージを正確に伝えるのに役立ちます。例えば、危険を強調したい場合、斜体やパステルカラーの標識は使用しません。大きな大文字と、危険を警告する典型的な赤と白のような、単色のコントラストのある色を使用します。だからこそ、適切なフォントでメッセージを捉えるためには、伝えたい内容をよく考えることが重要です。

いくつかのフォントの種類、特徴、そして主な用途を見てみましょう。

 

• セリフ: まずはセリフフォントから見ていきましょう。セリフフォントは、文字の前面にセリフと呼ばれる細い線が付いているのが特徴です。雑誌や新聞でよく見られます。

• サンセリフ: 一方、このタイプのフォントにはこのストロークがありません。清潔感とモダンさを暗示するスタイルです。画面上で読みやすいため、デジタル環境でよく使用されます。

• ディスプレイ: このタイプのタイポグラフィには、太字、斜体、装飾文字など、さまざまなスタイルがあります。その華やかさから、タイトルやサブタイトルなどの小さなテキストによく使用されます。

---

►どのフォントを使用すればよいですか?

プロジェクトに取り組む際は、フォントは最大1～2種類に抑えることをお勧めします。コントラストを強くしたい場合は、以前使用したフォントを、サイズを大きくしたり、下線を付けたり、太字にしたりして繰り返し使用することもできます。次の例では、タイトルにセリフ体フォントを使用し、残りはサンセリフ体フォントを使用しています。

異なる種類のフォントを組み合わせる際は、互いに補完し合うことを念頭に置く必要があります。例えば、装飾的なフォントとシンプルなフォント、短いフォントと長いフォントなどを組み合わせると効果的です。

---

► 階層

最も印象的なものから最も印象の薄いものへと視線を誘導し、読者にどこから読み始め、次にどこへ進むべきかを示します。印象的な文字には、大きく、装飾的で、太字や下線が引かれた文字が用いられます。それ以外の文字は、テキストを見る際に中心となる、フラットで連続したスタイルで、それほど大きくありません。

---

► 行間と行間隔

行間とは、テキストの行と行の間のスペースのことです。これにより、読者の読みやすさを調整できます。例えば、行間が狭すぎたり、広すぎたりすると、読者の目に負担がかかってしまう可能性があります。行間に十分なスペースがあるのが最適です。

一方、間隔は文字間の距離を指します。文字間隔が近すぎたり遠すぎたりすると、読みにくくなります。しかし、会話文で使用すると、速く話したりゆっくり話したりしている印象を与えます。

CLIP STUDIO PAINで行間とピッチを変更するには、「ツールプロパティ」パレットの下部にあるレンチアイコンをクリックします。フォントセクションで、パーセンテージバーを移動してピッチを好みに合わせて変更できます。

---

► 合字

最後に、合字について説明します。合字とは、構造的に一致する文字を結合したもので、組み合わせると見栄えが良くなります。この機能は、CLIP STUDIO PAINT バージョン2.0で最近追加されました。デフォルトで有効になっていますが、「サブツール詳細」ウィンドウから無効にすることができます。

 

注意： すべてのフォントがサポートされているわけではなく、このオプションが有効になっている場合、フォントは1つの文字として扱われます。

特定の部分から合字を削除する場合は、そのセクションをマスクして合字アイコンを無効にするだけです。

3. テキストのスタイル

このセクションでは、CLIP STUDIO PAINTで文字にテクスチャを作成する方法を説明します。フォントはそれぞれ単体でも美しいものですが、イラストと組み合わせると、うまく馴染まないことがあります。そのため、イラストのテーマに合わせたり、目立たせたりするために、テクスチャを適用することがよくあります。

 

注意： 文字へのエフェクトや変更はすべて、テキストレイヤーをラスタライズした状態で行います。レイヤーは編集や描画ができないことに注意してください。

► テクスチャ

このセクションでは、ブラシとパターンを使用してテクスチャを追加する方法を学習します。

• ブラシ

デフォルト以外のテクスチャや色を追加するには、テキストレイヤーをラスタライズレイヤーに変換します。これを行うには、レイヤーを右クリックし、ドロップダウンオプションから「ラスタライズ」を選択します。

ラスター レイヤーで、[透明ピクセルをロック] アイコンをクリックします。これにより、文字の端を超えずにペイントできるようになります。

ここで、最も好みの選択ツールでテキストを選択します。私の場合は、「投げ縄」を使用します。

カラーホイールで白を選択し、選択ツールのポップアップメニューにある塗りつぶしアイコンをクリックします。これで文字が白く塗りつぶされます。投げ縄選択のデフォルトのショートカットを解除するには、Ctrl + D を使用します。

テクスチャブラシを使って文字を塗りつぶします。異なるテクスチャを使うことで、文字の質感が均一になります。お好きな色を使ってください。これで最初のテクスチャが完成です。

• パターン

手順はほぼ同じです。まず、透明ピクセルをロックし、先ほど見たように文字を白く塗ります。

 

次のステップは、マテリアルを開いて、気に入ったパターンをキャンバスにドラッグすることです。パターンは単色でも比喩的でも構いません。パターンレイヤーをテキストの上に配置し、下のレイヤーに合わせて調整します。

---

► カラー/グラデーション

文字に色を付ける方法は2種類あります。1つはブラシとカラーホイールを使用する方法で、もう1つはグラデーションを使用する方法です。

 

• カラー

既にテクスチャがある場合は、「編集」>「輝度を不透明度に変更」(B) を選択します。このオプションを使用すると、テクスチャを失わずにペイントできます。このオプションを有効にしたら、好みの色とブラシで文字の上にペイントします。透明ピクセルをロックオプションを有効にすることを忘れないでください。

 

カラーミキシングツールを使用すると、2色以上の色を混ぜることができます。

• グラデーション

グラデーションについては、前の手順と同じですが、色を適用するときにグラデーションを選択し、任意の方向に適用するという点が異なります。グラデーションには2つのオプションがあります。

 

1. シンプルグラデーション: ツールバーにあります。編集が簡単で、任意の方向に適用でき、ベースカラーも必要ありません。

2. グラデーションマップ: これらは、レイヤー (L) > 新規補正レイヤー (J) > グラデーションマップ から入手できます。

 

グラデーションマップはより包括的で、ASSETS からより多くの組み合わせをダウンロードしたり、色を反転させたりすることができます。グラデーションマップの特徴は、複数の色のベースカラーが必要になることです。これは、グラデーションマップが既存の色をグラデーションの色に置き換えるためです。そのため、グラデーションの効果を実感するには、文字を2色以上の濃淡で塗る必要があります。

グラデーションマップの仕組みについて詳しく知りたい方は、私が書いたチュートリアルをご覧ください。詳細が説明されています。

 

 

---

► ホロー

文字の塗りつぶしを空にするには、「レイヤー（L）」＞「レイヤーの変換」を選択します。別の方法としては、レイヤーを右クリックし、ポップアップメニューから「レイヤーの変換（H）」を選択します。

このオプションをクリックすると、レイヤーをベクターレイヤーに変換するウィンドウが表示されます。タイプ（K）：ベクターレイヤー。

レイヤーの種類をベクターに変更すると、設定オプションが有効になります。これをクリックすると新しいウィンドウが開き、いくつかの変更を行うことができますが、最も重要なのは*「最大線幅」です。この設定は線の太さを制御します。

以下に、パラメータ値が 5 ピクセルと 10 ピクセルの場合の例を示します。

ベクターレイヤーについてさらに詳しく知りたい方は、以下のチュートリアルをご覧ください。これらのレイヤーの種類について解説しています。

 

 

ベクターレイヤーでは、描画した線を詳細に編集できます。今回は線にテクスチャを付けたいので、「オブジェクト」 に移動します。 ツールプロパティには、「ブラシシェイプ」というセクションがあります。これをクリックすると、テクスチャ付きブラシを選択できるドロップダウンメニューが表示されます。これでエッジにテクスチャが適用されます。

 

また、線の太さがわからない場合は、「ブラシサイズ」オプションを使って調整できます。

テクスチャができたら、上図のようにレイヤーをラスタライズし、前述のプロセスに従って色を付けます。

---

► 光る

• グロー

文字の周りにグロー効果を加えるのは簡単です。まず、その上に新規レイヤーを作成し、描画モードを「覆い焼き（カラー）」に設定します。

エアブラシを使う場合は、フォントよりも複雑な色でフォントの上に塗ります。最良の結果を得るには、硬さと濃度の設定を最小限にすることをお勧めします。

より多くの効果を追加するには、スプレー エアブラシを使用して、「オーバーレイ」 と 「露出オーバー (グロー)」 の組み合わせモードで 2 つのレイヤーを使用して小さな輝きを作成します。

• 透明

テキストレイヤーの描画モードを「覆い焼き（グロー）」に変更し、レイヤーの不透明度を下げることで、タイポグラフィの透明感を実現します。

• NEON

目立たせるために、背景は黒にします。テキストレイヤーをラスタライズした後、複製します。このレイヤーは元のレイヤーの下に配置します。複製したレイヤーのサムネイルで「Ctrl + クリック」を押します。これで文字のアウトラインが選択されます。

元のレイヤーを非表示にします。複製したレイヤーを選択します。「選択範囲」＞「選択範囲のアウトライン化」（G）に進みます。選択範囲を拡張できるウィンドウが開きます。5～15ピクセルの値が適切です。私の場合は10ピクセルにしました。この時点で、カラーホイールで使用する色が選択されているはずです。

次に、2つ目のレイヤー（色を適用したレイヤー）を複製します。この3つ目のレイヤーを他のレイヤーの下に配置して、「ガウスぼかし」を適用します。「ガウスぼかし」は、フィルター > ぼかし > ガウスぼかし から選択できます。最後に、元のレイヤーを再び表示します。

 

ヒント: より良い効果を得るには、3つのレイヤーを1つにグループ化してから複製することをお勧めします。これにより、色の再現性が向上します。

ネオン スタイルの中空文字を作成するには、上で説明したタイポグラフィの中空化の手順と同じ手順に従い、次にネオン プロセスを実行します。ただし、この場合は 2 つのレイヤーを使用します。1 つは盛り上がったエッジを適用し、もう 1 つはぼかしを適用します。

---

► 3Dタイポグラフィ

キーボードショートカット「Ctrl + C」と「Ctrl + V」、またはレイヤーを右クリックして、テキストレイヤーを複製します。表示されるオプションから「レイヤーを複製」を選択します。次に、元のレイヤーの下に移動し、複製したレイヤーのフォントの色を変更します。さらに、元のレイヤーから少しずらして配置します。

同じ手順で、文字の背後に影効果を加えることができます。追加で、その背後のレイヤーにぼかしフィルターを適用します。「ガウスぼかし」フィルターの使用をお勧めします。フィルター > ぼかし > ガウスぼかし の順に選択します。影を薄くしたい場合は、不透明度を下げることもできます。

 

注意: ぼかしフィルターを使用するには、「透明ピクセルをロック」オプションを無効にする必要があります。

伝統的な効果を高めるには、2 つの単語間の接続を手動で描画することをお勧めします。

---

► グリッチ

ラスターテキストレイヤーを3つコピーし、それぞれに以下の手順を適用します。

 

コピーしたレイヤーの1つを選択し、「レイヤー（L）」>「新規補正レイヤー（J）」>「レベル補正」を選択します。

このウィンドウで、左上のドロップダウンメニューから「赤」モードを選択します。次に、左下のモノクロバーの矢印を右端まで移動し、「OK」をクリックします。

これを下のレイヤーと結合し、作成したレベル補正レイヤーをテキストのコピーの1つと結合します。すると、テキストが赤くなります。

残りの2つのレイヤーでも同じ手順を繰り返しますが、片方のレイヤーは緑、もう片方は青を選択します。

 

3つのレイヤーが完成したら、それぞれのレイヤーを少しずつ移動させ、元のレイヤーからオフセットさせます（3つのレイヤーはすべて元のレイヤーより下になるようにします）。

この効果は、この色の組み合わせだけで作れます。他の色の組み合わせでも作れます。可能性は無限大です。

 

注: 上記のように、グラデーションマップを使って色を調整してください。

ヒント: 面倒な繰り返し作業を避けるために、自動アクションを作成できます。詳しくは、この素晴らしい時間節約ツールについて説明したチュートリアルを下記に掲載していますので、ぜひご覧ください。

 

 

---

► 境界線

テキストツール自体にも枠線を設定するオプションがありますが、私はこの方法の方が簡単だと思います。

 

テキストを入力したら、「レイヤープロパティ」パレットに移動し、円アイコンをクリックすると、デフォルトで白い枠線が表示されます。「枠線の色」をクリックして色を変更し、「枠線の太さ」スライダーを動かして幅を変更します。

テキストに対して実行できるもう 1 つの操作は、テキストに直接描画して装飾を追加することです。

► 偏っている

サブツールの詳細にある「変形」セクションでは、すでに説明したものに加えて、追加の変形オプションがあります。これらのオプションを使用すると、テキストを水平または垂直に反転できます。

• 反射: 反射を作成するには、レイヤーを複製します。複製したレイヤーの不透明度を下げ、前述のツールを使って好みの方向に傾けます。次に、この2つ目のレイヤーの文字の上部が1つ目のレイヤーの文字の下部に接するように配置します。これで反射の完成です。

4. 変換

重要: すべての文字の変更は、テキスト レイヤーがラスタライズされた状態で行われます。

• メッシュ変形

テキストを曲げたり、不自然な位置に配置したりするのも簡単です。レイヤーを選択した状態で、「編集」>「変形」>「メッシュ変形」を選択します。

一連のノードを含むメッシュが表示され、これらを目的のポーションに移動できます。

• フィルターに関する注意

キャラクターに歪みを加えるもう一つの方法は、歪みフィルターを使うことです。これらのフィルターは、「フィルター > ワープ」にあります。

 

パノラマ、極性、幾何学模様、縮小、魚眼レンズ、波、円形波、渦巻き、曲面、ジグザグといった一連のフィルターがあります。

好みのフィルターを選びましょう。値を調整できるウィンドウが開きます。希望の効果が得られるまで、ぜひ参考にして実験してみてください。以下に歪みの例をいくつか示します。

• リキッド

リキッドツールを使うと、ツールを使用している領域の形状を修正できます。ツールバーにあります。

ツールのプロパティには、サイズ、モード、強度、硬さ、編集領域への参照という5つのセクションがあります。このツールの使い方をまだよく知らない方は、使い方を詳しく説明した公式チュートリアルをご覧ください。

 

 

実験することで良い結果が得られます。

別れ

このチュートリアルが気に入って、お役に立てれば幸いです。さて、最後に、ここまで読んでくださってありがとうございます！ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ ॣ

 

バイブレーション最高!!!

またお会いしましょう ( •⌄• ू ) ✧