前書き

みなさん、こんにちは！今日は、80年代のスタイルを連想させるタイポグラフィを作成する方法をお教えします。このスタイルは、アウトラン、シンセウェーブ、またはレトロウェーブと呼ぶことができます。クローム文字、ネオン色、鮮やかなグラデーションが特徴です。この効果を実現するためにできることはたくさんありますが、今日は、クロム文字の作成方法と、タイポグラフィ用のネオン効果について説明します。

 

そのためには、大胆な活版印刷と手書きの活版印刷が必要になります。太字にはMontserrat Black 900、手書きにはDafoeを使用します。どちらも、Google Fontsにあるオープンソースタイプです。

 

 よし、それはさておき、それでは始めましょう！

クロム文字：

[1]クロムは最も難しいので、最初にクロムから始めましょう。メインフィルの場合：

[1.1]必要な単語を太字で書いてください。レイヤーを右クリックし、[ラスタライズ]を選択してラスタライズします。

 

[1.2]エフェクトを作成したい単語を複製します。この場合、「RETRO」の単語になります。今度は上の複製に取り組みます。

[1.3]黒と青の2つの部分でグラデーションを作成します。黒、紫、白（他の色でもかまいません！）最初の白と2番目の黒は非常に近く、それらの間にグラデーションはありません。

[1.4]透明度をロックして、作成したグラデーションに単語を付けます。最初と最後の両方の色が表示されていることを確認してください。文字の上に置くときにキーボードの[shift]を押して、グラデーションをまっすぐにします。

[2]国境について：

[2.1]下部の複製で、[レイヤープロパティ]パネルの[ボーダー効果]をクリックします。これにより、選択した太さの境界線が文字になります。

[2.2]このボーダーで作業するので、目的の幅になったらレイヤーをラスタライズする必要があります。

[2.3]このボーダーのみを使用するため、フィルレイヤーを右クリックし、[レイヤーからの選択]> [選択範囲の作成]を選択して、ボーダーレイヤーのこのスペースを削除することで、フィルを含むパーツを削除できます。

[2.4]次に、2つのライトブルーのグラデーションで色を付けます。レイヤーの透明度をロックします。私たちのグラデーションには、色の繰り返しがいくつかあります（6〜8回の繰り返しでも問題ありません）。グラデーション自体、またはグラデーションの[サブツール詳細パレット]（[ツールプロパティ]パネルの右下隅にあるレンチシンボル）の[エッジプロセス]> [リバース]オプションを使用してそれを行うことができます。

満足のいく効果が得られるまで、グラデーションの角度を変えてみてください。

 

[3]これらの境界をメタリックに見せてみましょう：

[3.1]ボーダーの上に新しいレイヤーを作成します。このレイヤーは「カラーバーン」に設定されます。

[3.2]ボーダーレイヤーのセレクションを作成し、新しいレイヤーに移動します。

[3.3] [ポリライン選択ツール]を[選択から削除]に設定して、各文字の異なる部分の選択を解除します。これを整然と行うと、次のように、各領域が境界線の反射面であるような錯覚を作成できます。

[3.4]選択範囲を、[エッジプロセス]> [リバース]に設定された黒から白のグラデーションで覆います。満足するまで試してください。

[3.5]国境の一部だけがこの効果を持っています。残りの部分をやってみましょう。ボーダーレイヤーから選択範囲をもう一度作成します。新しいメタリックレイヤーに移動し、レイヤーを右クリックして[レイヤーからの選択]> [選択の削除]に移動して、選択範囲からその領域を削除します。これにより、以前に選択しなかった領域が表示されます。

[3.6]ステップ[3.4]を繰り返します。同じレイヤーまたは新しいレイヤーで実行できます。前の領域には影響しません。これを2つのバッジで行うことで、パーツごとに異なる角度ができます。

[4]装飾ブラシSparkle Aで光沢のあるスポットを追加して、Chromeエフェクトを完成させましょう。

[4.1] [サブツールの詳細パレット]> [ストローク]> [繰り返しの方法]> [ランダムサイクル]に移動して、1つの輝きを与えるようにしました。

[4.2]ツールのプロパティパネルで角度も変更しました。

[4.3]ランダムにあなたの手紙を輝かせてください！

クローム効果はこれで完了です！次のようになります。

これらすべてのレイヤーをグループ化し、ステップ[7]でそれらを使用して何かを行います。とりあえず、ネオンの手紙を書いてみましょう。

ネオン文字：

[5]最初に、文字をネオン管のように見せましょう。

[5.1]テキストを選択した状態で、[テキスト編集]パネルの[サブツール詳細パレット]> [フォント]> [書体を開く]> [書体を太字で開く]を開きます。これにより、細い境界線が表示されます。

[5.2]ボーダーを広げるためにボーダー効果を与えます。手順[2.1]に従います。これでレイヤーをラスタライズできます。

※ネオンサインは、通電すると色が変わるガスが封入されたチューブでできています。ガスと電気は管の終わり/初めにつながっています（これについては私に引用しないでください。ドキュメンタリーで見ただけです）。このエフェクトを作成するために、「チューブ」の一部の領域を削除しました。望むならそうすることができます。

   

[5.3]レイヤーを複製します。上のレイヤーは薄いピンクになり、下のレイヤーはホットピンクになります。

*レイヤーの色を変更する方法はたくさんあります。選択したい色で：（1）[編集]> [描画色に変換]に移動します。または（2）レイヤーの透明度をロックし、[コマンドバー]のバケットアイコンをクリックします。より高度な方法は、色調補正を使用することです。[編集]> [色調補正]> [色相/彩度/明度]、または] [グラデーションマップ]、または[レベル補正]に移動します。このメニューに慣れてください。

 

[5.4]下のレイヤーで、[フィルター]> [ぼかし]> [ガウスぼかし]に移動して、グロー効果を与えます。それを複製し、複製をマージして色を強調します。

[5.5]このレイヤーの描画モードを追加（グロー）に設定します

 

 

それで全部です！本当にシンプルでしょ？ホットピンクの文字を作成してから、背景に移動します。

ピンク文字：

[6]それらに色を付けましょう：

[6.1] 2つのピンクのグラデーションを与えます。下部に濃いピンクを入れました。レイヤーを複製します。

[6.2]上の複製で、[フィルター]> [ぼかし]> [ガウスぼかし]に移動して、グロー効果を与えます。追加（グロー）に設定し、不透明度を下げます。

[6.3]下の複製で、[フィルター]> [ぼかし]> [強いぼかし]に移動して、境界を柔らかくします。

 

これは、次のようになります。

[7]あと少しで完了です。ピンクとネオンの文字の輝きをクロームの文字に反映させて、それらが同じ空間にあるような錯覚を作り出します。

[7.1]ネオン文字を含むグループの上に新しいレイヤーを作成します。グループにクリップします。

[7.2] [ソフト]エアブラシを使用して、ピンク色の文字の色を取り、「レトロ」文字の上部の領域全体にまばらにします。ネオンの文字を使って底にも同じことをしてください。それら全体を覆うことは避けてください。効果は微妙です。メタリックなものの上に光っている歌を想像してみてください。

[7.3]レイヤーを[色]に設定し、不透明度を下げます。

バックグラウンド：

[8]了解しました。手紙はこれで終わりです。それでは、背景に少し味を加えましょう。

[8.1]すべての下にある新しいレイヤーで、ソフトエアブラシを取り、単語からメインカラーを選択します。私にとって、それはピンク、ブルー、そしてピンクでした。

[8.2]文字の下とキャンバスの周りの領域をペイントして、アンビエントとソフトグローを作成します。

[8.3]このレイヤーを追加（グロー）に設定し、不透明度を下げます。

 

*これは、さまざまな効果のために複数のレイヤーで行うことができます。

[8.4]次に、コントラストを作成してデザインを読みやすくするために、背景に三角形を追加しました。ポリラインツールで不規則な三角形を描き、グラデーションを付けるだけで完了です。少し積載しすぎた気がして、未定でした。

*これらの写真では、テクスチャとノイズを見ることができます。私は通常、このステップを最後まで残しますが、新しいテクスチャを実験していたので、途中で終了しました。ノイズが必要な場合は、すべての上にレイヤーを作成し、それをグレーで塗りつぶし、[フィルター]> [レンダリング]> [危険ノイズ]に移動して、オプションを操作します。小さなスケールと振幅は常に私が望む結果を与えてくれます。完了したら、オーバーレイに設定し、不透明度を下げます。

シンセウェーブの美学は、ビデオゲームから大きく影響を受けています。そのため、コンポジションでそれらの要素を確認するのが一般的です。ワイヤーフレームテレインは非常に人気があり、不完全なゲームをプレイしているように見えます。 2つのバージョンを作成する方法を紹介します。

 

 

[9]サムネイルのワイヤーフレームの場合：

[9.1]図形ツールで正方形を描きます。ツールのアンチエイリアスが[なし]に設定されていることを確認してください。そうしないと、タイル化したときに四角形の間にスペースが残ります。

[9.2]レイヤーを右クリックし、[レイヤーの変換]> [タイプ]> [画像素材レイヤー]を選択して、レイヤーを画像素材に変換します

[9.3]操作ツールを選択します。ツールプロパティパネルの下部で、[タイリング]オプションをオンにします。グリッドが表示されます。

[9.4]適切なサイズが見つかるまでメインの正方形を編集します。その場合、レイヤーをラスタライズします。ステップ[9.5]は少しトリッキーになる可能性があるため、ラスタライズする前に複製することをお勧めします。

[9.5] [編集]> [変形]> [自由変形]に移動し、図のような台形の形状になるまでボックスの角を移動します。正方形は、遠近グリッドのように見えるはずです。ボックスが小さすぎるか、大きすぎるように見える場合があります。ステップ[9.4]に移動して、正方形を大きくしたり小さくしたりしてください。多分、もう一度描画して（ステップ[9.1]）、Figureツールをより細いブラシサイズに設定します。満足するまで試してください。

[9.6]別のレイヤーに直線を描き、水平線があるべき場所に配置します。

[9.7]両方のレイヤーを複製し、上部の複製に任意の色を与えます。以前と同じように、ネオン効果を作成します。

[9.8]上部の複製にガウスぼかしを与えます（ステップ[5.4]と[6.2]）。 「追加（グロー）」に設定してください。地平線のぼかしで行ったように、グローを強くしたい場合は、ぼかしバージョンを複製できます。

[10]この効果がネオンの字幕と競合することを恐れていたので、別の方法でデザインすることにしました。

[10.1]手順[9.1]から[9.5]を正確に実行します。

[10.2]透明度をロックします。グラデーションツール>グラデーションの消去を選択し、水平線を消去します。そのようにそれはそれが永遠に続くように見えます。

[10.3] [編集]> [変形]> [メッシュ変形]に移動し、グリッド上のいくつかのポイントを移動して、不規則な地形のように見せます。それがどれほど微妙であるか、または明白であるかは、あなた次第です。微妙な例と非常にはっきりした例の2つの例を以下に示します。

[10.4]希望の色に変更し、不透明度を下げれば完了です。

 

最初のグリッドの例に不規則性を追加することもできます。実験して楽しんでください。

それでおしまい！終わったね！

終わりに

私のデザインにはさまざまな要素が含まれています。あなたが望むように、さまざまなものを組み合わせて組み合わせたいと思っていたからです。活気があり不快でなければ、80年代のスタイルを叫ぶことはありませんよね？

 

これを含め、今後作成するすべての設計では、参照を探し、好きなものを選択し、設計者が作成したと思う方法をリバースエンジニアリングすることを常にお勧めします。なぜ彼らはこれらの色を選んだのですか？他に何ができますか？この効果を得るにはどうすればよいですか？それは、アーティストとしてのキャリア全体を通して必要となる発見と実験の経路を案内します。

 

このチュートリアルをお楽しみください。ご不明な点がありましたら、コメントとしてコメントに記入してください。そしてそれが役に立ったなら、私はあなたが何をしたかを見たいです！ Instagramの@ apey.artまたはTwitterの@apey_artで私にタグを付けることができます。