レタリング

Webtoonにプロのように手紙を書く：バルーン、フォントなど

42,204

107

walterostlie

あなたが学ぶこと

ねえ、ここのウォルター。 WebtoonOriginalシリーズHAXORの作者。また、Shiver Bureau、Cubicles、Metalshark Broを作成し、他の多くのプロパティに取り組みました。

今日は、私の心に非常に近く、大切なトピックに関する知識を伝えたいと思います。 Webtoonを作成または破壊する可能性のある知識。読者を引き込んだり、悲鳴を上げて逃げたりするスキル。

あなたのWebtoonをプロフェッショナルで洗練されたものに見せるためのこの驚くべきことは何ですか？

レタリング。

そうです、レタリング。レタリングは多くのクリエイターに見過ごされがちで、コミックを完成させるために邪魔にならないようにする必要がある雑用と見なされています。しかし、レタリングは物語や芸術と同じくらい重要であると主張することができます。それがもっと重要だと言う人さえいるかもしれません。

レタリングは読者があなたの物語の世界に入るのを可能にする魔法の扉だからです。そのドアが小さすぎるか、奇妙な形をしていると、読者はあなたのストーリーに入ることができません。

幸いなことに、いくつかの基本的な知識があれば、プロ並みのレタリングを作成することができます。それでは、そのドアを作りましょう。

ビデオチュートリアル

プロの風船を作る

レタリングの最初のステップは、バルーンを作成することです。最初に台詞を入力して、その周りに楕円形の風船を投げたくなるかもしれません。ただし、これを実行したくない理由は2つあります。まず、楕円形には少し余分な空白があります。これは、より多くのアートワークをカバーしていることを意味します。良くない。第二に、私たちはより美的に心地よい形を作ることができると思います。

角の丸い長方形、別名完璧を入力します。

この丸みを帯びた長方形（私はそれを肥大化した円と考えるのが好きですが）は、楕円よりも無駄なスペースが少なく、硬い箱の形よりも目立たないです。風船は人のようなもので、あらゆる形や大きさのものがあります。これは私の好みの風船の形であり、多くのプロや人気の漫画で使用されています。標準的な対話を始めるのに最適な場所です。

この形状の作成にはもう少し手間がかかりますが、一度作成したら再利用できます。後でその方法を説明します。

まず、1900px x3040pxの新しいキャンバスを作成します。この解像度をWebtoonに使用すると、Webtoonに必要なファイルサイズである800px x1280pxに完全に縮小されます。この解像度では、パネルを標準的なアメコミのサイズで物理的に印刷するオプションも提供されます。 DPIはWebtoonsにとって重要ではありませんが、理論上のプリンターが混乱しないように300dpiと入力しましょう。別のキャンバスサイズを使用する場合は、個人のキャンバスサイズで機能するように、以下で説明するすべてのサイズ設定を微調整する必要があります。

次に、テキストツールと楕円バルーンサブツールを選択します。ツールへのショートカットについては、キーボードの「T」を押してください。

線の色が黒で、塗りつぶしの色が白であることを確認してください。線の色はバルーンの輪郭を描くものであり、塗りつぶしの色はバルーンの内側を表すものです。長方形を選択し、真円度を2000に設定します。ブラシサイズを9に設定します。これは少し薄いので、コミックのスタイルを自由に調整してください。経験則として、ブラシのサイズをパネルの境界より少し薄くすることです。アンチエイリアスを弱く設定することをお勧めします。これにより、バルーンがカリカリになり、エッジが鋭くなりますが、ギザギザにはなりません。

最後に、ブラシの形。これにより、パネルの輪郭を描くために使用されるペン、鉛筆、ブラシなどが決まります。描画に使用するのと同じペンツールを使用することを好みます。それはすべてがよりまとまりを感じさせます。

これでほぼ完了ですが、この形状は少し機械的に見えます。私たちはそれに少しスタイル、私たち自身の個人的なタッチを与えたいと思います。キーボードの「O」を押してオブジェクトツールにすばやくアクセスし、新しいバルーンをクリックして選択します。

これで、これら2つのボックスでバルーンが選択されていることがわかります。簡単に言うと、これは、先ほど説明したバルーン設定を変更する方法でもあります。たとえば、バルーンの輪郭を太くして色を変更したい場合は、オブジェクトツールでバルーンを選択し、ツールのプロパティでブラシサイズを調整するだけです。

次に、これらの赤い点を少し動かして、風船の形を微調整します。引き続きオブジェクトツール「O」を使用して、ドットをクリックして少し外側にドラッグします。これにより、風船が手描きのように有機的に感じられます。ここでは微妙な変更のみが必要なので、明確にしないで、アーティストの頭脳に引き継がせてください。

ちなみに、青い点と線でサイズを変更したり、バルーンを回転させたりできます。

最後に、尻尾を作成する必要があります。「T」を押してテキストツールを選択し、次にバルーンテールサブツールを選択します。 [スプライン]を選択し、テールの幅を80に設定します。芸術的な選択を自由に行って、幅を広くしたり狭くしたりします。次に、バルーンの端の近くをクリックして、尻尾を開始します。エンドポイントの途中でもう一度クリックします。最後に、エンドポイントをダブルクリックするか、キーボードの「Enter」を押します。

さらに一歩進んで、接続バルーンを作成することもできます。オブジェクトサブツールを使用して、バルーンを選択します。次に、ctrl-cを押してバルーンをコピーし、ctrl-vを押してバルーンを貼り付けます。コピー/貼り付けは、[編集]メニューからも利用できます。次に、青い線を使用して新しいバルーンを移動します。 Clip StudioPaintがバルーンを自動的に結合する方法に注目してください。ありがとう、ClipStudioPaint。

さまざまなサブツールとその設定を試して、ロボット、モンスター、携帯電話などのユニークなバルーンを作成します。バルーンペンツールを使用すると、多くのユニークな形状を取得できます。

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

レタリング

「T」を押してテキストツールにすばやくアクセスし、テキストサブツールを選択します。お好みのコミックダイアログフォントを選択してください。持っていない場合でも、恐れることはありません。ブラウザでhttp://blambot.comにアクセスするだけで、2002年からビジネスに携わっているプロのコミックレタラーが作成した無料のフォントがたくさんあります。彼のフォントの1つである「SmackAttack」を使用します。 2つのグラフィック小説に使用したフリーフォント。このフォントとこのキャンバスサイズでは、サイズを18に、行間隔を-3に設定します。それはマイナス3です。

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

行間隔を設定する最良の方法は、3行を入力してから、2行目の単語の1つを太字に設定することです。太字の単語が1行目または3行目に触れないように行間隔を設定します。それらを離れすぎないでください。繰り返しますが、ズームアウトします。読みにくいですか？その場合は、行間隔を追加します。

WOOT！ふきだしがあります。それは大変な作業のように思えたかもしれませんが、一度それを数回行うと、それは第二の性質です。良いニュースですが、もう一度行う必要はありません。約束通り、この風船を再利用しましょう。

テキストレイヤーを右クリックして、「レイヤーの複製」をクリックします。これで、この新しいバルーンを正しい場所に移動し、テキストサブツールを選択して、古いダイアログの上に新しいダイアログを入力するだけで済みます。バルーン設定とフォント設定はすべて保持され、何もやり直す必要はありません。

気球のサイズを変更し、オブジェクトツール「O」を使用して尻尾を再照準するだけです。オブジェクトツールを使用すると、青い線を移動してバルーンのサイズを変更できます。次に、オブジェクトツールを使用して、バルーンテールだけを選択し、再配置します。青い線の1つを反対側の青い線の上に引くと、それを裏返すこともできます。

尾の個々のポイントを選択して、より正確な変更を行うこともできます。

ちなみに、Webtoonでバルーンの形状のバリエーションを増やすために、バルーンをランダムに反転および回転させることがあります。非常に小さなディテールで、ほとんど気づかれていませんが、レタラーの心の中で幸せになります。

これで見栄えの良いふきだしができて作成は完了しましたが、作業は完了していません。私たちはまだ手紙を書くためのWebtoonを持っています。会話を美しく保つための簡単なレタリングのヒントをいくつか紹介します。

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

ダイヤモンドの形：

あなたはあなたの会話がおおよそダイヤモンドの形であることを望みます。つまり、中央の線は上と下の線よりも長くする必要があります。これは押しつぶされた箱に完全に収まります。確かに、アート内のスペースの制限に応じて、形状を薄くしたり広くしたりする必要がある場合があります。

口：

気球の尻尾は、口や、電話やテレビなど、会話を生み出しているものに向ける必要があります。常に可能とは限りませんが、できる限り近づくように最善を尽くしてください。

配置：

ウェブトゥーンは、ふきだしをパネルの外に貼り付けることができるという点で印刷コミックとは異なりますが、それでも部屋が不足したり、風船を置き忘れたりする可能性があります。アートなしで大量の会話をするべきではありません。最初に読む必要のあるバルーンは、他のバルーンよりも高くする必要があります。バルーンの尾が互いに交差することは望ましくありません。通常、バルーンがキャラクター間に壁を作成することは望ましくありません。これは、Webtoonのサムネイルフェーズで把握する必要があります。

クロスバーI：

大文字の「I」は人称代名詞用に予約されています。単語は、文の始めに小文字の非クロスバーIのみを使用する必要がある場合でも、これは視覚的な魅力と間隔のヒントにすぎません。これは、大文字スタイルの使用にのみ適用されます。コミックに混合ケースを使用する場合、これは適用されません。

一貫性：

バルーンは一貫性があり、同じ線幅、同じテール幅、同じ書体、フォントである必要があります。一貫性により、レタリングが邪魔になるのを防ぎます。叫ぶ、ささやく、モンスターの声など、このルールを破る理由はたくさんあります。ただし、慎重に、芸術的な考えを持って行ってください。

ちなみに、フォントと言うときはほとんどの場合、実際には書体を指します。私が使用している書体は「SmackAttack」ですが、使用しているフォントは「SmackAttack-Normal-Size18」です。時々私は叫ぶために「スマックアタック-ボールド-サイズ18」というフォントを使うかもしれません。

アートは上司です：

重要な芸術を対話で隠蔽しないでください。対話を芸術を尊重するものに作り変えます。