【Stories by freepik】高品質で豊富なイラストが商用無料で使える|アニメーション加工も出来ておすすめ

 

  • 高品質なイラストを使いたいけどいいサイトが見つからない
  • 簡単にイラストを加工できるサイトを使いたい
  • 商用無料で使いたい

こんな方におすすめのフリーイラストサイトStories by freepikをご紹介します。

 

イラスト選びに困ったときはまずStories by freepikを使えばOK!

欲しかった画像をすぐに見つけることが出来ます。

こま
僕自身このサイト使い始めてからはイラスト選びに困ることはなくなりました!

 

本記事の内容

  • Stories by freepikとは?
  • Stories by freepikの使い方
  • 口コミ・評判

 

Stories by freepikとは?

stories by freepik,使い方,stories by freepikの使い方,

Illustration by Freepik Stories 

メモ

  • 無料
  • 会員登録:不要
  • 商用利用:可
  • 出典表記:要
  • ダウンロード制限:なし

 

「Stories by freepik」は高品質なイラストを無料で使えるフリーイラストサイトで、freepikが提供している新しいライブラリです。

 

イラストの種類も豊富で商用利用が可能なうえダウンロード制限もなく、会員登録も不要です。

 

また、イラストを自分好みにカスタマイズすることも出来てとても使いやすくなっています。

ただし無料で使える代わりに、出典表記をしなければなりません。

出典表記をしたくないという方は「イラストAC」や「pixabay」などがおすすめです。

 

Stories by freepikを実際に使ってみる

早速Stories by freepikのイラストを使ってみましょう。

まずStories by freepikにアクセスします。

stories by freepik,使い方,stories by freepikの使い方,

サイトにアクセス出来たら使いたいイラストを選んでいきます。

 

イラストを選ぶ方法は以下の3つです。

ポイント

  • スタイルから選ぶ
  • タッグから選ぶ
  • キーワードから選ぶ

 

ステップ1:イラストを選ぶ「スタイル」

stories by freepik,使い方,stories by freepikの使い方,

Stories by freepikはスタイルごとでイラストの特徴が異なります。

左横のスタイル一覧から使いたいものをクリックすると各スタイルのイラストが一覧で出てきます。

使用できるスタイルはこの4種類です。

メモ

  • ラフィキ
  • ブロ
  • アミコ
  • パナ
  • クエート

 

各スタイルを比較してみましょう。

 

ステップ1:イラストを選ぶ「タグ/キーワード」

stories by freepik,使い方,stories by freepikの使い方,

タグで選ぶ場合は左のタグ一覧から気になるものをクリックすると一覧が表示されます。

検索窓で欲しいイラストのキーワードを入れて探すことも出来ます。

ただし、検索窓に入れるキーワードは英語でなければなりません。

「ブログ」のキーワードを入れる場合「blog」と変換しなければ画像は出てこないので必ず英語に変換しましょう!

 

ステップ2:イラストをカスタマイズする

使いたいイラストは以下の項目をその場でカスタマイズすることが出来ます。

メモ

  • 色:全体の色を変更
  • バックグラウンド:背景画像を変える
  • レイヤー:不要なイラストを部分的に非表示できる
  • アニメーション:イラストに動きを加える

 

色・バックグラウンド・レイヤーはイラストを開いた右側ですべて調整することが出来ます。

アニメーションは右上のアニメ化をクリック!

stories by freepik,使い方,stories by freepikの使い方,

どれも難しい操作は一切なく簡単に自分好みにカスタマイズすることが出来ます。

 

ステップ3:ダウンロードする

カスタマイズできた画像をダウンロードしましょう。

ブログの記事内で使うなどであれば基本PNG形式でOKです。

保存すると出典表記用のURLが出てきます。

このURLをコピーしてブログの記事やサイト内に貼り付けます。

「コピーと属性」をクリックするとコードをコピーすることが出来ます。

stories by freepik,使い方,stories by freepikの使い方,

必ずURLを貼り出典表記をしましょう

 

イラストのカスタマイズ方法

stories by freepik,使い方,stories by freepikの使い方,

Illustration by Freepik Stories

イラストの詳しいカスタマイズ方法を解説していきます。

色/バックグラウンド/レイヤー

「色」でRGBカラーを調整します。

cssのコードを直接打ち込むことも出来ます。

stories by freepik,使い方,stories by freepikの使い方,

 

「バックグランド」で背景画像を変えることも出来ます。

背景画像を無くすことも可能です。

stories by freepik,使い方,stories by freepikの使い方,

 

「レイヤー」ではいらないパーツを選択し非表示にすることが出来ます。

stories by freepik,使い方,stories by freepikの使い方,

 

これでカスタマイズは完了です!

次はアニメーションのつけ方を解説していきます。

 

アニメーションのつけ方

stories by freepik,使い方,stories by freepikの使い方,

Illustration by Freepik Stories

Stories by freepikのイラストはすべてアニメーション化させることが出来ます。

こま
動きをつけることでよりオリジナル性が増しますね!

 

アニメーションのつけ方もとても簡単です。

 

アニメーションをつけたいパーツを選びます。

対象のパーツは色が変わるので簡単に見分けることが出来ます。

stories by freepik,使い方,stories by freepikの使い方,

 

アニメーションの種類を選びます。

種類も全部で14種類とかなり豊富です!

stories by freepik,使い方,stories by freepikの使い方,

 

アニメーションの速度を調整します。

動きが速すぎるときはここで速度を調整することが出来ます。

stories by freepik,使い方,stories by freepikの使い方,

 

後は「書き出す」からダウンロード画面に進みます。

stories by freepik,使い方,stories by freepikの使い方,

ダウンロードはコード・GIF・ビデオの形式で出来ます。

当ブログではGIFで行っています。

これでアニメーションは完成です!

とても簡単ですね♪

 

 

Stories by freepiknの口コミ・評判

Illustration by Freepik Stories

ネットの口コミや評判も見てみましょう。

 

イラストが豊富で、色やアニメーション編集が出来て実用性が高い

 

canvaとstoriesは最強

 

コロナ系のイラストもたくさんある

 

誰でも無料で使えておすすめ!

 

 

Stories by freepik|まとめ

今回は高品質で種類が豊富なフリーイラストサイトStories by freepikについてご紹介しましたがいかがだったでしょうか?

最後に簡単に振り返っておきます。

ポイント

  • 無料
  • 会員登録:不要
  • 商用利用:可
  • 出典表記:要
  • ダウンロード制限:なし
  • イラストカスタマイズ:可
  • アニメーション加工:可

 

最後まで読んでいただきありがとうございました。

 

 

-ブログ, 最新記事
-

© 2021 こま基地