Photoshopで牛柄(カウ柄)テキストを作る方法

読了時間 約11分

ホーム/ PSチュートリアル/ Photoshopで牛柄(カウ柄)テキストを作る方法

牛柄の文字は、チャンネルとフィルターの組み合わせで作ります。新規チャンネルで白黒の斑紋を重ね、プラスチックフィルターでふっくらした革のような質感を出し、文字の影とベベルとエンボスを重ね、最後に白黒の斑点をクリッピングマスクにします。オンラインPSにもこれらのフィルターは揃っています。

ステップ1:
  1. オンラインPS(zaixianps.cc)を開きます。
ステップ2:

「チャンネル」パネル下部の新規チャンネルボタンをクリックし、空のチャンネルを作成します(既定の名前は Alpha 1)。

ステップ3:

「レイヤー」パネルに戻り、横書き文字ツール(ショートカット T)を選びます。「文字」パネル(Ctrl + T)を開いて次のように設定します:

  • フォント:Impact やゴシック体など、インパクトのあるものがおすすめです。
  • サイズ:カンバスの大きさ次第ですが、一般に 120~200 pt 程度です。
  • 色:白(#FFFFFF)。

カンバス上を1回クリックし、好きな文字を入力します(例:「COW」)。

ステップ4:

文字の選択を解除します:Ctrl + D。

Alpha 1 チャンネルをチャンネルパネルの新規チャンネルボタンへドラッグし、Alpha 1 コピー として複製します。

環境設定(Ctrl + K)を開き、左側の拡張機能を選んで、フィルターギャラリーのすべてのグループと名前を表示にチェックを入れ、OK で閉じます。

フィルターフィルター → プラスチックを実行し、文字に滑らかな光沢を加えます。

ステップ5:

Ctrl を押しながら Alpha 1 コピー チャンネルをクリックし、文字を選択範囲として読み込みます。

RGB 複合チャンネルに戻ります:Ctrl + 2(またはチャンネルパネルで RGB をクリック)。カラー画像の上に文字の選択範囲が見えます。

ステップ6:

レイヤーパネル下部の新規レイヤー(Ctrl + Shift + N)をクリックし、空のレイヤー 白ベース を作成します。

選択範囲を白で塗りつぶし(塗りつぶしツール、または Shift+F5)、その後 Ctrl + D で選択を解除します。

ステップ7:

もう一度 Ctrl + Alpha 1 チャンネルをクリックして、文字の選択範囲を読み込みます。

選択範囲 → 選択範囲を変更 → 拡張を実行し、値を 10 px にします(文字サイズに応じて調整)。

レイヤーパネル下部のレイヤーマスクを追加ボタン(長方形と円が重なったアイコン)をクリックし、選択範囲を基に現在のレイヤー(白ベース)へマスクを作成します。

ステップ8:

文字レイヤー(文字)をダブルクリックしてレイヤースタイルダイアログを開きます。

  • ドロップシャドウにチェック:色は黒、距離 5‑8 px、サイズ 5‑10 px。
  • ベベルとエンボスにチェック:スタイルは「内側ベベル」、深さ 100%、サイズ 3‑5 px、光の角度 120°。
  • 外側の光彩を追加してもよいでしょう:色は白、サイズ 10‑15 px。文字に「クリーム」のような質感が出ます。

OK を押すと、文字に影と立体感が付いているのがわかります。

ステップ9:

レイヤーパネルでもう1つ空のレイヤーを作成し、斑点 と名前を付けます。

描画色を黒(#000000)にし、楕円ツール(U)を選んで、オプションバーでモードをピクセルに設定します。

Shift を押しながら同じ大きさの円(およそ 30‑50 px)をいくつか描いて、「牛の斑点」を作ります。

斑点 レイヤーを選択し、フィルター → 変形 → 波形を実行します。数値は自由に調整できます(例:数 10、波長 100、振幅 20)。斑点が不規則な形になります。

続いて Ctrl + Alt + G を押してクリッピングマスクを作成し、斑点が文字の内側だけに表示されるようにします。

ちょっとしたコツ:斑点の色を実際の牛の白黒コントラストに近づけたい場合は、斑点レイヤーをオーバーレイまたはソフトライトの描画モードにしてから、不透明度を調整します。

よくある質問 Q&A

  • 文字の選択範囲がずれる? ステップ5で RGB 複合チャンネルに戻っているか確認してください(Ctrl+2)。戻っていないと、単一チャンネルの白黒画像しか見えません。
  • フィルター「プラスチック」が出てこない? ステップ4でフィルターギャラリーのすべてのグループと名前を表示にチェックを入れた後、ページを再読み込みするか、フィルターパネルを開き直してください。
  • 斑点が密集しすぎる? ステップ9で円を描いた後に編集 → 変形 → 拡大・縮小で少し縮小するか、円の一部を削除してください。

参考資料

  • Adobe Photoshop 公式ドキュメント
  • HTML5 とモダンなフロントエンドによる画像処理の仕組み
  • オンラインPS