AdobePhotoshopで5つのステップでネオンテキストを作成する方法

Photoshopでネオンテキストを作成する方法のチュートリアル

AdobePhotoshopが提供する 素晴らしいブレンドツール。 使い方を知っていて、細部にまで気を配っていれば、無限に作成することができます 非常にリアルな効果。 グラフィックデザインでは、ファッションと同様にすべてが復活し、今年は80年代の美学が再びトレンドになったのを目の当たりにしました。 印象的な色、暗い画像、さまざまなテクスチャ、ネオンライト、これらの要素はポスターや広告キャンペーンに殺到し、違反のXNUMX年に私たちを連れ戻します。

ネオンライトは古典的です XNUMX年代からの広告の、それで私はこのポストのためにそれらを回復したかった。 そう、 AdobePhotoshopでネオンテキストを作成する方法を5つの簡単なステップで紹介します。

適切な背景を選択してください

さまざまな色の背景に適用できるのは事実ですが、 暗い背景を選択すると、結果はより良く、はるかに現実的になります。 黒の背景で直接行うことも、テクスチャを選択することもできます。 この場合、暗いレンガの壁をシミュレートする背景を選択し、水平位置でA4サイズのファイルを処理します。

フォントとテキストサイズの選択

ネオンテキストを作成するには 太いフォントを選ぶことをお勧めします、重くて少し伸びている、もはや理由だけではない 効果を適用すると、より適切になります、しかし、厚い書体は80年代に非常にファッショナブルだったからです。 サイズ、それはあなたのデザインのニーズに大きく依存します と選択したフォント。 ただし、この効果は小さなテキストではなく、 大きな目を引くテキスト。 もう一つのこと あなたが考慮しなければならないのは文字間のスペースですこのデフォルトスペースが非常に小さいフォントを選択した場合は、拡大する必要があります。心配しないでください。 次に、その方法を説明します。

私の場合、 «Impact»フォントを選択しました そして私は彼に 100ポイントサイズ。 文字間のスペースが狭いので、 追跡時の値10。 その値を変更することにより、各文字間のスペースを変更します。

ネオンチュートリアルは、トレースとフォントサイズを選択します

この配置をテキストに単純に与えるには 配置オプションを変更しました 通常は画面上部に表示される「テキストメニュー」で。 あなたはしなければならない «中央のテキスト»を選択します。 ページの中央に配置するには、Ctrl + T(Windowsで作業している場合)またはcommand + T(Macで作業している場合)を押すと、自由に移動できます。

ネオンチュートリアルはテキストを揃えて中央に配置します

テキストレイヤーのスタイルを変更する

テキストを作成したら、次のことを行います。 塗りつぶしを0%に下げます。 テキストは消えますが、慌てる必要はありません。何も悪いことはしていません。それだけです。

ネオンチュートリアルテキストレイヤーの塗りつぶしを0%に変更

次に、 テキストレイヤーのスタイルを変更する。 このためにあなたはしなければなりません レイヤースタイルメニューを開く:[レイヤー]タブにカーソルを合わせると、ドロップダウンメニューが開き、[レイヤースタイル]にカーソルを合わせてクリックします 「フュージョンオプション」。 メニューが開きます、あなたはしなければなりません ストロークオプションを選択します 次の要素を変更します:サイズと色。 カラーは ターゲットを選択します。 サイズについては、タイポグラフィと選択したフォントの種類によって異なるため、正確な値を示すことはできません。 私の場合、修正しました 7のストロークサイズ、重要なのは 厚すぎない そのため、エフェクトを追加するときに読みやすさが失われることはありません。

ネオンチュートリアルブレンドオプションメニューの表示方法

ネオンチュートリアルストロークを選択してテキストレイヤーのスタイルを変更する

続行する前に、 テキストと効果を含むグループを作成します (トレース効果)。 グループを作成するには、単に 選ぶ テキストレイヤーとヒットコマンド+ G。 これから、そのグループにエフェクトを適用します。

ネオンチュートリアルグループの作成方法

ネオン効果を適用する

最も興味深いものが始まるので、今、多くの注意を払う準備をしてください。 «グループテキスト+エフェクト»を選択します レイヤースタイルメニューを再度開きます (「fx」記号を選択して開くこともできます)。 次に、 「アウターグロー」効果。 繰り返しますが、この効果に与える値はデザインのニーズによって異なります。オプション«をアクティブにしてください。プレビュー»設定がどのようになっているかを同時に確認するには。 私の場合、印象的なピンク色を選びました。 85%の不透明度。 また、テクニックを選択する必要があります。「スムーズ」オプションを選択し、「拡張」と「サイズ」の値を調整することをお勧めします。 私はあなたを下に置きます スクリーンショット 値で それは私のデザインに役立っています。

ネオンチュートリアルテキストに外側のグロー効果を適用する

よりリアリズムを得る

ご覧のとおり、私たちが持っているものはすでにネオンテキストと見なすことができますが、結果を可能な限り現実的にしたい方法を説明します デザインを改善するためのいくつかのヒント。 本物のネオンテキストが光を放つPhotoshopでその光をシミュレートできますか? はい、もちろんできます。そのシンプルさに驚かれることでしょう。

ブラシツールを選択して構成します

あなたがしなければならない最初のことは 新しいレイヤーを作成する。 次に ブラシツールを選択します を選択します 「拡散円形」チップ。 ブラシの特性をカスタマイズする必要があります。 サイズを変更することから始めます。理想は 先端の厚さは、テキストボックスが占める厚さよりもわずかに大きくなっています (2390ピクセルの値を指定する必要がありました)。 また、する必要があります 形を少し変える ブラシの場合、これを行うには、ブラシメニューのグラフィックにある白い点を移動し、円を少し平らにして、テキストの形状にうまく適合させます。 不透明度を下げます、これはそれぞれの個人的な好みに少し依存します、私は効果が柔らかいのが好きなので、私は下げました 21%の不透明度。 最後に、ブラシの色を選択し、 塗りつぶしは、外側の輝きを与えたのとまったく同じ色にする必要があります (この場合はピンク)。 色を同じにするには、XNUMXつのオプションがあります。指定されたカラーコードをコピーするか、その色をサンプルとしてライブラリに追加します。

ネオンチュートリアル光の効果を与えるためにブラシを設定する

ネオンチュートリアルカラーコードをコピーする方法

柔らかな光の効果を得る

ブラシをセットしたら、 テキストの中央をクリックする必要があります ポイントをペイントします。 そのポイントはすでにライトをシミュレートしますが、より細かい結果を達成するために 「テキスト+効果」のグループの下にレイヤーを配置することをお勧めします。 Adobe Photoshopを使用して5つのステップでネオンテキストを作成する方法に関するこのチュートリアルがお役に立てば幸いです。このデザインを独自のものにする準備ができました!

ネオンチュートリアルカスタムブラシを使用して新しいレイヤーにポイントをペイントします

ネオンチュートリアル、グループの下のレイヤーを移動し、最終結果を取得します

 


記事の内容は、次の原則に準拠しています。 編集倫理。 エラーを報告するには、 ここで.

コメントを最初に

コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。