破れ効果のポイントは、エッジを不規則にすることです。長方形選択で下地を作り、クイックマスクの中でブラシでエッジを崩し、ピクセレート系のフィルターで毛羽立ちを出し、最後にクリッピングマスクで色を乗せます。使い込んだポスターやレトロな表紙の表現にぴったりです。
準備:
- オンラインPS(zaixianps.cc)を開きます。
- ファイル → 開く → ローカルの画像を選択します。
詳しい操作手順:
-
長方形選択ツール(M)でカンバス上に長方形の選択範囲をドラッグして作ります。
-
Q を押してクイックマスクに入ります(赤いマスクが表示されます)。
-
フィルター → ピクセレート → モザイクを開き、セルの大きさを 20‑30 に設定して OK をクリックします。
-
もう一度 Q を押してクイックマスクを解除します。選択範囲は点線の長方形のまま残ります。
-
レイヤーパネル上部の新規レイヤーをクリックし、塗りつぶしツール(G)でそのレイヤーを白く塗りつぶします。
-
選択範囲 → 選択範囲を変更 → 縮小を選び、5‑10 px(画像サイズに応じて調整)を入力して OK をクリックします。
-
もう一度フィルター → ピクセレート → モザイクを実行し、今度はセルの大きさを 8‑12 にして OK をクリックします。
-
元のレイヤーを選択して Ctrl+J で複製し、最上部へドラッグします。
複製したレイヤーを右クリック → クリッピングマスクを作成で、白い欠け部分の内側だけに表示させます。
-
複製レイヤーを選択したまま Ctrl+T(自由変形)を押し、右クリック → 水平方向に反転。そのまま少しドラッグして左右をずらすと、「ずれた破れ」の効果になります。
-
必要に応じて複製レイヤーの不透明度や描画モードを調整します。消しゴム(E)やブラシ(B)で手描きのディテールを加えると、破れがより自然になります。
-
完成したらファイル → 書き出し → PNG/JPEG で作品を保存します。
参考資料
- Adobe Photoshop 公式ドキュメント
- HTML5 とモダンなフロントエンドによる画像処理の仕組み
- オンラインPS