1月 1, 2022

Photoshopのレイヤースタイルで落書きテキスト効果を作成する方法

このチュートリアルでは、私はPhotoshopで落書きテキスト効果を作成する方法を紹介します。 私たちは、レイヤースタイルとブレンドオプションから”ブレンドIf”機能を使用します。

私たちが作成するテキストエフェクトは、あなたが世界で最高の落書きの手紙のいくつかを見つけることができますEnvato要素から落書きスタイ 10種類のスタイルを持つこの落書きPhotoshopのテキスト効果のように。

Envato要素に対するグラフィティテキストエフェクトEnvato要素に対するグラフィティテキストエフェクトEnvato要素に対するグラフィティテキストエフェクト

ショートカットをお探しですか? これらのグラフィティテキストフォントのいずれかをダウンロードして、グラフィティテキストを迅速かつ簡単に作成することができます:

  • フォント
    30+最高のグラフィティフォント
    メロディNieves

私たちのEnvato Tuts+YouTubeチャンネルで私たちと一緒にフォローしてください:

Tutorial Assets

このグラフィティテキストエフェクトPhotoshopチュートリアルでは、次のアセットが使用されました:

  • レンガの壁オリジナル:未編集の画像
  • レンガの壁(編集):背景の画像
  • Graffogie:フォント

1. 背景とテキストを設定する方法

ステップ1

私たちは、このPhotoshopのチュートリアル落書きテキストのためのレンガの壁の背景を使用します。 Photoshopを開き、新しい文書を作成する代わりに、ファイル>を開くに移動します。.. そして、レンガの壁を選択します。チュートリアルのアセットからjpg。 あなたは別の背景を試してみたい場合は、Envato要素に多くの壁の背景のいずれかを試すことができます。

レンガの壁レンガの壁レンガの壁

ステップ2

タイプツール(T)を使用して、サイズが285ptのGraffogieグラフィティテキストフォントを選択し、アートボードに”投票” 次に、>Warp Textと入力し、Bend:21%、Horizontal Distortion:-29%、Vertical Distortion:22%のShell Upperを選択し、OKを押します。 最後に、あなたのアートボード上の文字”V”のみを選択し、あなたのキャラクターパネルに移動し、-75に追跡を設定します。

タイプ投票タイプ投票タイプ投票

ステップ3

タイプツール(T)を再度使用して、同じグラフィティテキストフォントで”for”と”Pedro”の二つの単語を 各単語がそれぞれのレイヤー上にあることを確認します。 フォントサイズ116ptと75を追跡して”のために”と書いてください。 次に、フォントサイズ255ptと75を追跡して新しいレイヤーに”Pedro”を書きます。

type for and pedroType for and pedroType for and pedro

ステップ4

移動ツール(V)を使用して、落書きスタイルの文字を一緒に移動します。 次に、あなたのレイヤーパネル内のすべての三つのテキストレイヤーを選択し、Control-Tを押して今-8°に回転を設定します。 最後に、Photoshopのテキストエフェクトの作成を開始する準備が整いました。

2. 最初のグラフィティテキストエフェクトを作成する方法

ステップ1

グラフィティテキストレイヤー”投票”を選択することから始めましょう。 次に、レイヤー>レイヤースタイル>ブレンディングオプションに移動します。.. そして、次のレイヤースタイルを適用します。

ブレンドオプションでは、次の設定を使用します:

  • 高度なブレンド:0%
  • ブレンドif:Grey
  • 下のレイヤー:白いマーカーをAltキーを押しながら(macユーザー Optionキーを押しながら)クリックして分割し、左の部分を161に、右の部分を236に設定します。
ブレンドオプションの追加ブレンドオプションの追加ブレンドオプションの追加

ステップ2

これらの設定でベベルとエンボスを追加:

  • スタイル:インナーベベル
  • テクニック:チゼルハード
  • 深さ:144%
  • 方向:アップ
  • サイズ:8px
  • 軟化:0px
  • 使用グローバルライトボックス
  • 角度:98º
  • >

  • 高度:30º
  • アンチエイリアスボックスをチェック
  • ハイライトモード:色#035b7cと不透明度でオーバーレイ: 100%
  • シャドウモード:カラー#ff3000と不透明度でオーバーレイ: 88%
ベベルとエンボスを追加するベベルとエンボスを追加するベベルとエンボスを追加する

ステップ3

これらの設定でグラフィティテキストエフェクトに内側の影を追加する:

  • ブレンドモード:ノーマル
  • カラー: #000000
  • 不透明度:100%
  • グローバルライトを使用ボックスのチェックを外します
  • 角度:-94º
  • 距離:0px
  • チョーク:0%
  • サイズ:10px
  • 輪郭: コーン
  • アンチエイリアスボックス
  • ノイズをチェックします: 11%
内側の影を追加する内側の影を追加する内側の影を追加する

ステップ4

これらの設定で内側のグローを追加します:

  • ブレンドモード:ノーマル
  • カラー: #000000
  • 不透明度:19%
  • ノイズ:61%
  • テクニック:精密
  • ソース:センター
  • チョーク:1%
  • サイズ:10px
  • 輪郭:円錐反転
  • アンチエイリアスボック9048>
  • : 50%
インナーグローを追加するインナーグローを追加するインナーグローを追加する

ステップ5

これらの設定でサテンスタイルを追加する:

  • ブレンドモード:オーバーレイ
  • カラー: #64ec87
  • 角度:90°
  • 距離:19px
  • サイズ:24px
  • 輪郭:半円
  • アンチエイリアスボックスをチェックします
  • 反転ボックスをチェックします
サテンを追加するサテンを追加するサテンを追加する

ステップ6

これらの設定でグラデーションオーバーレイを追加します:

  • ブレンドモード:リニアバーン
  • ディザボックスをチェック
  • 不透明度:6%
  • スタイル:リニア
  • 角度:90º
  • スケール:60%
  • グラデーションをクリッ
  • 色は色で停止します#000000場所上:0%と100%
  • 不透明度で停止します:場所上:0%
  • 不透明度で停止します:場所上:0%
  • 不透明度で停止します:場所上:0%
  • 不透明度で停止します:場所上:100%: 100%
グラデーションを追加するグラデーションを追加するグラデーションを追加する

ステップ7

これらの設定で外側のグローを追加します:

  • ブレンドモード:リニアバーン
  • 不透明度:29%
  • カラー: #000000
  • 技術:精密な
  • 広がり:50%
  • サイズ:3px
  • アンチエイリアスボックスをチェックします
外側のグローを追加する外側のグローを追加する外側のグローを追加する

ステップ8

このグラフィティテキストエフェクトPhotoshopチュートリアル このテキストエフェクトの最後のステップとして、次の設定でドロップシャドウを追加します:

  • ブレンドモード: 通常
  • 色を選択します#000000
  • 不透明度:95%
  • グローバルライトを使用ボックスのチェックを外します
  • 角度:90°
  • 距離:5px
  • スプレッド:39%
  • サイズ:24px
  • サイズ:24px
  • サイズ:24px
  • サイズ:24px
  • サイズ:24px
  • サイズ:24px
  • サイズ:24px
  • サイズ:24px
  • アンチエイリアスボックスにチェックを入れます
  • ノイズ: 10%

ヒットOKすべての変更を適用します。

ドロップシャドウを追加ドロップシャドウを追加ドロップシャドウを追加

グラフィティテキストフォントに適用された最初のグラフィティテキストエフェクトの結果です。

部分的な結果部分的な結果部分的な結果

3. 2番目のグラフィティテキストエフェクトを作成する方法

ステップ1

“for”グラフィティテキストレイヤーを選択し、レイヤー>レイヤースタイル>ブレンディングオプションに移動します。.. グラフィティレターフォントに次のレイヤースタイルを適用するには、次の手順を実行します。

ブレンドオプションでは、次の設定を使用します:

  • 高度なブレンド:0%
  • ブレンドif:グレー
  • 下にあるレイヤー: 白いマーカーをAltキーを押しながらクリック(macユーザー Optionキーを押しながらクリック)して分割し、左の部分を158に、右の部分を217に設定します。
ブレンディングオプションを追加ブレンディングオプションを追加ブレンディングオプションを追加

ステップ2

これらの設定でグラフィティ文字の3Dテキストエフェクトにベベルとエンボスを追加します:

  • スタイル:内側ベベル
  • テクニック:滑らかな
  • 深さ:100%
  • 方向:アップ
  • サイズ:8px
  • 柔らかく:0px
  • 使用グローバルライトボックス
  • 角度: 90º
  • 高度:30º
  • アンチエイリアスボックスをチェック
  • ハイライトモード-不透明度:0%
  • シャドウモード:色#000000と不透明度を掛けます: 50%
ベベルとエンボスを追加するベベルとエンボスを追加するベベルとエンボスを追加する

ステップ3

これらの設定でストロークを追加:

  • サイズ:1px
  • 位置:外側
  • 塗りつぶしタイプ:カラー
  • カラー: #000000
ストロークを追加するストロークを追加するストロークを追加する

ステップ4

これらの設定で内側の影を追加します:

  • ブレンドモード:ノーマル
  • カラー: #000000
  • 不透明度:100%
  • グローバルライトを使用ボックスのチェックを外します
  • 角度:-94º
  • 距離:0px
  • チョーク:18%
  • サイズ:5px
  • アンチエイリアスボック: 11%
内側の影を追加する内側の影を追加する内側の影を追加する

ステップ5

これらの設定で内側のグローを追加します:

  • ブレンドモード:ノーマル
  • カラー: #000000
  • 不透明度:30%
  • ノイズ:61%
  • テクニック:精密
  • ソース:エッジ
  • チョーク:1%
  • サイズ:4px
  • アンチエイリアスボックスをチェック
  • 範囲: 50%
内側のグローを追加する内側のグローを追加する内側のグローを追加する

ステップ6

これらの設定でドロップシャドウを追加して、このグラフィティ:

  • ブレンドモード:ノーマル
  • 色を選択#000000
  • 不透明度:956%
  • グローバルライトを使用ボックスのチェックを外します
  • 角度:90°
  • 距離:5px
  • スプレッド:27%
  • サイズ:18Px
  • アンチエイリアスボックス
  • ノイズをチェックします: 17%

[OK]を押してレイヤースタイルを適用します。

ドロップシャドウを追加ドロップシャドウを追加ドロップシャドウを追加

これは、クールなグラフィティ文字に適用された第二のグラフィティテキストエフェクトの結果です。 あなたは素晴らしいやっている—私たちはほとんど落書きテキストにこのPhotoshopのチュートリ

部分的な結果部分的な結果部分的な結果

4. 第三のグラフィティテキストエフェクトを作成する方法

ステップ1

“pedro”グラフィティレターフォントレイヤーを選択し、レイヤー>レイヤースタイル>ブレンディングオプションに移動します。.. 次のレイヤースタイルを適用します。

ブレンドオプションでは、次の設定を使用します:

  • 高度なブレンド:0%
  • ブレンドif:Grey
  • 下のレイヤー:白いマーカーをAltキーを押しながら(macユーザー Optionキーを押しながら)クリックして分割し、左の部分を139に、右の部分を201に設定します。 次に、黒いマーカーを分割し、その右側の部分を80に設定します。
ブレンドオプションの追加ブレンドオプションの追加ブレンドオプションの追加

ステップ2

これらの設定でベベルとエンボスを追加:

  • スタイル: 内部の斜角
  • 技術:のみの懸命に
  • 深さ:144%
  • 方向:上
  • サイズ:8px
  • 柔らかくなる:0px
  • 使用全体的なライトボックスのオフ
  • 角度:98º
  • 角度:98º
  • 高度:30º
  • アンチエイリアスボックスをチェック
  • ハイライトモード:色#1faee3でオーバーレイし、不透明度:100%
  • シャドウモード:色#ce43dbでオーバーレイし、不透明度:100%
  • シャドウモード:色#ce43dbでオーバーレイし、不透明度:100%
  • シャドウモード:色#ce43dbでオーバーレイし、不透明度:100%
  • : 88%
ベベルとエンボスを追加するベベルとエンボスを追加するベベルとエンボスを追加する

ステップ3

これらの設定でグラフィティレターフォントテキストエフェクトに内側の影を追加する:

  • ブレンドモード:ノーマル
  • カラー: #000000
  • 不透明度:100%
  • グローバルライトを使用ボックスのチェックを外します
  • 角度:-94º
  • 距離:0px
  • チョーク:0%
  • サイズ:10px
  • 輪郭:円錐
  • アンチエイリアスボック
  • ノイズ: 11%
内側の影を追加する内側の影を追加する内側の影を追加する

ステップ4

これらの設定で内側のグローを追加します:

  • ブレンドモード:リニアダッジ(追加)
  • カラー: #dd8925
  • 不透明度:33%
  • ノイズ:47%
  • テクニック:精密
  • ソース:センター
  • チョーク:58%
  • サイズ:16px
  • アンチエイリアスボックスをチェック
  • 範囲: 50%
インナーグローを追加するインナーグローを追加するインナーグローを追加する

ステップ5

これらの設定でサテンエフェクトを追加する:

  • ブレンドモード:オーバーレイ
  • カラー: #f08d18
  • 角度:90°
  • 距離:19px
  • サイズ:24px
  • 輪郭:半円
  • アンチエイリアスボックスをチェックします
  • 反転ボックスをチェックします
サテンを追加するサテンを追加するサテンを追加する

ステップ6

これらの設定でグラデーションオーバーレイを追加します:

  • ブレンドモード:リニアバーン
  • ディザボックスをチェック
  • 不透明度:6%
  • スタイル:リニア
  • 角度:90º
  • スケール:60%
  • グラデーションをクリッ
  • 色は色で停止します#000000場所上:0%と100%
  • 不透明度で停止します:場所上:0%
  • 不透明度で停止します:場所上:0%
  • 不透明度で停止します:場所上:0%
  • 不透明度で停止します:場所上:100%: 100%
グラデーションを追加するグラデーションを追加するグラデーションを追加する

ステップ7

これらの設定で外側のグローを追加します:

  • ブレンドモード:リニアバーン
  • 不透明度:29%
  • カラー: #000000
  • 技術:精密な
  • 広がり:40%
  • サイズ:2px
  • アンチエイリアスボックスをチェックします
外側のグローを追加する外側のグローを追加する外側のグローを追加する

ステップ8

このグラフィティスタイルの文字のテキストエフェクトの最後のステップとして、これらの設定でドロップシャドウを追加します:

  • ブレンドモード:ノーマル
  • 色を選択#000000
  • 不透明度: 96%
  • 使用グローバルライトボックスのチェックを外します
  • 角度:90°
  • 距離:5px
  • スプレッド:39%
  • サイズ:24px
  • アンチエイリアスボック: 10%

[OK]を押してテキスト効果を適用します。

ドロップシャドウを追加ドロップシャドウを追加ドロップシャドウを追加

おめでとう! もう終わりだ!

このグラフィティテキストエフェクトPhotoshopのチュートリアルでは、Adobe Photoshopでいくつかのクールなグラフィティテキストエフェクトを作成するためにレ

私たちは、Photoshopで私たちのテキスト落書きを作成することから始め、その後、我々は壁に三つの異なる落書き効果にブレンディングオプションとレイヤースタイ

最終結果最終結果最終結果

もっとクールなPhotoshopのテキスト効果のチュートリアルを探る

あなただけチェックしたPhotoshopのチュートリアルグラフィティテキストは、私たちが持っている唯一のものではありません。 あなたは多くのテキスト効果を学ぶことができ、クールな落書きの手紙だけではありません! ここでは、あなたが楽しむことができるいくつかの他のチュートリアルがあります:

  • テキストエフェクト
    Adobe Photoshopで漫画のテキストエフェクトを作成する方法
    Jan Stverak
  • レイヤースタイル
    3D黒と金のテキストとロゴモックアップを作成する方法
    Jan Stverak
  • テキストエフェクト
    クイックヒント:レイヤースタイルを使用してPhotoshopでロイヤルゴールドテキストエフェクトを作成
    Jan Stverak
  • テキストエフェクト
    クイックヒント: Photoshop
    Jan Stverakで光沢のある金の古い世界のテキストエフェクトを作成します

Envato要素からトップ5落書きロゴPhotoshopのアドオン

私はあなたが私の落書きテキスト効果Photoshopのチュートリアルを楽しんできた願っています。 さて、私はあなたのEnvato要素からトップテキスト落書きPhotoshopのアドオンの選択が表示されます。

これは、あなたが低月額料金で、創造的なグラフィックアセットの数千と一緒に、必要なだけ多くの落書きロゴPhotoshopのアクションを取得することができ、私たちのサブスクリプションベースのマーケットプレイスです。

Envato要素の助けを借りて、あなたは世界で最高の落書きの手紙を作成します。 私たちは、落書きのスタイルやアクションのすべてのタイプを持っています。 ここを見てみましょう:

落書きテキスト効果PSD(ASL、PSD)

落書きテキスト効果PSD落書きテキスト効果PSD落書きテキスト効果PSD

これらの落書きスタイルの文字は、Photoshopで本当に使いやすいです。 あなただけのスマートオブジェクトにあなたのテキストやデザインを配置する必要があり、あなたは時間がないのクールな落書きの手紙を持 このテキスト落書きPhotoshopのパックは十種類のスタイル、十PSDファイル、よく層に整理スマートオブジェクトが含まれています。

グラフィティテキストエフェクトPSD vol.1(ASL,PSD)

グラフィティテキストエフェクトPSD vol1グラフィティテキストエフェクトPSD vol1グラフィティテキストエフェクトPSD vol1

同じ才能のあるアーティス Photoshopのためのスタイルの十セット:この落書きテキスト効果PSDパックはまた、十ユニークなモックアップに加え、十ASLファイルを備えています。 これらの落書きの手紙の3D効果を試してみることを躊躇しないでください!

ストリートアートグラフィティロゴフォトショップ(ABR、ATN、PAT)

ストリートアートグラフィティロゴPhotoshopストリートアートグラフィティロゴPhotoshopストリートアートグラフィティロゴPhotoshop

グラフィティはテキストだけだと誰が言ったのですか? 私たちは、落書きスタイルのアドオンのすべてのタイプを持っている、これは非常にクールなストリートアート落書きロゴPhotoshopのアクショ これは、肖像画、人物、モデル、および無生物のオブジェクトで最適に動作します。 あなたの最終的な結果は、効果やカスタマイズの多くを持つ完全に層状の組成物です。

グラフィティテキストエフェクトPSDレイヤースタイル(ASL,PSD)

落書きテキスト効果PSDレイヤースタイル落書きテキスト効果PSDレイヤースタイル落書きテキスト効果PSDレイヤースタイル

しかし、あなたは落書き Photoshopのための15落書きスタイルの文字のこのセットを楽しみ、クールな落書きテキスト組成物を作成します。

スプレーアートグラフィティロゴフォトショップ(ABR、ATN、PAT)

スプレーアート落書きロゴPhotoshopスプレーアート落書きロゴPhotoshopスプレーアート落書きロゴPhotoshop

落書きスタイルのすべてのタイプの私達の選択を閉じるには、このスプレーアートはクールな落書きロゴPhotoshopのアクションです。 これは、数回のクリックで迅速なデジタル作品を作成することができます。 組成物は、あなたの完全な創造的なコントロールを与え、その層のおかげで編集するのは本当に簡単です。

コメントを残す

メールアドレスが公開されることはありません。