はじめに

こんにちは！！この新しいTIPSへようこそ。今回は、ポスター、表紙、カード、ポストカードなどに使用できる、CLIP STUDIO PAINTで目を引くタイポグラフィを作成するための知識を共有します。テキスト、合成モード、レイヤーマスク、グラデーション、テクスチャなどの一連のツールを使用します。お役に立てれば幸いです。それでは…

 

始めましょう！！

1. テキストツール

まずは、テキストツールの基本的な編集機能について学んでいきましょう。このツールはツールパレット（「A」の文字のアイコン）にあるか、キーボードショートカットの「T」で使用できます。

 

• 単純なテキスト

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

 

編集を終了するには、フローティングバーにあるチェックマークのアイコンをクリックします。ペンアイコンをクリックすると「サブツール詳細」が開きます。「X」ボタンをクリックするとキャンセルされます（枠の外をクリックすることでも編集を終了できます）。

再度編集するには、もう一度テキストツールを選択して文字をクリックします。この入力方法の特徴は、利用可能なスペースに制限がないことです。ENTERキーで改行が作成されます。

 

また、テキストボックスの枠線をクリックして移動させたり、上部のコントロールポイントを使って回転させたり、ボックスのハンドルを使ってテキストサイズを変更したりできます。これにより文字が圧縮されることがありますが、「縦横比を維持」オプションにチェックを入れるか、SHIFTキーを押し続けながら操作すると、比率が一定に保たれます。劇的な効果を出したい場合には、これらの変形は理想的です。

 

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

• サブツール詳細

まず重要なポイントとして、テキストを入力する前に「サブツール詳細」で設定を変更できることが挙げられます。これは右下にあるスパナのアイコンをクリックすると表示されます。これから何度も出てくるので、よく覚えておいてください！

 

このウィンドウ内には、ツールプロパティには表示されない他のオプションがあります。横にあるアイコンをクリックすることで、それらを表示させることができます（目のアイコンが表示されると可視化されます）。

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

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

 

 

• テキストフレーム

さて、別の方法として「テキストフレーム」があります。この方法は、前の方法とは対照的に、入力できるスペースが制限された枠を作成します。大きな利点の一つは、改行のためにEnterキーを使用する必要がないことです。端まで到達すると自動的に改行されます。

 

注意： バージョン2.0以降では、デフォルトで「枠内で改行」が選択されています。これはテキストが枠を越えて広がるのを防ぐオプションです。代わりに新しい行が作成されます。無効にするには、サブツール詳細 > テキスト へ移動してください。

前の方法とは異なり、ハンドルを使って枠を変形させても文字は圧縮されません（これは「縦横比を維持」オプションが無効になっていることからわかります）。枠が小さすぎると、すべてのテキストが表示できるサイズに調整されるまで、テキストの一部が隠れます。

 

注意： このオプションが有効であっても、枠を描く必要なく、空白部分をクリックするだけで単純な形式でテキストを入力できます。これにより、両方の方法を素早く切り替えることができます。

サブツール詳細のテキストセクションに移動すると、「枠内配置」オプションがあります。このオプションでは、枠に対するテキストの配置を変更できます：上、中央、下。

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

 

• 複数のテキストレイヤー： 複数のテキストレイヤーがある場合、「下のレイヤーと結合」アイコンで一つにまとめることができます。このレイヤーには、個別に変更可能な多くのテキストボックスを含めることができます。

注意： 結合するレイヤーの一つがテキストタイプでない場合、結合の結果はラスターレイヤーになります。

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

 

重要： 終了したら、意図しないドラッグを避けるために、このオプションを無効にしてテキストボックスの作成に戻してください。

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

注意： 「選択中のテキスト」はバージョン2.0で追加された新機能です。

修正したいすべてのボックスを選択した状態で、プロパティパレットから編集します。変更は選択された各ボックスに反映されます。この編集方法はバージョン2.0で実装された改善点です。

• フォントとサイズ： このセクションでは、さまざまなタイポグラフィ（フォント）が表示され、そのサイズを調整できます。サイズとフォントについては、単語、文字、またはフレーズ全体を選択できるため、同じテキストボックス内で異なるサイズやフォントの設定を持つことができます。

ドロップダウンメニュー内には、フォントの他に3つの興味深い項目があります。

 

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

 

1. フォント名を表示。

2. 指定したフォントでフォント名を表示。

3. 指定したフォントでテキストを表示。

2. フォントを追加： ここでは、その名の通り新しいフォントを追加します。オプションをクリックするとファイル検索ウィンドウが開くので、フォントが含まれているZIP/RAR/TTF/OTFパッケージを選択してOKを押します。

クラウドに保存するかどうかを尋ねるメッセージが表示されます。都合が良ければ承諾し、そうでなければ閉じてください。これで新しいフォントが使えるようになります。

3. フォントリスト： お気に入りのフォントがいくつかあっても、毎回すべての中から探すのは面倒なものです。この問題を解決するために、好きなフォントだけをグループ化したリストを一つまたは複数作成するオプションがあります。

 

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

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

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

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

• 揃え方向とテキストの方向： 揃え方向については、テキストを右、中央、左に揃えることができます。構造については、方向を水平（横書き）と垂直（縦書き）の間で変更できます（例えば、縦書きは日本語の文字に適しています）。

• モード： ここには拡大・縮小/回転/ゆがみがあります。

テキストをパース（遠近感）に合わせて配置するのに理想的です。

2. タイポグラフィの種類

タイポグラフィとは、テキストのスタイルや外観のことです。学校の書類などを作成する際、私たちは常にこれに関わっています。タイポグラフィについて知ることで、単純なプロジェクトと素晴らしいプロジェクトの差をつけることができます。

 

 

► フォントの種類

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

いくつかのフォントの種類、その特徴、そして主に何に使われるかを見ていきましょう。

 

• セリフ（Serif）： まずはセリフタイプのフォントです。これらは、文字の端にある「セリフ」と呼ばれる小さな飾り線が特徴です。雑誌や新聞でよく見られます。

• サンセリフ（Sans serif）： 一方、このタイプのフォントにはその飾り線がありません。清潔感と現代的な印象を与えるスタイルです。画面上で読みやすいため、デジタル環境で一般的によく使われます。

• ディスプレイ（Visualización）： このタイプのタイポグラフィには、太字、斜体、装飾されたものなど、多くのスタイルがあります。その派手さから、タイトルや見出しなどの短いテキストに使われることが多いです。

---

► どのフォントを使うべき？

プロジェクトで作業する場合、最大で1〜2種類のフォントを使用することをお勧めします。よりコントラストが必要な場合は、すでに使用しているフォントを繰り返しながら、サイズを大きくしたり、下線を引いたり、太字にしたりします。次の例では、タイトルにはセリフ体、残りの部分にはサンセリフ体が使われています。

異なる種類のフォントを組み合わせる際には、それらが互いに補完し合う必要があることを考慮しなければなりません。例えば、装飾的なものとシンプルなもの、低いものと高いもの、などです。

---

► 階層

読者の視線を誘導するために使われます。視線は最も目立つものから目立たないものへと移動し、読者にどこから始めてどこへ行くべきかを示します。目立つ部分には、装飾された大きな文字、太字、下線などが使われます。残りの部分は、フラットで連続したスタイルで、それほど大きくなく、テキストを見たときに背景のような役割をします。

---

► 行間と字間

行間は、テキストの行と行の間のスペースです。このスペースによって読者の読みやすさを調整できます。例えば、スペースが狭すぎたり離れすぎたりしていると読者の目が疲れてしまうため、適度なスペースが最適です。

一方、字間は、文字と文字の間の離れ具合に対応します。文字がくっつきすぎていたり離れすぎたりしていると、読むことが不可能になります。しかし、台詞の中で使うと、早口で話している人やゆっくり話している人の印象を与えます。

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

---

► 合字

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

 

注意： すべてのタイポグラフィが対応しているわけではなく、このオプションが有効な場合は一つの文字として扱われます。

特定の部分の合字を解除したい場合は、そのセクションを選択して合字アイコンを無効にするだけです。

3. テキストのスタイリング

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

 

注意： 文字のすべての効果や修正は、テキストレイヤーをラスタライズした状態で行われます。テキストレイヤーのままでは編集や描画ができないことを忘れないでください。

► テクスチャ

このセクションでは、ブラシとパターンを使ってテクスチャを付ける方法を学びます。

 

• ブラシ

デフォルト以外のテクスチャや色を追加し始めるには、テキストレイヤーをラスタライズに変換します。変換するには、レイヤーを右クリックし、表示されるオプションの中から「ラスタライズ」を選択します。

レイヤーをラスタライズしたら、「透明ピクセルをロック」アイコンをクリックします。これにより、文字の縁からはみ出さずに塗ることができます。

次に、好きな選択ツールでテキストを選択します。私の場合は「投げなわ」を使用します。

カラーホイールで白を選択し、選択ツールのフローティングメニューにある塗りつぶしアイコンをクリックします。これで文字が白く塗られます。投げなわの選択を解除するには、デフォルトのショートカットとして CTRL + D を使用できます。

テクスチャブラシを使って文字の上から塗ります。さまざまなテクスチャが文字に同じ質感を与えます。好きな色を使用できます。これで、最初のテクスチャが完成しました。

• パターン

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

 

次に素材へ移動し、好きなパターンをキャンバスにドラッグします。パターンはモノクロでもカラーでも構いません。パターンのレイヤーをテキストの上に配置し、下のレイヤーでクリッピングします。

---

► 色/グラデーション

文字に追加できる着色には2つのタイプがあります。一つはブラシとカラーサークルを使用する方法、もう一つはグラデーションを使用する方法です。

 

• 色

すでにテクスチャがある場合は、次のパスに進みます：編集 > 輝度を透明度に変換 (B)。このオプションを使用すると、テクスチャを失わずに塗ることができます。このオプションが有効になったら、好きな色とブラシで文字の上から塗ります。透明ピクセルをロックオプションが有効であることを忘れないでください。

 

「色混ぜ」ツールを使用すれば、2色以上使う場合に色を混ぜることができます。

• グラデーション

グラデーションについては、前のプロセスに従いますが、色を適用するときにグラデーションを選択し、好きな方向に適用する点が異なります。グラデーションには2つのオプションがあります：

 

1. 単純なグラデーション： これらはツールバーにあるものです。編集が簡単で、どの方向にも適用でき、下地の色を必要としません。

2. グラデーションマップ： これらは次のパスにあります：レイヤー (L) > 新規色調補正レイヤー (J) > グラデーションマップ。

 

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

グラデーションマップの仕組みについてもっと知りたい場合は、私が以前作成した詳しく解説しているチュートリアルを置いておきます：

 

 

---

► 中抜き

文字の中身を空にするには、次のパスに進みます：レイヤー (L) > レイヤーの変換。別の方法は、レイヤーを右クリックして、フローティングメニューに表示される「レイヤーの変換 (H)」オプションを選択することです。

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

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

下に、パラメータ値が5pxと10pxの例を示します。

ベクターレイヤーについてもっと知りたい場合は、このタイプのレイヤーについて説明したチュートリアルのリンクを置いておきます：

 

 

さて、ベクターレイヤーは、作成された線に対して高度な編集が可能です。私たちのケースでは、線にテクスチャを持たせたいので、「オブジェクト」ツールを使用します。ツールプロパティに「ブラシ形状」というセクションがあります。クリックするとドロップダウンメニューが表示され、テクスチャブラシを選択できます。これで縁にテクスチャが付きます。

 

また、線の太さに納得がいかない場合は、「ブラシサイズ」オプションで修正できます。

テクスチャがついたら、先ほど示したようにレイヤーをラスタライズします。これで、前述のプロセスに従って色を付けることができます。

---

► 発光効果

• 輝き

文字やキャラクターを囲む発光を作るのは簡単です。まず、その上に新しいレイヤーを作成し、合成モードを「覆い焼き（カラー）」に設定します。

エアブラシを使って、タイポグラフィの色よりも明るい色で上から塗ります。より良い結果を得るために、硬さと密度の値を最小にすることをお勧めします。

さらに効果を追加するには、スプレーのエアブラシを使用して、合成モードを「オーバーレイ」と「覆い焼き（発光）」にした2つのレイヤーで小さな輝きを描きます。

• 透明度

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

• ネオン

目立たせるために黒い背景を使用します。テキストレイヤーをラスタライズした後、それを複製します。このレイヤーは元のレイヤーの下にある必要があります。このコピーレイヤーのサムネイルを「CTRL + クリック」すると、文字の輪郭が選択されます。

元のレイヤーを非表示にします。複製したレイヤーを選択した状態で、次のパスに進みます：選択範囲 > 選択範囲をフチ取り (G)。選択エリアを拡張できるウィンドウが開きます。5〜15の間の値が良いでしょう。私の場合は10pxを使用しました。この時点で、カラーサークルで使用する色をすでに選択しておく必要があります。

次に、2番目のレイヤー（色が適用されたもの）を複製します。この3番目のコピーを他のレイヤーの下に配置し、次のパスにある「ガウスぼかし」を適用します：フィルター > ぼかし > ガウスぼかし。最後に、もう一度元のレイヤーを表示します。

 

アドバイス： より良い効果を得るために、3つのレイヤーを一つにグループ化してから、それを複製することをお勧めします。色の見栄えが良くなります。

ネオンスタイルの中抜き文字を作るには、前述の中抜きタイポグラフィの手順に従い、その後にネオンのプロセスを行いますが、この場合は2つのレイヤー（縁を広げたものと、ぼかしを適用したもの）を使用します。

---

► 3Dタイポグラフィ

キーボードショートカット「CTRL + C」と「CTRL + V」を使うか、レイヤーを右クリックして表示されるオプションで「レイヤーを複製」を選択して、テキストレイヤーを複製します。次に、それを元のレイヤーの下に移動させます。複製したレイヤーの文字の色を変更します。その後、レイヤーを少し動かして、元からずらします。

同じプロセスに従って、文字の後ろに影の効果を作成できます。追加のステップとして、後ろにあるレイヤーにぼかしフィルターを適用します。次のパスにある「ガウスぼかし」の使用をお勧めします：フィルター > ぼかし > ガウスぼかし。また、影が深すぎないように不透明度を下げることもできます。

 

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

伝統的な効果を高めるには、2つの単語の間の結合部分を手動で描くことをお勧めします。

---

► グリッチ

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

 

複製したレイヤーの一つを選択し、次のパスに進みます：レイヤー (L) > 新規色調補正レイヤー (J) > レベル補正。

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

下のレイヤーにクリッピングし、作成されたレベル補正レイヤーをテキストのコピーの一つと結合します。これで文字が赤くなります。

他の2つのレイヤーでも同じプロセスを繰り返しますが、一つは「緑」モード、もう一つは「青」モードを選択します。

 

3つのレイヤーができたら、それぞれを少しずつ動かして、元からずらします（3つのレイヤーはすべて元のレイヤーの下にある必要があります）。

この色の組み合わせだけでなく、他の色でもこの効果を作成できます。限界はありません。

 

注意： 前述のようにグラデーションマップを使用して色を修正してください。

アドバイス： 常にこの手順に従うのが面倒にならないように、オートアクションを作成することができます。もっと詳しく知りたい場合は、時間を大幅に節約できるこの素晴らしいツールについて説明したチュートリアルのリンクを以下に置いておきます。

 

 

---

► 縁取り

テキストツール自体に縁を設定するオプションがありますが、私はこちらの方法の方が簡単だと感じます：

 

テキストを入力した後、「レイヤープロパティ」パレットに移動し、そこにある円の形のアイコンをクリックします。デフォルトでは白い縁が表示されます。「フチの色」をクリックして色を変更し、「フチの太さ」バーを動かして幅を変更します。

テキストに対して他にできることとして、その上に直接描画して装飾を追加することが挙げられます。

► 傾斜

サブツール詳細の「変形」セクションには、最初の方で見たもの以外に変形のオプションがあります。これらを使えば、テキストを水平または垂直に反転させることができます。

• 反射： 反射を作成するには、レイヤーを複製し、その複製の不透明度を下げ、前述のツールを使って好きな方向に傾けます。次に、2番目のレイヤーの文字の上部が、最初のレイヤーの文字の下部に触れるように配置します。これで反射の完成です。

4. 変形

重要： 文字のすべての修正は、テキストレイヤーをラスタライズした状態で行われます。

• メッシュ変形

テキストを曲げたり、特殊な位置に配置したりするのは簡単です。レイヤーを選択した状態で、編集 > 変形 > メッシュ変形 へ進みます。

一連の格子点（ノード）を持つメッシュが表示されます。これらのノードを目的の位置に移動できます。

• 歪みフィルター

文字を変形させるもう一つの方法は、歪みフィルターを使用することです。フィルターは次のパスにあります：フィルター > 歪み。

 

一連のフィルターが見つかります：パノラマ、極座標、幾何学的歪み、つまむ、魚眼レンズ、波、渦巻き、曲面、ジグザグなど。

好きなフィルターを選択すると、数値を設定できるウィンドウが開きます。納得のいく効果が得られるまで、説明を読み、実験してみることをお勧めします。以下は歪みの例です：

• ゆがみ

ゆがみツールを使えば修正が可能です。つまり、ツールを使用した領域の形状を変更します。これはツールバーにあります。

ツールプロパティには、サイズ、モード、強さ、硬さ、編集領域の参照を選択するための5つの項目があります。このツールをまだ知らない場合は、その使い方を詳しく説明している公式チュートリアルを以下に置いておきます：

 

 

試行錯誤することで良い結果が得られるでしょう。

結び

このチュートリアルの内容が皆さんの好みに合い、お役に立てれば幸いです。それでは、ここまで読んでくださってありがとうございました！ ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ ॣ

 

また別の機会にお会いしましょう ( •⌄• ू )✧

 

私についての詳細はこちら：