【フリー素材サイトまとめ】イラスト・フォント・写真・アイコン・背景・画像編集ツールまで全20サイトを紹介

普段は一般的に「図解」と呼ばれるようなものを販売しています。

例えば…

◇

これら図解を作成するにあたって

これらを使っています。

フリーの写真素材

写真AC

僕の使用例

こういった写真を背景画像として使うだけで、パッと見でイメージが伝わるので、バリエーションが豊富なのはありがたいです。

他のサイトだと自分が欲しい画像が見つからない、ということも多いので..。

「写真AC」はコチラ

ぱくたそ

僕の使用例

冒頭で紹介した図解の人物画像はこの「ぱくたそ」のサイトの写真です。

これは「大食い」「早食い」している様子を写真で伝えたい、と思って使用しました。

「ぱくたそ」はコチラ

Pixabay

僕の使用例

こちらも冒頭に載せた図解の背景画像として使用しました。

「ストライキ」というのは日本ではあまりないので、日本の写真サイトでは、いい素材が見つかりませんでした。

ただ、海外ではストライキは結構あるとのことで、豊富に写真が用意されていました。

「Pixabay」はコチラ

Unsplash

こちらもさきほどのPixabay同様、海外の写真サイトです。

Pixabayとはあまり大差ない感じなので、両者で検索して良い方をいつも採用しています。

「Unsplash」はコチラ

フリーの背景素材

Bg-patterns

僕の使用例

こちらのサイトは個人的にかなり気に入っていて、よく使っています。

僕のように「図解」を作りたいという方はおすすめです。

背景画像に風景や人物の写真を使ってしまうと、パッと見でかなりごちゃごちゃした印象を与えてしまうので…Bg-patternsのようなシンプルさがちょうどいいです(/・ω・)/

「Bg-patterns」はコチラ

罫線・飾り線素材

僕の使用例

「トークテーマ」という文字と、下の文章を分けたいときに、ただ線で区切ってもいいですが、このように罫線イラストを使えば印象が変わりますね。

「罫線・飾り線素材」はコチラ

フリーのイラスト素材

シルエットAC

僕の使用例

この素材イラストは便利すぎるので、いたるところで使っています。

シンプルでありながらわかりやすく、色が単色なので主張も少ないのが最高です。

「シルエットAC」はコチラ

イラストAC

僕の使用例

シルエットACでは「味気ないな」と感じたときに使っています。

シルエットACだとすべて単色なのでたくさん使っても統一感がでていいのですが、イラストACを多用すると統一感が失われてしまうので、あまり使いすぎないように気をつけています。

とはいえ、素敵なイラストが豊富なのでおすすめです。

「イラストAC」はコチラ

ICOOON MONO

僕の使用例

なんども例にだしているこの図の、黒い子たちがこのICOOON MONOの素材です。

こちらもお気に入りの素材サイトでシルエットAC同様のメリットがあるので、よく使わせていただいています。

「ICOOON MONO」はコチラ

FLAT ICON DESIGN

僕の使用例

全体的に立体感のないフラットなデザインにしたいときにおすすめ。このイラストが挿入されるだけで一気にイケてるデザインに見えるような気がします。

フラットデザインを採用しているサイトやブログでよく目にするイラストです。

「FLAT ICON DESIGN」はコチラ

ダ鳥獣ギ画

僕の使用例

カエルとウサギの独特の世界観が面白いイラスト素材です。笑

人でもなくシルエットでもなく、表情や動きを表現したい！という人におすすめです。

「ダ鳥獣ギ画」はコチラ

いらすとや

僕の使用例

こちらは、もう説明不要ですね。笑

ただ、優秀過ぎるがゆえにいろいろな場所で使われているので「これ、いらすとやの素材だな…」となることが多いです。

そのため僕は、最近では多用しないようにしたり、素材を編集して使うようにしています。

「いらすとや」はコチラ

フリーのフォント

FONT FREE

フリーフォントは探せばまとめられているサイトがいくらでも見つかるのですが、このサイトが一番見やすくかつ体系的にまとめられていると思います。

「FONT FREE」はコチラ

おすすめのフリーフォント

ここで、僕がよく使うおすすめのフォントをご紹介します。

スマホの画面でみるとなると、かなり狭く小さく映ることが多いので、太さが7種類から選べるコチラのフォントを僕は多用しています。

Youtubeのサムネを作るときなんかは、ほとんど源ノ角ゴシックの一番太いフォントを使っていますね。

フリーフォントはふぉんとうに（本当に）たくさんあるので、自分の好みに合ったものが見つかると思います(^ ^)

画像編集ツール

iLoveIMG

そのまま載せると、画像の読み込みが遅くなり、サイトの表示速度が遅くなりSEOに悪影響を与えます。

こちらのサイトは画像編集に関する様々な処理がひとまとめとして使えます。

「iLoveIMG」はコチラ

動画GIF変換

僕の使用例

ブログにYoutube動画を埋め込むと、再生ボタンを押されないと当然再生されませんよね。

「動きだけ表現したい」「画質にこだわらない」動画を載せたいのであればGIF画像がおすすめです。

※画像に比べて多少容量サイズが大きくなってしまうので注意です。GIF画像も僕はiLoveIMGで圧縮して掲載しています。

「動画GIF変換」はコチラ

集中線追加ツール

僕の使用例

集中線は文字通り、読者に集中してみてもらいたい部分を誘導するのに役立ちます。

「集中線追加ツール」はコチラ

Remove Image Background

使用例（Before）

使用例（After）

このサイトを発見したときは感動しました。笑

髪の毛のあたりまで細かく正確に切り取ってくれます。

Youtubeのサムネイル作成で重宝しているサイトです。

「Remove Image Background」はコチラ

その他

Canva

ブロガーの方であれば、アイキャッチ画像の作成にこのサイトを使っている方も多いのではないでしょうか。

僕のブログではCanvaのデザインを真似したり、そのまま使ったり、配色のみ真似したりと参考にして画像を作成しています。

「Canva」はコチラ

FotoJet

さきほどのCanvaと同じようなサイトです。

こちらもCanva同様の使い方をしています。

「FotoJet」はコチラ

パワポン

こちらは、さきほど挙げたCanvaやFotoJetのパワーポイントバージョンといったところです。

「パワポン」はコチラ

Canva 配色パターン

こちらは、Canvaが提供しているイケてる配色パターン100選がまとめられたサイトです。

色コードつきでそのままスグに真似できるのがポイント。

「Canva 配色パターン」はコチラ

まとめ

僕が図解を作成するにあたってお世話になっているサイトをすべてまとめました。かなり長くなったので再掲します。

無料で使える素材やツールはまだまだありますので「これだけじゃ物足りねぇー！！」って人は探してみてください！

\ではっ！/