BAU-YA主催『デザイナー必修 SVG 基本＆アニメーション』講座に行ってきましたので、参加の記録です。 ※具体的なテクはあえて書きませんので、気になる方はぜひ講座を受けてください。笑 まだフォローアップが来ていない状態で書いているのでうろ覚えな ...

今回はAdobe AfterEffectsを使用してSVGアニメーションを作成する方法を紹介していきたいと思います。 l Bodymovinをインストールする まずは、After EffectsのプラグインであるBodymovinをインストールします。 Adobeストアからダウンロードできます。 l アニメーション ...

SVG、Scalable Vector Graphicsは、主に2次元ベクター描画に使われる画像出力形式（ファイル形式）である。XMLベースであり、人間が読むことも可能で、ソフトウェアからの図形出力として使われることが多い。 今でもCopilotなどは、ベクトル図形出力としてSVGを ...

If you would like to have a unique and stunning website, you'll need more than just a few stock photos. This is why designers choose vector graphics to create almost anything using a combination of ...

The Drowning SVG Project is a simple web-based animation that simulates a drowning effect using Scalable Vector Graphics (SVG). This project is designed to help you understand how to create and ...

An animated SVG (vector) of a drone via CSS techniques. The drone SVG was downloaded from UnDraw. I used Figma to create group of SVG elements and then exported them as one file. Thanks to Ed Dev for ...