牛柄の文字は、チャンネルとフィルターの組み合わせで作ります。新規チャンネルで白黒の斑紋を重ね、プラスチックフィルターでふっくらした革のような質感を出し、文字の影とベベルとエンボスを重ね、最後に白黒の斑点をクリッピングマスクにします。オンラインPSにもこれらのフィルターは揃っています。
- オンラインPS(zaixianps.cc)を開きます。
「チャンネル」パネル下部の新規チャンネルボタンをクリックし、空のチャンネルを作成します(既定の名前は Alpha 1)。
「レイヤー」パネルに戻り、横書き文字ツール(ショートカット T)を選びます。「文字」パネル(Ctrl + T)を開いて次のように設定します:
- フォント:Impact やゴシック体など、インパクトのあるものがおすすめです。
- サイズ:カンバスの大きさ次第ですが、一般に 120~200 pt 程度です。
- 色:白(#FFFFFF)。
カンバス上を1回クリックし、好きな文字を入力します(例:「COW」)。
文字の選択を解除します:Ctrl + D。
Alpha 1 チャンネルをチャンネルパネルの新規チャンネルボタンへドラッグし、Alpha 1 コピー として複製します。
環境設定(Ctrl + K)を開き、左側の拡張機能を選んで、フィルターギャラリーのすべてのグループと名前を表示にチェックを入れ、OK で閉じます。
フィルターフィルター → プラスチックを実行し、文字に滑らかな光沢を加えます。
Ctrl を押しながら Alpha 1 コピー チャンネルをクリックし、文字を選択範囲として読み込みます。
RGB 複合チャンネルに戻ります:Ctrl + 2(またはチャンネルパネルで RGB をクリック)。カラー画像の上に文字の選択範囲が見えます。
レイヤーパネル下部の新規レイヤー(Ctrl + Shift + N)をクリックし、空のレイヤー 白ベース を作成します。
選択範囲を白で塗りつぶし(塗りつぶしツール、または Shift+F5)、その後 Ctrl + D で選択を解除します。
もう一度 Ctrl + Alpha 1 チャンネルをクリックして、文字の選択範囲を読み込みます。
選択範囲 → 選択範囲を変更 → 拡張を実行し、値を 10 px にします(文字サイズに応じて調整)。
レイヤーパネル下部のレイヤーマスクを追加ボタン(長方形と円が重なったアイコン)をクリックし、選択範囲を基に現在のレイヤー(白ベース)へマスクを作成します。
文字レイヤー(文字)をダブルクリックしてレイヤースタイルダイアログを開きます。
- ドロップシャドウにチェック:色は黒、距離 5‑8 px、サイズ 5‑10 px。
- ベベルとエンボスにチェック:スタイルは「内側ベベル」、深さ 100%、サイズ 3‑5 px、光の角度 120°。
- 外側の光彩を追加してもよいでしょう:色は白、サイズ 10‑15 px。文字に「クリーム」のような質感が出ます。
OK を押すと、文字に影と立体感が付いているのがわかります。
レイヤーパネルでもう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