プロデザイナー絶賛!フリー素材サイト21選(無料&商用利用可)

ミヤマ

某大手企業の営業部でデザイナーをしています。
ミヤマです!

突然ですが、手っ取り早くデザインを良くするために「クオリティの高い素材サイトないかな~?」と探しまくったことはありませんか?

今回はインハウスデザイナーとして某有名メーカーで働く筆者が、仕事でも使える激推しサイトをご紹介します!

ぱんださん

でも、お金取るんでしょ?
でなければ広告だらけで使いづらいんじゃない?

ミヤマ

そんなことないよ!
広告ひかえめで基本ぜんぶ無料&IllustratorやPhotoshopを持ってなくても使えます。
しかも、ブックマークは実質1つするだけでOK!

さらに商用利用可、そしてノンクレジット(クレジット表記不要)です。

素材を20個以上使いたいときには条件がつきますが、それも下記のとおり、とてもゆるいです。

\ 素材を20個以上使うときの条件 /

  1. twitterでTOPECONHEROESの素材サイトどれか一つを紹介する。
  2. ダーヤマさんのLINEスタンプ購入。
  3. ほめジョーズに紹介してホメる、のいずれか1つをクリアする。

※実際に使う場合は念のため、各規約をご確認の上ご使用ください。

論より証拠! まずは以下で内容を確認してからご判断ください。

ちなみに、この記事でも吹き出し素材などを使わせていただいてます!

CONTENTS

【いそがしい人向け】5分でわかる、TOPECONHEROES

いそがしい人は、概要をまとめたこちらのシートをご確認ください!

フリー素材サイト20
画像引用元:TOPECONHEROES

【くわしく知りたい人向け】素材サイトTOPECONHEROES

ぱんださん

タイトルのコレなに?『とぺこんひーろーず』?

ミヤマ

それじゃあ「TOPECONHEROES(トペコンヒーローズ)」さんから説明するね!

TOPECONHEROES (トペコンヒーローズ) は、無料&商用利用可な素材サイトです。

ご自身もデザイナーであるダーヤマさん(@TopeconHeroes)が「世の中のデザイナー・ビジネスマンが早く家に帰れますように」と、ありがたい精神で運営してくださっています。

TopeconHeroesは早く帰りたいデザイナーさんや、ビジネスマン向けに飾り枠やシルエット、ふきだしなどの専門サイトで無料素材を配布してます。 早く帰りたい人は利用してさくっと仕事を終えて帰宅しましょう。

引用:TopeconHeroes(トペコンーローズ)プロデュースのサイト紹介
ミヤマ

筆者のミヤマは十年近く前からずっと使っています!

最初はシルエット素材だけだったと思うのですがどんどん増えて、今では合計23種類

こんなにクオリティの高い素材が無料&商用可で大量に、しかも非常に使いやすい状態で公開されています。最初に見つけたときは衝撃だったのを覚えています。

説明画像1
画像引用元:TOPECONHEROES

ちなみに、現在23種類ある素材サイトの一覧は下記のとおりです。

\ TopeconHeroes素材一覧 /

「シルエット」「飾り枠」「ピクトグラム」「吹き出し」「矢印」「花・植物」「ネットショップ素材」「ループ・BGM」「飾り線」「フラットアイコン」「季節のイラスト」「パターン背景」「アイコン」「街のイラスト」「リボン」「鳥獣戯画」「レース素材」「マンガ文字」「筆文字」「スタンプ」「ギャラリー」「集中線」「時短素材」

デザイン素材だけでなくBGMもあり、ほんとにすごいです……。

筆者のおすすめは、やや汎用性の低い「ループ・BGM」と「スタンプ」を除いた21種なので、今回21選としています。

TOPECONHEROES、ほぼ共通の使い方について

まず、TOPECONHEROESの使い方を説明します。

ミヤマ

とはいえ、ぶっちゃけ読まずにいきなり行って大丈夫です!

ぱんださん

マジすか!

ミヤマ

すでにサイトのデザインが分かりやすいし、キレイだからね。
行く前にどんなところか確認したい方のために、以下で解説します!

STEP
サイトにアクセスし、気に入った画像をクリックする。
説明画像2
画像引用元:TOPECONHEROES
STEP
素材の色などを調整する画面に飛ぶので、好みに合わせてカスタマイズする。
説明画像3
画像引用元:TOPECONHEROES
STEP
JPGなどは即ダウンロード。AI(イラストレーター)はZIP形式でダウンロードする。

筆者のおすすめは、拡大しても画質が荒れないベクター形式のAI(イラストレーター)データです!
Adobeを持ってない人はPNGやJPGを選んでください。

【補足】重いデータはダウンロードの際、サーバー負荷軽減のため数秒待ちます。

説明画像4

10秒程度なので、そのままパソコンの前でお待ちください。

JPGなどは即ダウンロードが始まりますが、AI(イラストレーター)素材は基本、ZIP形式でダウンロードされます。

ダウンロードした素材を開くと、すでに美しくレイアウトされています!

説明画像5
画像引用元:TOPECONHEROES

ちなみに、スマホからでも素材はダウンロードできます。

ただし画面が小さくなってしまうので、パソコンからのダウンロードをおすすめします。

ミヤマ

以降では各サイトをご紹介します。
数が多いので、目次から気になるサイトをチェックすると早いですよ!

ちなみに、各カテゴリサイトのロゴデザインも大注目です。

どれも個性が引き立つロゴで、大変勉強になります!

1.シルエットデザイン(シルエット素材)

説明画像6
画像引用元:TOPECONHEROES

>シルエットデザイン

https://kage-design.com/

(恐らく)本家本元のサイトです。

ベクターデータ(拡大しても画が荒くならない)もJPGもPNGもあるので、仕事で大変重宝しました。

デザインのポイントで入れたりするとぐっとおしゃれになりますよ。

2.フレームデザイン(飾り枠素材)

説明画像7
画像引用元:TOPECONHEROES

>フレームデザイン

https://frames-design.com/

仕事で大変お世話になったサイトその2。

このフレームに文字を入れて即完成するぐらい、どれもクオリティが高いです!

高級ブランド風デザイン、西洋系のゲームなどでは使えるものが多いと思います。

このサイトのおかげで素材ROM使わなくなりました…。

3.ヒューマンピクトグラム2.0(人の絵のアイコン)

説明画像8
画像引用元:TOPECONHEROES

>ヒューマンピクトグラム2.0

http://pictogram2.com/

非常口のあの人のピクトグラム素材です。仕事でもときどき使うことがあります。

くせがないので、なにかを説明するデザインに使いやすいです。

おもしろ系の素材も多数ある素敵なサイトです。

4.フキダシデザイン(ふきだし素材)

説明画像9
画像引用元:TOPECONHEROES

>フキダシデザイン

https://fukidesign.com/

仕事でも大変お世話に(以下略)な素材サイト。

最近では一番使う頻度が多いです。

手書き風からフラットなものまで多種多様なふきだしがあり、すさまじく便利です!

特に手書き風のものは、こちらでサクッと制作を終わらせましょう!

5.矢印デザイン(矢印マーク素材)

説明画像10
画像引用元:TOPECONHEROES

>矢印デザイン

http://yajidesign.com/

こちらのサイトもけっこう使います。筆者はやはり手書き風がイチオシですね。

古い指矢印などは、これだけで雰囲気のあるデザインが爆誕します。

手書き風でないカチっとした矢印も多数ありますので、ぜひ!

6.フロデ イラスト(花・植物イラスト素材)

説明画像11
画像引用元:TOPECONHEROES

>フロデ イラスト

http://flode-design.com/

仕事で花や植物のイラストを使いたいときによく訪問します。

その際は『カテゴリ』を利用すると素早く素材を見つけることができますよ!

ここもベクター(拡大しても画が荒れない)素材があり、大変助かります。

7.ECデザイン(ネットショップで使える素材)

説明画像12
画像引用元:TOPECONHEROES

>ECデザイン

http://design-ec.com/

仕事でもプライベートでもかなりお世話になっています!

こちらの素材を使って時短したことが何度あったことか…と思わず遠い目になってしまうほど有益なサイト。

特に仕事で大活躍する素材サイトです!

8.FREE LINE DESIGN(飾り線素材)

説明画像13
画像引用元:TOPECONHEROES

>FREE LINE DESIGN

http://free-line-design.com/

こちらも、ちょいちょい使います。

かわいいイラストの罫線があるので、かわいい系のデザインにもおすすめです。

他にもシンプル系、筆線など色々あるので、罫線では大活躍すること間違いなしです!

9.フラットアイコンデザイン(色ありアイコン素材)

説明画像14
画像引用元:TOPECONHEROES

>フラットアイコンデザイン

http://flat-icon-design.com/

くせのないシンプルな色つきのアイコンイラストが多数あります。

筆者が使う頻度は低いですが、こちらのイラストを目にする機会、わりと多いです。

最近ではTwitterのアイコンにしている方もいました。

10.イベントデザインプレミアム(季節のイベントイラスト素材)

説明画像15
画像引用元:TOPECONHEROES

>イベントデザインプレミアム

https://event-pre.com/

めちゃくちゃ使うサイトです!

仕事柄、季節の販促物を作ることが非常に多いので、まずここをチェックするクセがついています。

ほかとあまり素材がカブることがなく、超クオリティが高いので、ものすごくおすすめです!

11.Bg-Pattrens(パターン背景素材)

説明画像16
画像引用元:TOPECONHEROES

>Bg-Pattrens

http://bg-patterns.com/

パターン背景素材を手軽にダウンロード&作成できるサイトです。

「ちょっといい背景ないかなー」と思ったとき立ち寄るサイト。

ブラウザ上で色変更もできるので便利。すてきな背景が目白押しですよ!

12.ICOOON MONO(白黒アイコン素材)

説明画像17
画像引用元:TOPECONHEROES

>ICOOON MONO

https://icooon-mono.com/

シンプルなモノクロのアイコン素材サイト。

洗練されたシンプルなアイコンが、なんと6000個以上あるそうです!

アイコンがほしいときは大抵あるので便利。必ず訪れてしまいます。

13.TOWN illust(街・建物イラスト素材)

説明画像18
画像引用元:TOPECONHEROES

>TOWN illust

http://town-illust.com/

こちらも仕事でなにげに使うサイトです。

街っぽいイラストがほしいと営業に言われたときは、まっさきに訪れます。

実際にある風景から存在しないものまで、いろいろ置いてあります。単色・カラー両方あり。

14.リボンフリークス(リボン素材)

説明画像19
画像引用元:TOPECONHEROES

>リボンフリークス

http://ribbon-freaks.com/

仕事でとても(以下略)。リボンに関しては鉄板と言っていいでしょう!

クラシックなリボンからPOPなリボンまで、ありとあらゆる高クオリティなリボンがたくさんあります。

探せばぴったりのリボンがきっと見つかるはず!

15.ダ鳥獣ギ画(鳥獣戯画イラスト素材)

説明画像20
画像引用元:TOPECONHEROES

>ダ鳥獣ギ画

https://chojugiga.com/

ニッチですが、個人的に鳥獣戯画イラストは有用だと思いセレクト。

この手のものは海外の方にも受けが良いですし、使うだけでグンとあかぬけたデザインになります。

和風なテイストにオススメ!

16.ダ・レース(レース素材)

説明画像21
画像引用元:TOPECONHEROES

>ダ・レース

http://da-lace.com/

こちらも女子向けデザインでよく使います。

画面に女性的な華やかさが必要なときに大活躍します。

ちなみに、レース素材は昔ROMを買っていたのですが、すっかりお蔵入りになりました…。

17.ドドドフォント(手書き風マンガ文字素材)

説明画像22
画像引用元:TOPECONHEROES

>ドドドフォント

https://dddfont.com/

ニッチな素材ですが、使えるときは活躍します。

フォントでベタ打ちするところをこれに変えるだけで、ワンランククオリティが上がります。

ただ、漫画家さんが使うにはラインナップが少々物足りないかもしれません。

18.カリ蔵(筆文字素材)

説明画像23
画像引用元:TOPECONHEROES

>カリ蔵

https://calligra.design/

こちらもニッチな素材。

筆書き素材のストックサイトです。時事ネタからビジネス、格言と色々あります。

和風の力強い字体なので、方向性がマッチするととても重宝します。

「半額セール」などは使いやすいですね。

19.マンガパーツSTOCK(集中線・効果線素材)

説明画像24
画像引用元:TOPECONHEROES

>マンガパーツSTOCK

https://mangasozai.com/

マンガ的なデザインをしたいとき、素材をいちから作る手間が省けます。

筆者はゲーム製作の衝撃シーンのエフェクトで素材をお借りしました。

ブラウザ上で色、大きさが編集可能で、文字も入れられるので便利ですよ!

20.ほめジョーズ(アイデア出し)

説明画像25
画像引用元:TOPECONHEROES

>ほめジョーズ

https://homejaws.com/

厳密には素材サイトではないのですが、とても有用なのでご紹介。

たくさんの素敵なWEBサイトが集められており、ランキングやカテゴリでピックアップできるので、デザインアイデアを出すときに便利です!

※もちろん無断転載・使用はNGです。あくまで参考にするだけにとどめてください。

21.時短だ

説明画像26
画像引用元:TOPECONHEROES

>時短だ

https://jitanda.com/

最近、追加されたばかりのストックイラストサイト。

クセのない高クオリティのイラストが多数あり使いやすいです。

上部にミニアイコンでカテゴリ別に選べるので、選ぶ際にも時短になります。

営業さんのプレゼン資料などにオススメです!

その他のコンテンツ

ダストサウンズ(BGM・ループ素材)

説明画像27
画像引用元:TOPECONHEROES

ダストサウンズ

http://dust-sounds.com/

テクノっぽい曲が多い印象です。

音楽素材をお探しの方は一度訪れて、曲調が合うか確認してみると良いと思います!

イラスト スタンポ(スタンプ風イラスト素材)

説明画像28
画像引用元:TOPECONHEROES

イラスト スタンポ

https://stampo.fun/

その名の通り、かわいいイラストのラインスタンプ風素材があります。

使い所が限定されますが、かわいいイラストをお探しの方には刺さると思います。

※ダーヤマさんがすでに販売されているので、LINEスタンプとして売ることはできませんのでご注意ください。

ミヤマ

たった一つサイトをブックマークするだけで、上部のバーから素材をさがせるTOPECONHEROES
便利すぎて十年以上愛用させていただいてます!

とてもおすすめなので、ぜひ一度訪れてみてください!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
CONTENTS
閉じる