Clip Studio では、さまざまなプロジェクトのアートワークを簡単に作成できます。

 

特に、小規模チームや個人開発のゲーム開発スタジオでは、このような柔軟性が必須です。Clip Studio を使用すると、ゲーム アセット、UI、プロモーション アート、さらにはロゴまですべて同じプログラムで作成できます。

 

このガイドでは、私がインディー ゲーム プロジェクトのロゴを作成するときの手順を紹介します。

 

ゲームのロゴに焦点を当てますが、このガイドは、ソーシャル メディアやその他のオンライン プレゼンスのブランド ロゴを作成する場合にも役立ちます。

 

さっそくロゴの作成に取り掛かりましょう。

 

手順は次のとおりです。

 

1. 下書きを作成します

 

2. テキスト ツールを使用してクリーンアップします

 

3. 図ツールとフリーハンドを使用して色と形状を追加します

 

4. 最後の仕上げとエクスポート

 

これらの手順を説明するために、「Pop! Love! Puzzle!」という架空のゲームのロゴを作成します。では、始めましょう。

---

1. 下書きを作る

デザインの方向性を決めるには、まずゲームに関する情報を集めて書き留めます。次の質問をします。ゲームのジャンルは何ですか? アクション、パズル、くつろげるゲーム? 対象とするユーザーは? 大人、カジュアル、家族向け? ゲームの雰囲気は? 不気味、陽気、ざらざら? 既存のゲームに似ていますか?

 

架空のゲームでは、カラフルな要素とかわいいキャラクター、花とハートのアクセントが付いたアーケード パズル ゲームがあるとします。ゲーム全体に楽しくてエネルギッシュなデザインを取り入れ、かわいいものが好きなカジュアルなユーザーをターゲットにします。

 

同じジャンルの他のゲームのロゴを確認し、オンラインで既存のロゴを閲覧して、インスピレーションを集め、「良い」ロゴとはどのようなものかアイデアを得ます。

 

これで、ロゴがどのような外観になるか大まかにわかったので、スケッチを始めます。少なくとも 3 つの非常に大まかなスケッチを作成し、色を追加します。ただし、あまり詳細を追加しないでください。遠くから見た外観の概要を把握するだけで十分です。

 

これが最終的に私が得たものです。

迷ったときは、友人、家族、同僚に、あなたのバリエーションの中から選んでもらいましょう。彼らの意見や提案を書き留め、それに応じて新しいスケッチをいくつか作成し、可能な限り最高の選択肢を構築してください。

---

2. テキストツールを使ってクリーンアップする

良いスケッチができたので、次はそれを整理していきましょう!

 

まず最初に、テキスト要素に使用するフォントを選択します。ゲームや製品を一般公開することになるため、使用するフォントが商用利用無料であることを必ず確認してください。

 

マージしたスケッチを取り出し、大きなサイズに拡大し、描画色を明るい色に設定します。下にある要素が見えて、混乱せずに上に描画できるように、明るい青、オレンジ、またはピンクをお勧めします。

ロゴを入力します。テキストはベクターなので、変換ツールを自由に使用して、品質を犠牲にすることなく希望のサイズにすることができます。

 

ツール プロパティの「文字間隔」と「行間」の設定を必ず確認してください。見栄えを良くするために必要に応じて文字間の距離を調整しますが、何よりも読みやすさを優先してください。

必要に応じて、個々の文字を選択して、サイズや大文字/小文字のスタイルを変更します。

字幕がある場合は、サイズやスタイルを変更して優先度を下げ、コントラストを追加してみてください。

各単語を別々のテキスト ボックスに分け、個別に回転できるようにしました。

テキストの変更が終わったら、その上にラスター レイヤーをクリップして色を追加します。

エアブラシとグラデーションは、適度に使用すると効果的です。ロゴが読み取れるように、十分なコントラストがあることを確認してください。

 

ここで、境界線機能を使用すると効果的です。

 

レイヤー プロパティ ウィンドウで、円を押して現在のレイヤーで「境界線効果」を有効にします。スライダーをドラッグしてサイズを変更し、「エッジ カラー」の横にある色の帯をクリックして色を変更します。

ゲームのロゴは、店舗、プロモーション画像、ロゴ単体など、さまざまな場所に表示されることを覚えておいてください。私は、作成したロゴが多用途でありながら読みやすいように、強い境界線を使用するようにしています。

 

境界線を簡単に重ねて、文字を際立たせるスタイリッシュな効果を得ることもできます。境界線のあるレイヤーをラスタライズし、円をもう一度押して 2 番目の境界線を追加します。必要に応じてレイヤーを複製して、元のテキスト レイヤーへの破壊的な変更を減らします。

これを実行するときは、ベース レイヤーの境界線を必ずオフにしてください。そうしないと、ベース レイヤーにクリップされたレイヤーが境界線の上に描画されます。

---

3. 図形ツールとフリーハンドを使って色と形を追加する

これで、ロゴの基本テキストが完成しました。次は、色、背景、シンボルを追加して試してみましょう。

 

色を選択するときはゲームのスタイルを維持するように努めているので、最初はエネルギッシュな色を選びました。エアブラシとグラデーションを使用して、各単語にゆっくりと深みを加えます。

各単語のベース レイヤーにクリップされたレイヤーを重ねると、破壊的な変更を加えずにさまざまな色を試したいときに役立ちます。

背景については、「Pop」と「Love」の文字の後ろにいくつかのシンプルな図形を配置し、全体をまとめる大きな雲の形を配置したいと考えました。

最終的な効果が得られれば、これらの図形は好きなように描くことができます。

 

図形ツールは、円、長方形、多角形に便利です。直線ツールと曲線ツールを使って図形を描くこともできます。必要に応じてサイズを変更できるきれいなロゴが必要な場合は、ベクターが適しています。

 

花には図形ツールを使用し、残りは手描きし、必要に応じて変形しました。人間の目はバランスと対称性を好みます。非対称なものにする場合は、各半分を視覚的にバランスさせるようにしてください。それを念頭に置いて、PopとLoveを少し動かして、すべてのバランスを取りました。

 

色については、テキストとあまり目立たない柔らかい色調を選択しました。花は非常に明るいので目立ちますが、コントラストの低いディテールになっています。

---

4. 最後の仕上げをしてエクスポートする

もうすぐ終わりです！この時点で、これまで行ったすべての作業をもう一度実行し、コントラストのために詳細を追加します。

 

作成するロゴの種類に応じて、必要に応じて詳細を追加または削減する場合があります。そのため、常にインスピレーションとして選択したロゴを参照して、軌道に乗るようにしてください。

 

私のロゴでは、背景に深みを持たせるために、さらにいくつかのグラデーションとハーフトーンを追加しました。また、興味を引くために、雲の形に紫と青の柔らかいパッチを追加しました。さらに目立つようにするために、すべての境界線のあるレイヤーを二重にして、わずかに移動して 3D 効果を出しました。

 

単語の上にさらに別のレイヤーをクリップして、フリーハンドで大きなハイライトを描きました。

Pop と Love には、白ではなく色のハイライトが使われており、それによって視聴者の視線が一気にあちこちに引きずられることがありません。

新しい補正レイヤーを作成し、彩度を 0 に下げました。詳細を追加しながら、そのレイヤーのオン/オフを切り替えて、コントラストが維持され、必要な場所 (テキスト、注目を集める場所、読みやすい場所) に維持されていることを確認しました。

 

詳細の追加と削減を続け、休憩を取り、参照ロゴを確認して、どのように仕上げたいかを明確に把握します。

 

ナビゲーター ウィンドウを開いて定期的にチェックすると、遠くから見てもロゴがきれいに見えるかどうかも確認できます。

これでロゴが完成しました。これが最終結果です。小さな変更を積み重ねたおかげで、最後のステップと比べて見た目がずっと良くなりました。

この時点で、最大サイズ（長さ 3000 ピクセル以上）でエクスポートします。また、さまざまな素材（バナー、カバー アートなど）で使用できるように、サイズを縮小したコピーをいくつか保存します。

 

また、どちらかの部分を個別に必要になった場合に備えて、ロゴのテキスト部分を単独で保存し、背景パネルでも同じことをすることをお勧めします。

 

 

複数のレイヤーを作成してクリッピングしているので、クリッピングしたレイヤーを削除して、ゲーム内で使用される可能性のあるロゴの簡略版を保存することもできます。私が作成したすべてのバリエーションを以下に示します。

これで完了です。これで、必要な場所でいつでも当社のロゴを使用できるようになりました。

お読みいただきありがとうございました。