storyset(ストーリーセット)
イラストをカスタマイズ、アニメーション化してダウンロードできるフリー素材サイト。
世界中のデザイナーが作った人物や背景イラストを元に様々なカスタマイズが可能です。
他のサイトとは違い、ある程度のアニメーション化にも対応しているのは驚きです。
対象画像のチェックボタンやスライダーを操作するだけで直感的にアニメーション化できるので初心者にもおすすめ!
イラストの場合はSVGまたはPNG、アニメーション化したイラストはGIFまたはmp4、ソースコードとしてダウンロード可能です。
ただし、クレジット表記は必須です。
参考イメージ
世界中のデザイナーが作った人物や背景のオシャレなイラストが豊富!
コーポレートサイトやサービス紹介などのイラストに最適です。
また、Figma用のプラグインも用意されているので非常に便利です。
素材について
料金形態 | フリー素材あり |
ファイル形式 | PNG、SVG、GIF、mp4 |
商用利用 | OK、NG |
クレジット表記 | 必須(無料の場合) |
登録・ログイン | 必須 |
規約の確認先 | 公式サイト |
※掲載内容は変更される場合があります。必ず【公式サイト】で確認後、自己責任でご利用ください。
使い方
①イラストのダウンロード方法
ダウンロード画像を選択する前に、イラストのスタイル(テイスト)や色合い、背景の種類を変更することができます。
イラストのスタイル(テイスト)は以下のようになっています。
- Rafiki・・・汎用性のあるクリーンでフラットなイラスト
- Bro・・・レトロなタッチのカジュアルなイラスト
- Amico・・・アイソメトリックなイラスト
- Pana・・・手書き風のディテールを備えた新鮮なイラスト
- Cuate・・・ひねりを加えた陽気でエネルギッシュなイラスト
画面右のパラメータを設定後、SVGまたはPNGのダウンロードボタンからダウンロードできます。
パラメーターは直感的に操作できます。
無料ダウンロードの場合、ポップアップ表示があり、帰属(クレジット)表記を求められます。
忘れず表記内容を控えるようにしましょう。
②アニメーションのダウンロード方法
イラスト画面から【Animete it!】をクリックすると、アニメーション設定画面に遷移します。
基本的には①~④の流れで直感的に設定可能です。
※②の要素(パーツ)を選択すると要素(パーツ)がマーキングされるので、③から動きの設定を行い、これを繰り返します。
設定や動作確認等が済んだら④のダウンロード設定へ移動します。
SVGは、それぞれコピー&ペーストで利用できます。
GIFアニメ、またはmp4のダウンロードは、無料の場合、ポップアップ表示があり、帰属(クレジット)表記を求められます。
忘れず表記内容を控えるようにしましょう。