SVG(スケーラブル・ベクター・グラフィックス)は、普通の画像よりも優れています。画面の大きさに対応して拡大縮小しても、そのクオリティは変わらないからです。
また、SVGは画像だけではありません。画像を加工してカッコイイ文字を作るフィルタ機能もついています。今回は、とっておきのフィルタ素材とそのチュートリアルをご紹介します。
SVG Filters 101
まずはじめに、入門的な素材をご紹介しましょう。チュートリアルを参考に、独自のデザイン設計やさらなるSVGフィルタへの理解が深まります。
The Art Of SVG Filters
これはSmashing Magazineの手がけたSVGで、デザインに持ってこいのフィルタ素材です。あらゆる文字に適用可能な基本フォーマットも備わっています。
SVG Filters on Text
これも文字を加工するのにぴったりのSVG素材です。フィルタを作成するツールプロセスも、チュートリアル内で紹介されています。
SVG Drop Shadows
オブジェクトにドロップシャドウ効果をかけられるSVGです。フィルタの動作とコードを確認出来るので、好きなように修正することが出
スポンサーリンク
イチオシのSVGフィルタ素材&チュートリアルのご紹介！
マーケティング最新
コメント