レタリング

Webtoonのレタリングをプロのように仕上げる：吹き出し、フォントなど

57,444

140

walterostlie

自動翻訳 | 原文を見る

この記事で学べること

こんにちは、Walterです。Webtoon Originalシリーズ『HAXOR』のクリエイターです。『Shiver Bureau』、『Cubicles』、『Metalshark Bro』なども制作し、その他多くの作品に携わってきました。

今日は、私にとって非常に大切なテーマについて、皆さんに知識を共有したいと思います。それは、Webtoonの出来を左右する、読者を引き込むか、あるいは悲鳴を上げて逃げ出させてしまうようなスキルです。

Webtoonをプロフェッショナルで洗練されたものにする、この素晴らしいものとは何でしょうか？

レタリングです。

そうです、レタリングです。レタリングは多くのクリエイターに見過ごされがちで、単に漫画を完成させるために片付けるべき面倒な作業と見なされています。しかし、レタリングはストーリーやアートと同じくらい重要であると主張する人もいるでしょう。中には、それ以上に重要だと言う人もいるかもしれません。

なぜなら、レタリングは読者を物語の世界へと誘う魔法の扉だからです。その扉が小さすぎたり、奇妙な形をしていたりすると、読者はあなたの物語に入り込むことができません。

幸いなことに、いくつかの基本的な知識があれば、プロフェッショナルなレタリングを作成することができます。さあ、その扉を作りましょう。

ビデオチュートリアル

プロフェッショナルな吹き出しの作成

レタリングの最初のステップは、吹き出しの作成です。最初にセリフを入力し、その周りに素早く楕円形の吹き出しを配置したくなるかもしれませんが、これには2つの理由からおすすめできません。第一に、楕円形は余分な空白ができやすく、より多くのアートワークを覆い隠してしまうことになります。これは良くありません。第二に、私たちはもっと見た目にも美しい形を作ることができると考えています。

そこで登場するのが、角丸長方形、つまり完璧な形です。

この角丸長方形（私は膨らんだ円と考えるのが好きですが）は、楕円よりもスペースの無駄が少なく、硬い箱形よりも目立ちません。吹き出しは人間と同じで、あらゆる形やサイズがあります。これは私が好んで使用する吹き出しの形で、多くのプロフェッショナルな人気漫画でも使われています。標準的なセリフに使うには最適な出発点です。

この形を作成するには少し手間がかかりますが、一度作れば再利用できます。その方法は後ほど説明します。

まず、1900px x 3040pxの新規キャンバスを作成します。私はこの解像度をWebtoonに使用しており、Webtoonの要求するファイルサイズである800px x 1280pxに完璧に縮小されます。この解像度は、パネルを標準的なアメリカンコミックのサイズで物理的に印刷する選択肢も提供します。DPIはWebtoonにとって重要ではありませんが、理論上のプリンターが混乱しないように300dpiと入力しましょう。異なるキャンバスサイズを使用する場合は、以下に記載するすべてのサイズ設定を、ご自身のキャンバスサイズに合わせて調整する必要があります。

ここで、[テキスト]ツールと[楕円形吹き出し]サブツールを選択します。ツールへのショートカットは、キーボードの「T」を押してください。

線色は黒、塗りつぶし色は白に設定されていることを確認してください。線色は吹き出しの輪郭を、塗りつぶし色は吹き出しの内側を表します。形状は「長方形」を選択し、角の丸みを2000に設定します。ブラシサイズは9に設定します。これは少し細いので、漫画のスタイルに合わせて自由に調整してください。目安として、ブラシサイズはパネルの境界線よりもわずかに細い程度が良いでしょう。アンチエイリアスは「弱」に設定することをお勧めします。これにより、吹き出しはギザギザではなく、シャープなエッジでくっきりとした見た目になります。

最後に、ブラシの形状です。これは、パネルの輪郭を描くのに使用するペン、鉛筆、ブラシなどを決定します。私は普段絵を描くのに使うペンツールと同じものを使用するのが好みです。すべてがより一体感を感じるようになります。

さあ、もうすぐです。しかし、この形は少し機械的に見えますね。少しスタイル、つまり私たち自身の個性を加えたいと思います。キーボードの「O」を押して[オブジェクト]ツールに素早くアクセスし、新しい吹き出しをクリックして選択します。

すると、吹き出しがこの2つのボックスで選択された状態になっているのがわかるでしょう。簡単な補足ですが、これまでに説明した吹き出しの設定を変更する際も、この方法で行います。例えば、吹き出しの輪郭を太くしたり色を変えたりしたい場合は、[オブジェクト]ツールで吹き出しを選択し、ツールプロパティでブラシサイズを調整するだけです。

次に、これらの赤い点を少しだけ動かして、吹き出しの形を微調整します。[オブジェクト]ツール「O」を使い続け、点をわずかに外側にドラッグします。これにより、吹き出しが手描きのような、より有機的な感じになります。ここでは微妙な変更に留めたいので、目立ちすぎないように、あなたのアーティストの感性に任せましょう。

補足ですが、青い点と線は吹き出しのサイズを変更したり回転させたりするために使用します。

最後に、しっぽを作成する必要があります。「T」を押して[テキスト]ツールを選択し、次に[吹き出ししっぽ]サブツールを選択します。「スプライン」を選択し、しっぽの幅を80に設定します。広げるか狭めるかは、ご自身の芸術的な判断で自由に決めてください。吹き出しの内側、端の近くをクリックしてしっぽを開始します。終点までの中間点で一度クリックします。最後に、終点をダブルクリックするか、キーボードの「Enter」を押します。

さらに一歩進んで、連結吹き出しを作成することもできます。[オブジェクト]サブツールを使用して、吹き出しを選択します。次に、Ctrl+Cを押して吹き出しをコピーし、Ctrl+Vを押して吹き出しを貼り付けます。コピー/ペーストは「編集」メニューからも利用できます。青い線を使って新しい吹き出しを移動させます。Clip Studio Paintが自動的に吹き出し同士を連結してくれることに注目してください。ありがとう、Clip Studio Paint！

さまざまなサブツールとその設定を試して、ロボット、モンスター、携帯電話などのためのユニークな吹き出しを作成してください。[吹き出しペン]ツールを使えば、多くのユニークな形状を作成できます。

これで、完璧な吹き出しができました。少し手間がかかりましたが、この吹き出しは再利用できることを忘れないでください。しかしその前に、レタリングを追加する必要があります。

レタリング

「T」を押して[テキスト]ツールに素早くアクセスし、[テキスト]サブツールを選択します。好みの漫画のセリフ用フォントを選びましょう。もし持っていなくても心配はいりません。http://blambot.comにアクセスすれば、2002年から業界で活躍するプロのコミックレタラーが作成した無料フォントがたくさんあります。今回は、私が2冊のグラフィックノベルで使った無料フォントの一つである「Smack Attack」を使用します。このフォントとこのキャンバスサイズの場合、サイズは18、行間は-3に設定します。マイナス3です。

重要な注意点 - すべてのフォントが同じように作られているわけではありません。異なるフォントを使用する場合は、異なる設定が必要になる場合があります。フォントサイズを素早く決定する方法は、画面上のキャンバスの幅がスマートフォンの幅とほぼ同じになるまでズームアウトすることです。快適に読める最小のサイズにフォントサイズを変更してください。Webtoonの読者は通常モバイルデバイスを使用しているため、小さな電話の画面でも読みやすいフォントである必要があります。

行間を設定する最良の方法は、3行入力し、2行目のいずれかの単語を太字にすることです。太字の単語が1行目や3行目に触れないように行間を設定します。離しすぎないようにしてください。もう一度ズームアウトして、読みにくいですか？もしそうなら、行間を広げてください。

よし！これで吹き出しができました。たくさんの作業のように思えたかもしれませんが、数回こなせばすぐに慣れます。良いニュースですが、もう一度最初からやる必要はありません。約束どおり、この吹き出しを再利用しましょう。

テキストレイヤーを右クリックし、「レイヤーを複製」をクリックします。これで、この新しい吹き出しを適切な場所に移動し、[テキスト]サブツールを選択して、古いセリフの上に新しいセリフを入力するだけで済みます。すべての吹き出し設定とフォント設定が保持されるため、何もやり直す必要はありません。

私たちがする必要があるのは、[オブジェクト]ツール「O」を使って吹き出しのサイズを変更し、しっぽの向きを調整することだけです。[オブジェクト]ツールを使えば、青い線を動かすことで吹き出しのサイズを変更できます。次に、[オブジェクト]ツールを使って[吹き出ししっぽ]だけを選択し、位置を再調整します。青い線の一つを反対側の青い線を超えて引っ張れば、反転させることもできます。

しっぽの個々の点を選択して、より精密な変更を加えることもできます。

補足ですが、私はWebtoonで吹き出しの形状にバリエーションを持たせるために、吹き出しをランダムに反転させたり回転させたりすることがあります。これは非常に小さな、ほとんど気づかれないであろうディテールですが、レタラーとしての私の心を満足させてくれます。

これで素晴らしい見た目のセリフ吹き出しが完成しましたが、私たちの作業はまだ終わりではありません。まだWebtoonをレタリングする必要があります。ここでは、セリフを素晴らしい見た目に保つための簡単なレタリングのヒントをいくつか紹介します。

ガイドラインとベストプラクティス

ひし形：

セリフはだいたいひし形になるようにします。つまり、真ん中の行が上下の行よりも長くなるようにします。これは、つぶれた箱の中に完璧に収まります。もちろん、アート内のスペース制限によっては、形を細くしたり広くしたりする必要があるかもしれません。

口元：

吹き出しのしっぽは、口元や、電話やテレビなど、セリフを発しているものに向けるべきです。常に可能とは限りませんが、できる限り近づけるよう最善を尽くしてください。

配置：

Webtoonは、パネルの外に吹き出しを配置できるため、印刷されたコミックとは異なりますが、スペースが不足したり、吹き出しを誤って配置したりする可能性は依然としてあります。アートがない状態で大量のセリフがあってはいけません。最初に読まれる必要がある吹き出しは、他の吹き出しよりも高く配置すべきです。吹き出しのしっぽが交差したり、通常はキャラクター間に吹き出しが壁を作ったりするようなことは避けるべきです。これはWebtoonのサムネイル段階で決定しておく必要があります。

横棒付きの「I」：

大文字の「I」は一人称代名詞のために予約されています。単語、たとえ文頭であっても、横棒なしの小文字の「i」を使用すべきです。これは視覚的な魅力とスペースに関するヒントです。これは大文字スタイルを使用する場合にのみ適用されます。漫画で大文字と小文字を混ぜて使用する場合は、この限りではありません。

一貫性：

吹き出しは一貫しているべきです。同じ線幅、同じしっぽの幅、同じ書体、同じフォントを使用してください。一貫性があることで、レタリングが邪魔になりません。叫び声、ささやき声、モンスターの声など、このルールを破る多くの理由があります。しかし、それは控えめに、そして芸術的な意図をもって行ってください。

補足ですが、私たちが「フォント」と言うとき、ほとんどの場合は実際には「書体」を指しています。私が使用している書体は「Smack Attack」ですが、使用しているフォントは「Smack Attack - Normal - Size 18」です。叫び声には「Smack Attack - Bold - Size 18」フォントを使用することもあります。

アートが主役：

重要なアートをセリフで覆い隠してはいけません。アートを尊重するようにセリフの形を整えましょう。