タイポグラフィ

🎥 映画ポスターに欠かせないヒント

35,126

117

AriaVon

自動翻訳 | 原文を見る

はじめに

こんにちは！ようこそ。今回は映画ポスターを作成するためのコンセプトをいくつか学びます。また、タイポグラフィについてもお話しします。適切なタイポグラフィを使用することで、ポスター全体のスタイルと一貫性のある明確なメッセージを伝えることができるからです。これらのヒントが、あなたのイラストを素晴らしい映画ポスターに変える手助けになれば幸いです。

前置きはこれくらいにして…始めましょう！！

1. キャンバスの設定

まずは、ポスターに使用できるいくつかのフォーマットと、CLIP STUDIO PAINTでの作成方法について見ていきましょう。

- サイズ -

映画ポスターは一般的に縦長のデザインが基本です。これにはA判の用紙サイズがよく使われます。主なフォーマットは以下の通りです：

• A1: このタイプのポスターサイズは通常 594 x 841 mm です。

• A0: このような用途に適した汎用性の高いサイズです。寸法は 841 x 1189 mm です。

- キャンバスの設定 -

印刷用のファイルの場合、カラープロファイル、寸法、余白などの技術的な側面を考慮する必要があります。今回はこれらについて深くは触れませんが、詳細を知りたい場合は、CLIP STUDIO TIPSコミュニティにある印刷チュートリアルをご覧になることをお勧めします。

ポスターには「裁ち落とし」を設定することをお勧めします。そのためには、[作品の用途] で [同人誌入稿]（左から3番目のアイコン）を使用します。

注意: 裁ち落とし幅は印刷所でカットされる部分ですが、ミスを防ぐためにデザインをこの部分まで広げておきましょう。裁ち落としエリアの近くに重要な要素を配置するのは避けてください。

[プリセット] からは、A4などの既定のフォーマットを見つけることができます。

余白（基本枠）のサイズはサイズ設定のセクションで構成でき、最後にカスタム設定を行うオプションもあります。

最後に、3つの重要なオプションがあります。

➀ 裁ち落とし幅は3mmから5mmの間で変更できます。これは印刷所の規定によります。

➁ 解像度については、印刷用には300dpi以上が理想的で、デジタル用には72dpiが一般的です。

➂ 基本表現色は「カラー」と「モノクロ」の2つがあります。一方はカラーを使用でき、もう一方は使用できません。

2. 構図

映画ポスターには、映画のトーンと本質を伝えることで観客の注意を引く役割があります。観客を魅了し、上映に足を運びたいと思わせる必要があります。この種のポスターは、コミュニケーションにおける2つの重要な基本に従うべきです：

• 映画のあらすじに言及する。

• 物語が呼び起こす感情や、物語が展開される雰囲気を伝える。

ここでは2つのアイデアを紹介します。1つ目（左）は古い時代の恐怖を伝えようとしており、2つ目は現代に焦点を当てています。

(A) テキスト

通常、ポスターにはタイトル、主演俳優、監督、公開日が含まれます。その他に、批評や制作会社のロゴ、受賞歴などが含まれることもあります。

- 階層化（ヒエラルキー） -

観客の視線を誘導するために用いられます。視線は最も目立つものから目立たないものへと移動し、観客にどこから見始めてどこへ進むべきかを示します。目立つ要素には、大きく装飾された文字、太字、下線などが使われます。一方、それ以外の要素は、プレーンで連続的なスタイルにし、あまり大きくせず、テキストを見る際に一歩引いた印象を与えます。

タイトルは挑発的であるべきで、そのためフォントサイズを大きくする必要があります。どちらが良く見えますか？間違いなく左側です。

- 配置 -

タイトルは構図のどこに配置しても、あるいはデザインの一部として組み込んでも構いませんが、クレジットは通常、メインのデザインを邪魔しないように上部または下部に配置されます。参加企業のロゴは、主に下側の余白に表示されます。

また、タイトルの大部分を要素の背後に配置したり、角度をつけたり、半円形や円形に配置したりすることもできます。

- タイポグラフィ -

タイトルはあらゆる手段を使って目立たせる必要があります。そのため、目立たせるためにテクスチャや装飾を加えることもできますが、常にデザインの他の要素との調和を保つようにしてください。

雰囲気との一体感を出すために使えるもう一つの要素は、装飾されたフォントを使用することです。インターネットにはダウンロードできる無数のフォントがあります。ただし、使用ライセンスは必ず注意深く読んでください。

CLIP STUDIO PAINTへのフォントのインストール方法は、後ほど説明します。

(B) 色

さて、色は感情や雰囲気を伝えることを可能にします。愛の感情は通常パステルカラーやピンクに関連付けられ、憎しみや恐怖は茶色、黒、赤などの暗い色に関連付けられます。

色は寒色と暖色に分類できます。この分類は、色が人に与える印象に基づく色彩心理学に基づいています。このように呼ばれる理由は、視覚的に低い、あるいは高い温度を連想させるためです。通常、色相環を半分に分けたものとして表されます。

色の意味の中には文化によって異なるものもあるため、どの層のターゲットにリーチしたいかを考慮することが不可欠です。

- 暖色 -

これらの色は高い温度の感覚を伝えます。暖色は赤から黄色までの色です。これらの色は観客に情熱、喜び、愛、エネルギー、温かさなどの感覚を伝えます。また、秋などの季節を表すこともあります。

- 寒色 -

対照的に寒色があります。これらの色は低い温度の感覚を伝えます。寒色は青から緑、そして紫にかけての色です。寒色と最も関連が深いのは青色で、他の色に青が含まれていると、より冷たく感じられます。色に青が多く含まれるほど、より冷たくなります。寒色は冬、夜、海、湖、静寂、穏やかさ、孤独、静謐、悲しみなどのトーンです。

(C) イラスト

イラストは、色や提示された要素のダイナミズムなどの物語的なリソースを使用して、ストーリーの環境を反映させる必要があります。

• 構図

イラストを視覚的により魅力的にするために、さまざまな構図の形式を使用できます。三分割法、三角形構図、黄金比など、いくつかあります。それぞれの方法の目的は、フォーカルポイントを配置するのに最も心地よいポイントを設定することです。

• 定番の要素

この種のポスターの特徴の一つは、長年にわたってジャンルごとに同様の要素が使われてきたことです。これらの特徴を見るだけで映画のジャンルを特定するのは簡単で、これは悪いことというよりは、ターゲットとする観客に非常に効果的にアピールすることを可能にします。

- 恋愛映画 -

これらのデザインは若々しく、パステルカラーを使用し、登場人物が微笑んでいたり、見つめ合っていたり、あるいは背中合わせになっていたりします。色彩豊かな背景や風景も良い選択肢です。

- アクション -

これらでは動きや緊急性を追求します。これは、急な角度や対角線などを用いた構図で実現されます。色に関しては、赤と黒の使用が定番です。情熱を暗示する陰鬱な色であり、恐怖やアドレナリンの感情を呼び起こす色だからです。

- ホラー -

前述と同様に、黒、赤、または暗い色を血まみれの要素と組み合わせます。幽霊のような姿も要素の一つになり得ます。コントラストを得るための白いテキストと、犯罪的なスタイルのテキストを組み合わせることで、恐怖の雰囲気が確立されます。

- SF (サイエンス・フィクション) -

宇宙の背景とネオンカラーのパレットを組み合わせることで、名作映画のように、遠い未来、ロボットの世界、近代技術などの雰囲気をポスターに演出できます。

3. タイポグラフィ

テキストツールの基本的な編集機能から学びましょう。このチュートリアルでは、さまざまなタイポグラフィスタイルの作成方法を扱うため、ツールの機能詳細についてはあまり深く触れません。詳細を知りたい場合は、設定について詳しく説明している以下のチュートリアルをご覧ください。

(A) テキストツール

このツールはツールパレット（「A」のアイコン）またはキーボードショートカットの「T」で見つけることができます。[ツールプロパティ] ウィンドウにすべての設定が表示されます。

- サイズとフォント -

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

- フォントの追加 -

フォントリストを展開すると、最後に [端末のフォントファイルから追加...] オプションがあります。ここでは、その名の通り新しいフォントを追加します。オプションをクリックするとファイル検索ウィンドウが開くので、フォントが含まれているZIP/RAR/TTF/OTFパッケージを選択し、[開く] をクリックします。

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

- スタイル -

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

- 間隔 -

間隔とは、文字やキャラクターの間の離れ具合のことです。文字が詰まりすぎていたり離れすぎていたりすると読みにくくなりますが、これら2つの特性はテキストにダイナミズムを与え、新鮮な雰囲気を持たせるのに役立ちます。CLIP STUDIO PAINTでこれらの特性を編集するには、次のように行います。

➀ [サブツール詳細] パレットを開く必要があります。これは [ツールプロパティ] パレットの右下にあるスパナのアイコンをクリックすると表示されます。このウィンドウには、[ツールプロパティ] ウィンドウには表示されていない機能がさらに含まれています。

➁ [フォント] カテゴリに、文字間隔と字幅の2つのオプションがあります。スライダーで間隔の度合いを制御できます。

(B) テクスチャ

さまざまなフォントはそれ自体で美しいものですが、イラストと同じスペースにあるとしっくりこないことがあります。そのため、イラストのテーマに合わせたり、単に目立たせたりするためにテクスチャを適用することがよくあります。

- スパッタリング -

➀ テキストを作成し、それをラスタライズレイヤーに変換します。これを行うには、レイヤーを右クリックし、表示されるメニューから [ラスタライズ] を選択します。

注意: テキストレイヤーでは、編集や描画ができません。

➁ テクスチャのあるブラシと透明色を選択して、文字の上を塗ります。完了です。

注意: これは非可逆的な方法なので、元のテキストのコピーを作成しておくことをお勧めします。そうすれば、完全に失うことなく将来的に編集できます。

この方法の利点は、ブラシのすべての特性と不透明度の調整を使用してテクスチャを作成できることです。

また、この方法で他のタイプの仕上げも作成できます。

- パターン -

➀ 再びテキストレイヤーを作成しますが、これはラスタライズする必要はありません。

➁ 素材フォルダからパターンを選択し、キャンバスにドラッグします。このレイヤーはテキストの上に配置する必要があります。

➂ レイヤーパレットの機能パネルにある [下のレイヤーでクリッピング]（2つの四角形のアイコン）をクリックします。これにより、パターンは下のレイヤーに描画されている部分にのみ表示されるようになります。

パターンレイヤーは画像素材レイヤーなので、レイヤーをクリックして青い枠を使用するだけで、サイズや位置を変更できます。

注意: これは、テキストの上に配置するどんな画像に対しても同じように行うことができます。

- 全体のテクスチャ -

タイポグラフィ全体にテクスチャを追加するには、次のようにします。

➀ レイヤーをラスタライズします。

➁ レイヤーを選択し、レイヤーパレットの機能パネルにある [透明ピクセルをロック] 機能をオンにします。

➂ 選択範囲ツールを使用してテキストを囲みます。

➃ 白色を選択し、選択範囲の [ランチャー] にある [塗りつぶし] ツールを使って文字を白く塗ります。

➄ 文字が白い状態で、好きなテクスチャブラシを使い、白以外の色で上から塗ります。完了です。

(C) グラデーション

シンプルなグラデーション: これらはツールバーにあるものです。編集が簡単で、任意の方向に適用でき、ベースカラーを必要としません。

グラデーションマップ: これらは次のパスにあります：[レイヤー] メニュー > [新規色調補正レイヤー] > [グラデーションマップ]。

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

(D) フチ取り

以前はフチ取り効果を作成するにはレイヤープロパティウィンドウから行う必要がありましたが、新しいVer.3.0へのアップデートで、テキストツール自体にフチ取り機能が追加されました。その方法を見てみましょう。

➀ 右下にあるスパナのアイコンをクリックして、[サブツール詳細] パレットを開きます。

➁ この新しいウィンドウで [テキスト] カテゴリに移動します。

➂ ここで [フチ取り] オプションを有効にします。バーで太さを調整し、[フチの色] で色を変更します。

注意: このウィンドウを毎回開きたくない場合は、項目の横にあるボックスをクリックして、ツールプロパティウィンドウに表示させることができます。ボックスに目のアイコンが表示されているときは、既に表示されていることを意味します。

(E) 変形

すべてのテキストが正面を向いている必要はありません。異なるパースに合わせて、さまざまなスペースに配置することもできます。ここではいくつかの変形について説明します。

- パース -

テキストをパースに合わせて配置するには、次の手順に従います：

➀ レイヤーをラスタライズに変換します。

➁ レイヤーを選択した状態で、[編集] メニュー > [変形] > [自由変形]、[パース変形]、[歪み]、または [傾き] に移動します。次に、得たいパースの方向に枠のノードを動かします。

テキストを複数の角度に配置できるさまざまな変形ツールがあります。いろいろ試してみてください。

ショートカット: CTRL + T を押して、GIFのように変形枠の上で右クリックします。

- メッシュ変形 -

テキストを湾曲させたり、特殊な位置に配置したりするのは簡単です。レイヤーを選択した状態で、[編集] メニュー > [変形] > [メッシュ変形] に移動します。

一連のノードが付いたメッシュが表示されます。これらのノードを目的の位置に移動できます。

注意: レイヤーはラスタライズされている必要があります。

- 反転・鏡面 -

[サブツール詳細] パレットの [変形] カテゴリには、これまでに見たもの以外の変形オプションがあります。これらを使用して、左右や上下に反転させたり、回転角を変更したりできます。

鏡面反射（リフレクション）を作成するには、レイヤーを複製し、その不透明度を下げ、前述のツールを使って好みの方向に傾けます。次に、この2番目のレイヤーを、文字の上部が1番目のレイヤーの文字の下部に接するように整列させます。これで鏡面反射の完成です。

- 円周テキスト -

Ver.3.0へのアップデートで、テキストを円形に配置する機能が追加されました。素晴らしい新機能です。これを行うには、次のようにします。

➀ [サブツール詳細] パレットを開きます。パレット内で [円周テキスト] カテゴリに移動します。

➁ [円周テキスト] を有効にします。他の設定で、半径、方向（時計回りまたは反時計回り）、および均等配置を調整できます。

(F) エフェクト

ここでは、プログラムの他のツールを使ってテキストに適用できるいくつかのエフェクトを紹介します。

- ぼかし -

ぼかし効果を作成するには、次のようにします。

➀ レイヤーをラスタライズに変換します。

➁ レイヤーを選択した状態で、[フィルター] メニュー > [ぼかし] > [ガウスぼかし] に移動します。

➂ ウィンドウに強度の設定があるので、好みのレベルを選択します。

- 移動ぼかし -

また、ぼかしのセクション内には、以下に示すような役立つ他のぼかしもあります。例えば移動ぼかしです。その名の通り、さまざまな角度や強度で動きの感覚を生み出します。

- 色収差 -

色収差エフェクトは、テキストに近未来的な印象を与えます。手順を見てみましょう。

➀ レイヤーをラスタライズに変換します。

➁ 次のパスに移動します：[フィルター] メニュー > [効果] > [色収差]。

➂ ウィンドウに強度と角度の設定があります。「放射状」と「角度指定」の2つのモードを切り替えることができます。一方は円状に収差をずらし、もう一方は指定した角度の方向にのみずらします。

(G) 変形フィルター

変形フィルターは、テキストの構成を変更できる優れたツールです。何ができるか見てみましょう。

➀ これらのフィルターを適用するために最初に行う必要があるのは、テキストレイヤーをラスタライズに変換することです。

➁ 次に、次のパスにあるフィルターのいずれかを選択します：[フィルター] メニュー > [変形]。

多くのフィルターがあるので、重要だと思うものだけを紹介しますが、いつでも自分で実験してみてください。プロセスは簡単です。設定を調整できる一連のスライダーが付いたウィンドウが表示されます。

- パノラマ -

このフィルターを使用すると、魚眼レンズのような効果を得ることができます。

- 波形 -

これは、動きとボリュームの効果を与えるラインの縁を作成できるので、私が最も気に入っているものです。

- ジグザグ -

最後に、波打ちの効果です。

注意: これもこれまでのフィルターも、特定の領域に使用できます。そのためには、文字のレイヤーと同じレイヤーで選択範囲ツールを使って領域を選択し、フィルターを適用します。

(H) エフェクトの組み合わせ

最後のポイントとして、前述のエフェクトや変形を組み合わせてタイポグラフィに適用できる他のスタイルについて説明します。

- ゴーストエフェクト -

➀ いつものように、レイヤーをラスタライズすることから始めます。

➁ 次に、小さなガウスぼかしを適用します。

➂ 次に、かすかな移動ぼかし効果を適用します。

➃ 縁に強く現れるように意識して、放射状ぼかし効果を適用します。

➄ その後、グラデーションマップを作成し、反転させます。

➅ 最後に、文字のレイヤーを複製し、それに波形効果を適用して、レイヤーモードを [オーバーレイ] に設定します。

- ゆがみ -

[ゆがみ] ツールを使用すると画像を歪ませることができます。通常はイラストの修正に使用されますが、この場合はカオスな効果を与えるために使用します。このツールはツールパレットにあり、アイコンはメッシュのような形をしています。

➀ レイヤーをラスタライズに変換します。

➁ テキストに対して [ゆがみ] ツールを使用します。このツールにはさまざまな歪み設定があり、これらは [ツールプロパティ] パレットにあります。

- ヴィンテージ -

このアンティークな効果は簡単です。

➀ レイヤーをラスタライズします。

➁ 低いレベルでガウスぼかしフィルターを適用します。

➂ レイヤーを複製します。

➃ 新しいレイヤーに放射状ぼかしフィルターを適用します。この場合、十字をテキストの上部に移動させます。これにより、下部により大きなぼかしがかかるようになります。

➄ 2つのレイヤーを結合します。

➅ ノイズ効果を適用します。この機能は次の場所にあります：[フィルター] メニュー > [効果] > [ノイズ]。

➆ 最後に、テクスチャを適用してモードを [オーバーレイ] にし、不透明度を下げました。

- 割れたガラス -

割れたガラスのエフェクトを作成するには、次のようにします。

➀ レイヤーをラスタライズに変換します。

➁ 選択範囲ツールで [選択範囲に追加] モードを有効にし（[ツールプロパティ] パレットの [選択モード] セクションにあります）、三角形の形で選択範囲を作成します。

➂ 切り取って新しいレイヤーに貼り付けます。

➃ 次に、セクションごとにテキストの各部分を離していきます。

注意: 細かくカットするほど、効果がより良く見えます。

- 切り込みと影 -

➀ 前の方法と同様に、レイヤーを3つの部分に切り取ります。各セクションを別々のレイヤーにします。

➁ 上部と下部のパーツを中央から一定量離します。上部は少し右に、下部は左に動かします。

➂ 次にグラデーションツールに移動し、[マンガ用グラデーション] を選択します。このモードには黒と透明の2色がありますが、[ツールプロパティ] ウィンドウで色を編集できます。

➃ 中間と最後のセクションに対角線方向にグラデーションを適用します（うまくいかない場合は、いつでも変形ツールで調整できます）。文字が完全に暗くならないように注意します。グラデーションを文字だけに限定するには、グラデーションレイヤーを対象のセクションのレイヤーに対して [下のレイヤーでクリッピング] します。完了です。

- トーン -

[レイヤープロパティ] パレットに [トーン] オプションがあります。これを使用して文字にトーンを適用できます。

➀ まずレイヤーをラスタライズに変換します。

➁ [トーン] アイコンを選択します。

➂ デフォルトでグレースケールになるトーンの色を変更するには、[トーン] と同じセクションにある [レイヤーカラー] オプションをクリックする必要があります。そこで色を選択するオプションが有効になります。

➃ トーンの設定で、[線数] バーを使ってパターンの頻度を決定します。[網の設定] で形状（多くのオプションがあります）を変更でき、[輝度を使用する] をオンにすると図形が透明になり、オフにすると白くなります。

これらのトーンは、ぼかしを適用した文字にも適用でき、結果は右側の文字のように見えます。

4. 映画ポスターとしてのイラスト例

以前に示したSFポスターのプロトタイプに従い、また宇宙の無限の神秘が大好きなので、このテーマでポスターを作ることにしました。ポスターのスタイルはミニマルで、細いテキストと色収差エフェクトを使用しました。その結果、以下のようになりました：

タイトル: 天の川（Vía Láctea）

科学チームが天の川の果てへと遠征に出発します。彼らの任務は、銀河の中心に信号を送る点滅する光を放つ、ある惑星を巡る謎を解明することです。

同様に、他のタイポグラフィ構成の例も作成しました。

- タイムラプス -

ここに別の例があります。以前描いた深海の生物のイラストを使い、キャンバスの寸法に合わせて少しトリミングしました。その後、タイポグラフィを配置しました。結果は以下の通りです：

タイトル: 深海のモンスター

その支配領域に近づく者すべてに恐怖を植え付ける、恐ろしい生き物の噂がありました。深海の光を反射する輝く鱗と、不気味に滑る長い触手を持つこの海の怪物の伝説は、何世代にもわたって船乗りたちを怯えさせてきました。ある日、遠征隊が深淵の謎を調査することを決意し、その生き物と対峙することになります。