制作会社でWEBデザイナーをしていますナコです(@nako_x)。
最近は広告収入モデルの商用利用可の素材サイトが増えてきましたね！
無料で使えるのでありがたいことです。
ブログを作成するときにも使える
私が仕事でよく使う素材サイトをまとめました。
素材が使える媒体って？
この利用可能な媒体一覧はフリー素材 BEIZ imagesのものですが
他素材サイトにも準ずるものがあるので
商用利用可ってあるけどどこまでだろう？？と悩んだ時に見るといいですよ。
個人・商用・販売についてのNGラインがパット見で分かりやすくてナイスです！
商用利用OK商品化OK二次加工OK再配布・販売NG商標登録NG意匠登録NGの場合の利用媒体別リスト
| 利用媒体 | 二次加工 | 個人利用 | 商用利用 | 再配布 | 商品化 |
|---|---|---|---|---|---|
| ホームページ | ○ | ○ | ○ | ○ | ○ |
| ホームページ テンプレート | ○ | ○ | ○ | ○ | ○ |
| ブログ | ○ | ○ | ○ | ○ | ○ |
| ブログ テンプレート | ○ | ○ | ○ | ○ | ○ |
| オンラインショップ | ○ | ○ | ○ | ○ | ○ |
| バナー | ○ | ○ | ○ | ○ | ○ |
| バナー テンプレート | ○ | ○ | ○ | ○ | ○ |
| PC壁紙 | ○ | ○ | ╳ | ╳ | ╳ |
| 携帯壁紙 | ○ | ○ | ╳ | ╳ | ╳ |
| スマートフォン壁紙 | ○ | ○ | ╳ | ╳ | ╳ |
| SNSカバー | ○ | ○ | ╳ | ╳ | ╳ |
| スマートフォン アプリ | ○ | ○ | ○ | ○ | ○ |
| アプリケーション全般 | ○ | ○ | ○ | ○ | ○ |
| システムアプリケーション | ○ | ○ | ○ | ○ | ○ |
| ゲーム全般 | ○ | ○ | ○ | ○ | ○ |
| オンラインゲーム | ○ | ○ | ○ | ○ | ○ |
| ソーシャルゲーム | ○ | ○ | ○ | ○ | ○ |
| オンラインサービス全般 | ○ | ○ | ○ | ○ | ○ |
| DVD | ○ | ○ | ○ | ○ | ○ |
| 電子書籍 | ○ | ○ | ○ | ○ | ○ |
| 本・雑誌・書籍全般 | ○ | ○ | ○ | ○ | ○ |
| ポスター | ○ | ○ | ○ | ○ | ○ |
| カタログ | ○ | ○ | ○ | ○ | ○ |
| パンフレット | ○ | ○ | ○ | ○ | ○ |
| チラシ | ○ | ○ | ○ | ○ | ○ |
| ダイレクトメール | ○ | ○ | ○ | ○ | ○ |
| POP広告 | ○ | ○ | ○ | ○ | ○ |
| パッケージ | ○ | ○ | ○ | ○ | ○ |
| ラベル | ○ | ○ | ○ | ○ | ○ |
| 社内報・会報 | ○ | ○ | ○ | ○ | ○ |
| 教材 | ○ | ○ | ○ | ○ | ○ |
| 資料 | ○ | ○ | ○ | ○ | ○ |
| 新聞広告 | ○ | ○ | ○ | ○ | ○ |
| フリーペーパー | ○ | ○ | ○ | ○ | ○ |
| カレンダー | ○ | ○ | ○ | ○ | ○ |
| ポストカード | ○ | ○ | ○ | ○ | ○ |
| 名刺 | ○ | ○ | ○ | ○ | ○ |
| 看板・ディスプレイ | ○ | ○ | ○ | ○ | ○ |
| 雑貨・グッズ | ○ | ○ | ○ | ○ | ○ |
| 景品 | ○ | ○ | ○ | ○ | ○ |
| ノベルティ | ○ | ○ | ○ | ○ | ○ |
| アパレル製品全般 | ○ | ○ | ○ | ○ | ○ |
| おもちゃ | ○ | ○ | ○ | ○ | ○ |
| 文具 | ○ | ○ | ○ | ○ | ○ |
| 動画・映像 | ○ | ○ | ○ | ○ | ○ |
| アニメ | ○ | ○ | ○ | ○ | ○ |
| テレビ・映画 | ○ | ○ | ○ | ○ | ○ |
| 演劇・コンサート | ○ | ○ | ○ | ○ | ○ |
| イラスト | ○ | ○ | ○ | ○ | ○ |
| 写真集・素材集 | ╳ | ╳ | ╳ | ╳ | ╳ |
| 素材サイト | ╳ | ╳ | ╳ | ╳ | ╳ |
| ストックフォト | ╳ | ╳ | ╳ | ╳ | ╳ |
| 商標登録 | ╳ | ╳ | ╳ | ╳ | ╳ |
| 意匠登録 | ╳ | ╳ | ╳ | ╳ | ╳ |
素材サイトの素材そのものを再配布したり、素材自体を売ったり、商標登録や意匠登録という素材の自由度を奪う行為が×になっているのがわかりますね。
写真素材
無料の画像素材をダウンロード｜フリー素材 BEIZ images
無料の画像素材をダウンロード｜フリー素材 BEIZ image
表記義務無し商用利用OK商品化OK二次加工OK再配布・販売NG商標登録NG意匠登録NG
解像度の高いきれいな写真素材が沢山あります。
特にテクスチャー系が使いやすくてお気に入りです。
出典：サイトの概要
利用規約に使用用途について詳しく書いてあるのでよく読んでつかってくださいね！
無料写真素材「写真AC」
無料写真素材「写真AC」
表記義務無し商用利用OK商品化OK二次加工OKロゴNGアダルトNG再配布・販売NG商標登録NG意匠登録NG
登録型の素材サイトです。無料会員だと１日１枚と枚数制限がありますが自由度が高く使いやすい写真素材が多いのでよく使わせて頂いています。
ダウンロードする時にアンケートや広告が出てきます！
フリー素材 ぱくたそ
フリー素材 ぱくたそ
表記義務無し商用利用OK二次加工OK商品化NGアダルトNG再配布・販売NG商標登録NG意匠登録NG
面白い写真が沢山あります。
日本人の人物画像が多いのですが、人物写真の利用規約もあるので規約をよく読んでつかってくださいね！
モデルや所属事務所の評価が著しく低下する利用
イメージキャラクターや公式イメージとして利用
が主にNGとなっています！
O-DAN (オーダン）- 無料写真素材・フリーフォト検索
高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」
商用利用OK他サイトの規約に準ずる
38の海外のフリー写真素材サイトをまとめて検索出来る検索ベースのサイトです。
ブログならコピーライトを追加すればOKな場合がおおいですが利用規約や使用用途が各サイトや写真ごとに違うので商品に使う場合は注意が必要です。
商用利用できる写真をチェックボックスにチェックを入れるだけで検索できるのがいいですね！
ライセンスについては各サイトベースになるので複雑ですが、簡単検索は魅力的なのでブログならよいかもしれません。
アイコン素材
アイコン素材ダウンロードサイト「icooon-mono」
アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト
表記義務無し商用利用OK商品化OK二次加工OK再配布・販売NG商標登録NG意匠登録NG
ベーシックなものからマニアックなものまでアイコンが無料ダウンロード出来るサイトです。
画像形式もPNG,JPG,SVGと選べますし、サイズ・色も変更出来ます。
サイトの使い方も簡単なのでそれはもうめっちゃたくさんこれでもかって多様させていただいています（語彙力）
Icons – Material Design
Icons – Material Design
表記義務無し商用利用OK再配布・販売NG商標登録NG意匠登録NG
Googleさんのオープンソースのアイコンライブラリーです。
英語ですが使い方は簡単！アイコンを選択すると右側にSGV,PNGどっちでダウンロードするか選択画面が出てくるのでボタンを押すだけです！
サイズと色も選べますよ〜！
またWEB ICONも用意されています。
詳しい使い方はガイドをみてくださいね。
WEB ICONとして使う時のHTML
フォントデータを読み込みします。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
表示したいところにタグを追加
<i class="material-icons">face</i>
faceの部分を該当するアイコンの名前に変更すると色々なアイコンが表示出来ますよ。
アイコン名はサイトで選択した時の右エリアIcon font部分にタグが表示されます。
WEB ICONとして使う時のCSS
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
イラスト素材
無料イラストなら「イラストAC」
無料イラストなら「イラストAC」
表記義務無し商用利用OK商品化OK二次加工OKロゴNGアダルトNG再配布・販売NG商標登録NG意匠登録NG
「写真AC」と同じく登録型の素材サイトです。無料会員だと１日１枚と枚数制限がありますが自由度が高く使いやすい写真素材が多いのでよく使わせて頂いています。
Illustrator形式(ai)でダウンロード出来るのでパーツに分けて使ったり色を変えたり自由自在ですよ。
アイコン素材もあり便利です！
こちらもダウンロードする時にアンケートや広告が出てきます！