- 高品質なイラストを使いたいけどいいサイトが見つからない
- 簡単にイラストを加工できるサイトを使いたい
- 商用無料で使いたい
こんな方におすすめのフリーイラストサイトStories by freepikをご紹介します。
イラスト選びに困ったときはまずStories by freepikを使えばOK!
欲しかった画像をすぐに見つけることが出来ます。
こま
本記事の内容
- Stories by freepikとは？
- Stories by freepikの使い方
- 口コミ・評判
contents
Stories by freepikとは？
Illustration by Freepik Stories
メモ
- 無料
- 会員登録：不要
- 商用利用：可
- 出典表記：要
- ダウンロード制限：なし
「Stories by freepik」は高品質なイラストを無料で使えるフリーイラストサイトで、freepikが提供している新しいライブラリです。
イラストの種類も豊富で商用利用が可能なうえダウンロード制限もなく、会員登録も不要です。
また、イラストを自分好みにカスタマイズすることも出来てとても使いやすくなっています。
ただし無料で使える代わりに、出典表記をしなければなりません。
出典表記をしたくないという方は「イラストAC」や「pixabay」などがおすすめです。
Stories by freepikを実際に使ってみる
早速Stories by freepikのイラストを使ってみましょう。
まずStories by freepikにアクセスします。
サイトにアクセス出来たら使いたいイラストを選んでいきます。
イラストを選ぶ方法は以下の3つです。
ポイント
- スタイルから選ぶ
- タッグから選ぶ
- キーワードから選ぶ
ステップ１：イラストを選ぶ「スタイル」
Stories by freepikはスタイルごとでイラストの特徴が異なります。
左横のスタイル一覧から使いたいものをクリックすると各スタイルのイラストが一覧で出てきます。
使用できるスタイルはこの4種類です。
メモ
- ラフィキ
- ブロ
- アミコ
- パナ
- クエート
各スタイルを比較してみましょう。
ステップ1：イラストを選ぶ「タグ/キーワード」
タグで選ぶ場合は左のタグ一覧から気になるものをクリックすると一覧が表示されます。
検索窓で欲しいイラストのキーワードを入れて探すことも出来ます。
ただし、検索窓に入れるキーワードは英語でなければなりません。
「ブログ」のキーワードを入れる場合「blog」と変換しなければ画像は出てこないので必ず英語に変換しましょう！
ステップ２：イラストをカスタマイズする
使いたいイラストは以下の項目をその場でカスタマイズすることが出来ます。
メモ
- 色：全体の色を変更
- バックグラウンド：背景画像を変える
- レイヤー：不要なイラストを部分的に非表示できる
- アニメーション：イラストに動きを加える
色・バックグラウンド・レイヤーはイラストを開いた右側ですべて調整することが出来ます。
アニメーションは右上のアニメ化をクリック！
どれも難しい操作は一切なく簡単に自分好みにカスタマイズすることが出来ます。
ステップ３：ダウンロードする
カスタマイズできた画像をダウンロードしましょう。
ブログの記事内で使うなどであれば基本PNG形式でOKです。
保存すると出典表記用のURLが出てきます。
このURLをコピーしてブログの記事やサイト内に貼り付けます。
「コピーと属性」をクリックするとコードをコピーすることが出来ます。
必ずURLを貼り出典表記をしましょう
イラストのカスタマイズ方法
Illustration by Freepik Stories
イラストの詳しいカスタマイズ方法を解説していきます。
色/バックグラウンド/レイヤー
「色」でRGBカラーを調整します。
cssのコードを直接打ち込むことも出来ます。
「バックグランド」で背景画像を変えることも出来ます。
背景画像を無くすことも可能です。
「レイヤー」ではいらないパーツを選択し非表示にすることが出来ます。
これでカスタマイズは完了です！
次はアニメーションのつけ方を解説していきます。
アニメーションのつけ方
Illustration by Freepik Stories
Stories by freepikのイラストはすべてアニメーション化させることが出来ます。
こま
アニメーションのつけ方もとても簡単です。
アニメーションをつけたいパーツを選びます。
対象のパーツは色が変わるので簡単に見分けることが出来ます。
アニメーションの種類を選びます。
種類も全部で14種類とかなり豊富です！
アニメーションの速度を調整します。
動きが速すぎるときはここで速度を調整することが出来ます。
後は「書き出す」からダウンロード画面に進みます。
ダウンロードはコード・GIF・ビデオの形式で出来ます。
当ブログではGIFで行っています。
これでアニメーションは完成です！
とても簡単ですね♪
Stories by freepiknの口コミ・評判
Illustration by Freepik Stories
ネットの口コミや評判も見てみましょう。
イラストが豊富で、色やアニメーション編集が出来て実用性が高い
https://t.co/8m08w0YgaI フリーイラスト配布サイトなのだが実用性が高いイラストが豊富で、色やアニメーションなども編集できます。なかなか使い勝手がいいかと思います。https://t.co/Dj0UQtiCPr
Illustration by Stories by Freepik pic.twitter.com/fSw4Yg38vI— 石鷹／ishitaka (@xakuro_com) July 7, 2020
canvaとstoriesは最強
Twitterで話題の
「stories by freepik」👀Canva × storiesでもはや
無敵になるのではないかと思いました🤔— たんたかたん (@tantakatang0915) June 21, 2020
コロナ系のイラストもたくさんある
商用OKなスタートアップっぽいイラストがゴロゴロ落ちてて良さげ。にしてもコロナ系のイラストがたくさんある
Stories by Freepik: Awesome illustrations for your next project https://t.co/xwSWi1nYCN
— 福家 隆🍋Takashi Fuke ｜ .HUMANS (@takashifuke) April 22, 2020
誰でも無料で使えておすすめ！
ありがとうございます😊
自分はstories by Freepikという海外のフリー画像サイトを使ってます！
サイト内にFreepikのライセンス表記を書けば誰でも無料で使えるんでオススメです！https://t.co/pTi88Yx7iX— めろん@学生ブロガー📷🌈 (@udonturuturu77) August 3, 2020
Stories by freepik｜まとめ
今回は高品質で種類が豊富なフリーイラストサイトStories by freepikについてご紹介しましたがいかがだったでしょうか？
最後に簡単に振り返っておきます。
ポイント
- 無料
- 会員登録：不要
- 商用利用：可
- 出典表記：要
- ダウンロード制限：なし
- イラストカスタマイズ：可
- アニメーション加工：可
最後まで読んでいただきありがとうございました。
