Photoshopなしでできる！SVGフィルターを使ったバナーデザインのテクニックSVGフィルターを活用すると、Photoshopで加工しなくてもWebサイトのトップページで使えるバナー画像が作れます。覚えておくと便利なテクニックです。 先日、WordPressのeコマーステーマをリリースしたところ、バナー画像に使っている「ぼかしで覆うエフェクト」に関する質問がたくさん寄せられました。ぼかしで覆うエフェクトはどんな画像にでも動的に適用できる注目のエフェクトで、優れた画像処理方法だと考えています。さらに重要なことは、汎用的なテクニックなのでデザイナーにとって使い勝手がいいということです。この記事では私が学んだことを手短に紹介しましょう。 上のバナーの「ぼかしで覆うエフェクト」について簡単に説明します。 単一の画像として使用 非破壊的（non-destructive）である（オリジナルのJPEG・PNG画像に直接変更を加えていない） 画像にテキストを追加でき、テキストによっ
