【タイトルデザイン】スター・ウォーズをphotoshopで簡単に作る方法

本記事では、映画スター・ウォーズのタイトルデザインをphotoshopで作る方法を解説します。

スター・ウォーズはさすが超有名な作品なので、世界中に大勢のファンがいます。
そのため、知名度は抜群なのでパロディには向いています。

しかも、スターウォーズ風のフォントがすでにあり、ダウンロードして使うことが出来ます。
フォントが用意してあるので、とっても簡単に作ることが出来ます。
photoshopでの加工手順も少ないので、初心者向けの素材と言えるでしょう。

ランディングページやブログのカテゴリタイトルなどのデザインに、ぜひいかがでしょうか？

【タイトルデザイン：スター・ウォーズ】
フォントをダウンロード＆インストールする

1. スター・ウォーズ風フォントのダウンロード先から、ダウンロードします。

   

2. ダウンロードフォルダを解凍・展開すると、フォルダやファイルがたくさんありますが、star_jedi＞starjedi＞Starjedi.ttfのみ使います。
   Starjedi.ttfをダブルクリックしてwindowsにフォントをインストールしてください。

    

   

   もし、photoshopを起動していながらフォントをインストールした場合は、photoshopを再起動しないと新しいフォントを認識しない場合があります。
   そのため、適宜、再起動を行ってください。

【タイトルデザイン：スター・ウォーズ】
ベタ文字でタイトルを入力する

1. テキストツールを選択します。

   

2. 先程インストールしたStar Jediを選択します。

   

   数あるフォントをしらみつぶしに探すと大変です。
   キーボードのsをクリックすると、Sから始まる名前のフォントにジャンプします。
   ただし、文字入力モードを英語にする必要があります。
3. STAR WARSと2段になるよう改行して入力します。
   カラーは黒で入力してください。

    

   

   Star Jediには、基本的に小文字がありません。
   しかし、キーボードで小文字切り替え（Shift+Caps Lock）を行うと少し書体が変わります。
   公式サイトなどで正しいデザインを確認しつつ、踏襲しましょう。
   ちなみに、今回の例ではＷとＡのみ小文字入力モードで入力しています。

    

   

4. メニュー：ウィンドウ＞段落から文字ツールパネルを表示します。

   

5. 入力したテキストを選択し、文字＞選択した文字のトラッキングを設定と段落＞段落前のアキを調整します。

   

   文字ツールパネルの数字は、各項目の左側を左右にドラッグすると感覚的に調整が可能です。

    

   

【タイトルデザイン：スター・ウォーズ】
レイヤースタイルでタイトルをデザインする

1. 入力したテキストレイヤーの右側をダブルクリックしてレイヤースタイルを表示させます。

   

2. 境界線を設定します。
   太さはサイズで調整してください。カラーは、今回は#f9cc31で設定してあります。

    

   

3. 背景の色を黒にします。
   今回は、新規塗りつぶしレイヤー＞ベタ塗りで黒背景レイヤーを挿入します。

    

   

4. 以上でスター・ウォーズのタイトルデザインが完成です。
   レイヤースタイルの変更で色々なバリエーションを作ることも可能です。

    

   

【タイトルデザイン：スター・ウォーズ】
おまけ：背景を宇宙風にする

STAR WARSの舞台は宇宙、ということで宇宙風の背景にするのもありだと思います。

1. 黒背景レイヤーの上に新規レイヤーを作成

   

2. ブラシで細かく白い点を書く。
   縁をぼかした白点や、少し大きさを変えたもの。

    

   

3. 白点レイヤーをスマートオブジェクトに変換する。

   

   スマートオブジェクトに変換することで、フィルター設定を非破壊的（可逆的）に編集できるようになります。
4. メニュー：フィルタ＞ぼかし＞ぼかし（移動）を選択する。
   プレビューにチェックを入れ、実際の変化を見ながら調整すると良いでしょう。

    

   

5. 完成です。

   

まとめ★タイトルデザイン：スター・ウォーズ

スター・ウォーズのタイトルデザインは、フォントとデザインが似ていれば、入力するテキストが違う場合でも、パロディだと伝わりやすいです。

ただ、日本語だと少し違和感が残るので、英語の方が適しているかもしれません。