ihigoro https://blog.hatena.ne.jp/ihigoro/ The 復習 https://ienshu.hatenadiary.jp/ ★Photoshop ポラロイド風画像を作成 作品をギャラリー的に見せ、JavaScriptでフィルターを付けるときに使用します 完成例 作成手順 1. 新規アートボード作成 幅「560px」、高さ「640px」 2. 長方形を描画 「シェイプツール」で長方形を描画 幅「500px」、高さ「560px」 アートボード幅の中央に配置 3. 「境界線」を設定 「1px」色：グレー 4. 右下がめくれている影を作成 カードと同じ面積の「黒い塗り」を新規レイヤーに作成 「ぼかし」→乗算→不透明度で影のようにする 不要な部分は「削除」 5. 内側の長方形を描画 ドロップシャドウ（内側）を設定 6. 画像をベクトルマスク 「写… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fienshu.hatenadiary.jp%2Fentry%2F2026%2F01%2F05%2F000000" title="ポラロイド風画像を作成 - The 復習" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/ihigoro/20250624/20250624202336.jpg Hatena Blog https://hatena.blog 2026-01-03 00:00:00 rich https://ienshu.hatenadiary.jp/entry/2026/01/05/000000 1.0 100%