見出し画像

イラスト素材を、Web上でサクっと 色やアニメーション設定できる【stories】byFreepik

プレゼンや動画のちょっとしたアクセントに、主張しすぎないイラストが欲しい時、Freepik提供【stories】が超オススメです。

ポイントは、色が変えられること、SVGできれい、アニメーションもサクッと用意できる点です。

画像1

Freepikとは?

Freepik Companyは写真・イラストなどの素材を提供している会社名です。素材のクオリティがよいのと、ベクターデータも用意されているので、非常に扱いやすいです。

単純に「Freepik」で検索すると、こちら↓のサイトが出てきます。こちらがFreepikのオリジナルです。

「stories」とは?

「storie」も、Freepikが提供しているイラスト素材サイトなのですが、オリジナルとは大きく異なる特徴が3つあります。

①色が変えられる

画像2

画像3

画像を選択するとすぐにDLもできます(PNG or SVG)が、いくつかのオプションが用意されています。右上のCOLORを変更することで、イメージカラーをブラウザ上で思い通りのものに変更することができます。

元々プレゼンテーションでイメージしている色に合わせたい…イラストそのものはイメージ通りだけど、色が合わないんだよなぁ…という時も多いですよね。そこが調整できるのは非常に便利です。

画像4

他にも、背景や、イラストの要素を取捨選択できるので、例えば上のサンプルでは、リボンだけを消したり…背景イメージを消したり…なんてことも可能です。よりイメージに近いものに調整することができます。

②簡易的なアニメーションも設定できる

アニメーションといっても、イメージとしてはPowerPointのアニメーションのような簡易的なものですが、レイヤー毎に設定することができます。

動きにこだわりがなければ、ランダムで設定を決めることもできますし、1要素だけをアニメーションする、という細かい設定も可能です。

本格的なものは難しいですが、ちょっとプレゼンの資料に…動画のイメージに…というときには、秒で用意できるので重宝します。GIFでもMP4でも出力できるのはすごい!

③ベクター画像で主張しすぎない

画像5

大きく5つのイラストタイプがありますが、いずれもデフォルメが効いたイラストで汎用性が高いです。

スクリーンショット 2020-08-31 21.24.41

イラスト素材の下には、類似のテーマでタイプの異なるイラスト候補が表示され、よりイメージに近いものを探すのに非常に便利です。もちろん、ここで扱うイラストは、全て色・アニメーションの調整が可能です。

スクリーンショット 2020-08-31 21.24.53

無料ですが、利用時には表記が必要

色が変えられるイラスト素材サイトっていくつかあるのですが、私がキーワードで検索した印象では、こちらのサイトが最も数・種類が多かったです。またアニメーションできるのも珍しいですし、出力がGIF&MP4、面倒な設定や紛らわしい画面構成、ユーザー登録なども不要で、非常に好感がもてます!

基本的には無料素材サイトですし、商用利用も可能ですが、いくつか注意点があります。Freepic無登録者の場合以下の2点はお忘れなきよう。(※以下2020年8月時点での情報です。最新の利用規約をご確認ください)

・1日3つのDL制限
・素材を利用したコンテンツには、Freepik提供であることをどこかに記すこと(DL時に表記が表示されるのでそのままコピペして使えばOK)

スクリーンショット 2020-08-31 21.35.33

いじってるだけでも楽しいので、「いらすとや」とは違うものを使って皆と差別化したいな~という人や、イメージカラーに合うものを探している、簡単なアニメーションでアクセントをつけたい、(でも手間はかけたくない)という方はぜひお試しください!

この記事が気に入ったらサポートをしてみませんか?