CLIP STUDIO PAINTでのタイポグラフィー
プレゼンテーション
こんにちは!!、この新しい TIP へようこそ。この機会に、ポスター、表紙、カード、ポストカードなどに使用できる、CLIP STUDIO PAINT で印象的なフォントを作成するための知識を共有します。 テキスト、組み合わせモードなどの一連のツールを使用します。 、レイヤーマスク、グラデーション、テクスチャなど。これ以上苦労することなく、お役に立てば幸いです...
始めましょう!!
1. テキストツール
まずはテキストツールの基本的な編集機能を学びましょう。このツールはツール パレット (文字「A」のアイコン) にあるか、キーボード ショートカット 「T」 を使用して見つけることができます。
- プレーンテキスト
テキスト エクスペリエンスを開始するとき、通常は次の方法でテキスト エクスペリエンスを使用します。 書き込みを開始するには、テキストを配置するキャンバスのセクションをクリックします。新しいテキスト レイヤーが作成されます (注意: このレイヤーには描画できません)。
編集を終了するには、フローティング バーのチェック マーク アイコンをクリックします。鉛筆アイコンをクリックすると 「サブツール詳細」 に移動し、「X」 ボタンでキャンセルします (ボックスの外側をクリックしても編集は終了します)。
再度編集するには、もう一度テキスト ツールを選択し、文字をクリックします。この書き方の特徴は、使用可能なスペースを制限しないことです。 Enter キーを押すと改行が作成されます。
さらに、テキスト ボックスは線の端をクリックして移動し、上部のコントロール ポイントを使用して回転し、最後にボックス ハンドルを使用してテキスト サイズを変更できます。これにより文字が圧縮される可能性がありますが、「比率を維持」 オプションをチェックするか、Shift キーを押したままにすると、変換は一定のままになります。ただし、これらの変換は劇的な効果を与えるには理想的です。
重要: カーソルはアクションごとに形状が変わります。曲線矢印で回転、方向矢印で移動、直線矢印でサイズ変更します。
- サブツールの詳細
まず最初に覚えておきたい重要な点は、右下のレンチをクリックすると表示される「サブツール詳細」で文字を入力する前に設定を変更できることです。 これからたくさん言及するので、よく覚えておいてください!
このウィンドウ内には、ツールのプロパティには表示されない他のオプションがあります。横にあるアイコンをクリックすると、それらを表示できます (可視性を確認するために目が表示されます)。
フォント サイズなどの設定を変更すると、その時点から作成されるボックスはデフォルトで指定された設定になります。できることとしては、背景色の追加、合字、行送り、間隔などのオン/オフを切り替えることができます。そのうちのいくつかについては後ほど説明します。
テキスト ツールについて詳しく知りたい場合は、マンガやウェブトゥーンに適した設定がさらに紹介されている公式チュートリアル シリーズを読むことをお勧めします。以下に、4 つのうち最初の 1 つを残しておきます。
- テキストボックス
さて、別の方法があります。テキスト ボックスでは、この方法では逆に、前の方法とは異なり、書き込みに使用できるスペースが制限されるボックスが作成されます。私が感じる大きな利点の 1 つは、改行に Enter キーを使用する必要がなくなったことです。制限に達すると、自動的にジャンプが行われます。
注: バージョン 2.0 以降では、デフォルトで 「テキストをフレーム内で折り返す」 が選択されます。テキストがフレームを超えてはみ出さないようにするオプションです。代わりに、新しい行が作成されます。無効にするには、[サブツールの詳細] > [テキスト] に移動します。
前の方法とは異なり、ハンドルを使用してボックスを変形する場合、文字は圧縮されません (これは、縦横比を維持するオプションが無効になっていることからわかります)。ボックスが小さすぎる場合、すべてのテキストが表示される形式にサイズ変更されるまで、テキストの一部が非表示になります。
注: このオプションを有効にしても、ボックスを描画しなくても、スペースをクリックするだけの簡単な方法でテキストを書くことができます。こうすることで、両方の方法をすばやく切り替えることができます。
サブツールの詳細を入力すると、テキストセクションに「ボックスを揃える」オプションが表示されます。このオプションを使用すると、ボックスに対するテキストの配置を上、中央、下に変更できます。
「ツール プロパティ」 パレットでは、次の変更を行うことができます。
- 複数のテキスト レイヤー: 複数のテキスト レイヤーがある場合は、「下のレイヤーと結合」 アイコンを使用して 1 つにグループ化できます。このレイヤーには、個別に変更できる多数のテキスト ボックスを含めることができます。
注意: 結合されたレイヤーの 1 つがテキスト タイプではない場合、結合の結果はラスター レイヤーになります。
複数のテキストを同時に選択したい場合は、次のオプションを有効にする必要があります: 「テキストの選択」 この機能は、ツールのプロパティの 「ドラッグ」 セクションにあります。これは、個別のレイヤーと結合されたレイヤーの両方で機能します。
重要: このオプションを無効にし、完了したら、ドラッグを避けるためにテキスト ボックスを再度作成します。
- 複数のレイヤーを一度に変更する: 時間を節約するために複数のテキスト レイヤーを同時に変更したい場合は、ツール プロパティ パレットの 「適用先」 設定を次のように変更する必要があります。 「新規」 「のみ」 ~ 「選択されたテキスト」。
注意: 選択されたテキストは、プログラムのバージョン 2.0 で追加された新しい機能です。
ここで、変更するすべてのボックスを選択し、プロパティ パレットから編集します。変更は選択した各ボックスに反映されます。この形式の編集は、バージョン 2.0 で実装された改良版です。
- フォントとサイズ: このセクションでは、さまざまなフォントが表示され、そのサイズを調整できます。サイズとフォントについては、単語、文字、またはフレーズ全体を選択できるため、同じテキスト ボックス内で異なるサイズとフォント構成を使用できます。
ドロップダウン メニュー内には、フォントとは別に、3 つの興味深いセクションがあります。
1\。プレビュー: 左下には、フォント プレビューの外観を変更できる 3 つのオプションがあります。
1\。ソース名を表示します。
2\。特定のフォントでフォントを表示します。
3\。テキストを特定のフォントで表示します。
2\。ソースを追加: ここでは、その名前が示すように、新しいフォントが追加されます。これを行うには、オプションをクリックします。ファイル検索ウィンドウが開き、そこでフォントを含む ZIP/RAR/TTF/OTF パッケージを選択します。私たちは受け入れます。
受け入れてもよいと思われる場合は、クラウドに保存することを許可するメッセージが表示されますが、そのまま閉じてください。
準備が整いました。これで新しいフォントが完成しました。
3\。ソースのリスト: お気に入りのソースがいくつかあることはよくありますが、毎回それらをすべて検索しなければならないのは面倒です。この問題を解決するために、好みのソースだけをグループ化できる 1 つ以上のリストを作成するオプションがあります。
それらを生成するには、「ソース」ドロップダウン メニュー の右下にある歯車をクリックします。ウィンドウが表示されます。この左側の下部にあるボタンを使用して、作成、編集、複製、削除を行うことができます。
それでは、下部にある最初の 「作成」 アイコンをクリックします。テキスト フィールドが開き、リストの名前を入力できます。右側でフォントを検索して選択できます。このセクションの 2 番目のアイコンにはフォントの名前が表示されます。あとはソースを選択して (チェックマークが付いています)、受け入れるだけです。
「ソース」ドロップダウン メニュー に戻ると、一番下に別のドロップダウン メニューがあります: 「すべてのソース」 これを開くと、リストが表示されます。
- スタイル: スタイルとしては、太字、斜体、下線、取り消し線があります。単語またはテキスト全体を選択することで、効果を適用できます。
- 両端揃えとテキストの方向: 両端揃えに関しては、テキストを右揃え、中央揃え、左揃えにすることができます。構造については、水平方向と垂直方向を変更できます (たとえば、日本語の文字の場合は垂直方向の方が適しています)。
- モード: ここでは、スケール/回転/傾斜を見つけます。
テキストを遠近法で配置するのに最適です。
2. フォントの種類
タイポグラフィーとは、テキストのスタイルまたは外観です。私たちは書類作成や学校などでいつも彼女と一緒に仕事をしています。タイポグラフィーについて知っていると、単純なプロジェクトと特別なプロジェクトの違いが生まれます。
► ソースの種類
タイポグラフィの言語は、望ましいメッセージを正しく伝えるのに役立ちます。たとえば、危険を強調したい場合は、パステルカラーの筆記体で標識を配置せず、大きな文字、大文字、単色で配置します。危険を警告する典型的な赤と白のようなコントラスト。だからこそ、メッセージを正しいソースで捉えるためには、何を伝えたいのかを考えることが重要です。
以下にいくつかのフォントの種類、その特徴、主に何に使用されるかを見てみましょう。
- Serif: Serif font から始めましょう。これらは、セリフと呼ばれる文字の最初の部分に小さなストロークが詰まっているのが特徴です。雑誌や新聞でもよく見かけます。
- Sans serif: 一方、このタイプのフォントにはこのストロークがありません。清潔感とモダンさを感じさせるスタイルです。画面上で読みやすいため、デジタル環境でよく使用されます。
- 表示: このタイプのタイポグラフィには、太字、斜体、または装飾が施された多くのスタイルがあります。豪華なため、タイトルやサブタイトルなどの小さな文字によく使用されます。
►どのフォントを使用すればよいですか?
プロジェクトに取り組むときは、最大 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 つのレイヤーを使用して、小さな輝きを与えることができます。
- 透明性
テキストレイヤーの合成モードを「覆い焼き(明るさ)」に変更し、レイヤーの不透明度を下げることでタイポグラフィーの透明度を実現しています。
- ネオン
目立つように黒い背景を使用します。テキストレイヤーをラスタライズした後、それを複製する必要があります。このレイヤーは元のレイヤーの下にある必要があります。このコピーのレイヤーのサムネイルで「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 つのレイヤーは元のレイヤーの下にある必要があります)。
この効果は、この色のセットだけでなく、他の色でも作成できます。空は限界です。
注: 上で説明したように、グラデーション マップを使用して色を変更します。
ヒント: この手順に常に従わなければならないことが面倒にならないように、自動アクションを作成できます。さらに詳しく知りたい場合は、時間を大幅に節約するこの素晴らしいツールについて説明するチュートリアルへのエントリを下に残しておきます。
► 境界線
テキスト ツール自体にも境界線を設定するオプションがありますが、次の別の方法を使用する方が簡単だと思います。
テキストを書いた後、「レイヤープロパティ」パレットに移動し、そこで円形のアイコンをクリックします。デフォルトでは白い枠線が表示されます。 「境界線の色」 をクリックして色を変更し、「境界線の太さ」 バーを移動することで幅を変更します。
テキストに直接描画して装飾を追加することもできます。
► 偏見のある
サブツールの詳細内の 「変換」 セクションには、最初に表示されているもの以外の他の変換オプションがあります。これらを使用すると、テキストを水平または垂直に反転できます。
- 反射: 反射を作成するには、レイヤーを複製し、この複製の不透明度を下げ、前述のツールを使用して最も好ましい側にそれを傾けます。次に、この 2 番目のレイヤーを、文字の上端が 1 番目のレイヤーの文字の下端に触れるように位置合わせします。準備はできました、反省です。
4. 変換
重要: すべての文字の変更は、ラスタライズされたテキスト レイヤーで行われます。
- メッシュ変換
テキストを湾曲させたり、変な位置に配置したりするのも簡単です。レイヤーを選択したら、[編集] > [変換] > [メッシュ変換] に移動します。
一連のノードを含むメッシュが表示されます。これらのノードを目的のポーションに移動できます。
- ディストーションフィルター
キャラクターに変形を作成するもう 1 つの方法は、キャラクターにディストーション フィルターを使用することです。フィルターは次のパスにあります: [フィルター] > [ディストーション]。
パノラマ、極、幾何学的、縮小、魚眼レンズ、波、円形波、渦巻き、曲面、ジグザグなどの一連のフィルターが見つかります。
好みのフィルターを選択すると、値を設定できるウィンドウが開きます。目的の効果が得られるまで読んで試してみることをお勧めします。歪みの例をいくつか示します。
- ブレンド
液状化ツールを使用すると、修正を行うことができます。つまり、使用する領域の形状を変更します。ツールバーにあります。
ツールのプロパティには、サイズ、モード、強度、硬度、編集領域への参照の 5 つのセクションがあり、選択に使用されます。このツールをまだ知らない場合は、その使用方法が詳しく説明されている公式チュートリアルを参照してください。
実験することで良い結果が得られます。
別れ
このチュートリアルでご覧になった内容が気に入っていただき、お役に立てば幸いです。まあ、何も言うことはありませんが、ここまで来てくれてありがとう! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ ॣ
高く振動してください!
もう会えません( •⌄• ू ) ✧
コメント