こんにちは、CLIP STUDIOの皆さん、また別のチュートリアルとテクニックを探求できることを嬉しく思います。

 

このチュートリアルでは、コミックのタイトルを作成する方法を探ります。これは、あなたのコミックやグラフィックノベルのロゴを作成するのに非常に役立つと思います。私は最近、自分のコミックのタイトルを作成するのにこれをたくさん使ってきました。

 

（このチュートリアルで使用されているすべての作品は私のものです）

作品に基づいたタイプ戦略

コミックの表紙を考える上でまず最初に考慮すべきは、どのような種類の画像を扱っているかです。それがタイトルや使用するフォントスタイルに影響を与えます。

 

画像に暗い背景がありますか？

それとも、以下のように表紙の画像はほとんど明るい背景ですか？

それとも、ジンやリソプリントコミックの表紙として白黒画像を使用していますか？

暗い背景の表紙

これらのシナリオをすべて探求しますが、まずは暗い背景の画像から始めましょう。この場合はピーターパンの児童向けコミックです。ピーターパンの画像を自由にダウンロードして、CLIP STUDIOで例として使用してください。

 

このような楽しい子供向けコミックには、大きく、大胆で、はっきりとしたものを作りたいと思います。

ドキュメントを読み込みます。A4サイズ、300dpiを使用しました。次にピーターパンの画像を読み込み、

次に、テキストツールを選択します。

映画のポスターでよく使われるFuturaというかなり良いフォントを使います。多くの異なるウェイトオプションがあり、汎用性が高いです。Futuraがない場合（ほとんどのコンピューターにはありますが）、Arialを使っても問題ありません。私たちの目的には悪くありません。

A4サイズ、300dpiのページを使用しており、このサイズではまず42pt程度のフォントサイズを使用しました。

次に、黄色の文字でタイトル「PETER PAN」を入力します。 Enterキーを押して、サブタイトル「Adventures」を入力します。 次に、サブタイトルを選択し、フォントサイズを約18ptに縮小します。

以下のようなものができるはずですが、行送り（行間の間隔）が狭すぎることがわかるでしょう。調整が必要です。

これを修正するには、すべてのテキスト行を選択します。

次に、テキストツールプロパティパネルで、パネルの下部にある小さな[ツール設定]ボタンを選択します。

[ツール設定]ダイアログで、[行間/配置]タブを選択し、両方の目のボタンをクリックします。これにより、テキストツールのメイン設定で、行間を調整できるようになります。

 

[ツール設定]パネルを閉じて、テキストツールパネルに戻ります。行間が詰まりすぎないように変更します。私は112パーセントに設定しました。

タイトルをフォントのベクターのままにするか、手で文字を描画することで、より手作りのタイトルにすることもできます。

 

手作りアプローチを作成するには：

まず、テキストレイヤーの不透明度を約20%に下げます。 テキストレイヤーの上に新しいレイヤーを作成します。これを使ってタイトルを手で描画します。 インクブラシに移動し、少し「歯」または自然なエッジのあるインクツールを選択します。CLIPに付属する良いデフォルトオプションは、「テクスチャペン」です。

ペンツールの調整

 

私はいつもペンのブラシを少し調整するのが好きです。テクスチャペンツールに行った調整は、基本的に手ブレ補正を上げ、先端の硬さを下げました。

さらに調整するため、ブラシの先端を変更しました。まずテクスチャペンブラシの複製を作成し、その2番目のバージョンで作業することをお勧めします。そうすれば、必要に応じていつでもデフォルトに戻すことができます。

 

テクスチャペンツールを複製する ブラシ設定に移動する：

次にブラシ先端に移動し、現在の先端をクリックして変更します。

自分に合った先端に変更してください。私はこのタイトルによく合った色鉛筆の先端を選びました。

「OK」をクリックすると、この先端が現在の先端を置き換えます。

さあ、新しいレイヤーを選択した状態で、文字の上に大まかに描画し始めます。

プロセスをスピードアップするためのいくつかの戦略として、まず輪郭を描きます。

文字の輪郭を大まかに太くします。

次に、塗りつぶしツールを使用して中央を塗りつぶします。

または、なげなわツールで内側を選択し、以下のドロップダウン選択クイックメニューで塗りつぶすこともできます。

次に、同じペンを使用して、色に「消しゴム」を選択します。

次に、手で慎重にギザギザした部分を消去して文字を引き締め、必要に応じてページを回転させて良いストロークを得ます。

これで完成です！最初のハンドレタリングタイトルができました。次は調整です。

サイズと位置を調整するには、変形ツールを使用します。

これで完了です。

明るい背景の表紙

以下の明るい背景画像を使用して、別のアプローチを試してみましょう。

まず、汎用性の高いフォントであるGill Sansを選択し、タイトルを作成します。

次に、拡大・縮小ツールまたはバウンディングボックスを使用して、タイトルをこのくらいの大きさになるまで引き伸ばします。

次に、テキストをラスタライズ（ベクタープロパティを削除）して、自由に扱えるようにします。

次に、ラスタライズされたテキストレイヤーが選択されていることを確認し、メッシュ変形ツールを選択します。

これは様式化された作品であり、より様式化されたタイトルが求められます。タイトルのメッシュを伸ばしたりいじったりして、格好良い結果になるまで試してみてください。

素晴らしい！

次に、再びテキストツールを使用して、サブタイトルを配置します。これを「Volume one」としましょう。サブタイトルを入力したら、メッシュ変形されたタイトルに合わせて少し回転させます。

サブタイトルレイヤーをラスタライズします メッシュ変形ツールを再度選択します メインタイトルに合わせてサブタイトルを少し歪ませます：

次に、両方のテキストレイヤーの不透明度を下げます。

そして以前と同様に、新しいレイヤーに文字を手描きし始めます。

もっとラフなアプローチでいきましょう。文字にテクスチャのあるブラシのような線を作成してみてください。

消しゴムと描画を切り替えて、自然なテクスチャ感を表現します。

これが私が完成させたものです。

さて、タイトルが黒だと少し場違いなので、色を変更しましょう。スポイトツールを使用して、作品から色を選択します。私はキャラクターの肌の赤色を使用しました。

テキストレイヤーの透明度をロックし、選択した色でレイヤーを塗りつぶします。

最終的に満足する前に、手描きしたテキストレイヤー全体に最後のメッシュ変形を行いました。

これで完了です！

白黒タイトル

複雑な白黒画像の場合はどうでしょうか？これは、現在制作中のコミック「Jesus: The Temptations」で使用しているアプローチです。

強力なタイトルを作成します。それは線画に対して際立っている必要があります。私はPingFangというこのフォントを使用しました。

小さなサブタイトルには、別のより太いフォントを使用することをお勧めします。タイトルの細いフォント（PingFang）を使用すると、背景の線画に埋もれてしまいます。私は再びFutura、Futura Condensedを使用しました。

手描き文字には、CLIP ASSETSで無料でダウンロードできる私のテクスチャブラシをお勧めします。

タイトルに素敵なテクスチャのある線を作成します。

慎重にタイトルを描き始めます。 より良いストロークを得るために、ページを回転させることを恐れないでください。

これが描画後の私のタイトルの見た目です。

次に、タイトルを背景から微妙に際立たせるために、描画されたテキストレイヤーの下にホワイトアウトレイヤーを作成しました。

そして、白を使って交差点を慎重に覆い、タイトルをもう少し際立たせました。例を以下に示します。

これが最終結果で、私の次のコミックで使用する予定です。

最終結果

以下は、私たちが苦労して手描きしたレタリングの最終結果です。

このチュートリアルを楽しんでいただけたなら幸いです。質問があれば、以下にお気軽にお尋ねください。

 

InstagramとTwitterで@dropthedrawingsをフォローしてください。このチュートリアルを使って皆さんが作ったものを見るのが楽しみです！

 

Simon