Advertisement

 

この記事では、絵を描くのが苦手という非デザイナーのひとにも役立つ、商用利用可能な無料イラスト素材を公開しているサイトをまとめてご紹介します。

 

最近のウェブサイトのランディングページやスマホアプリなどでよく見かける、キャラクターをつかったイラストスタイルに対応した、比較的新しい素材ライブラリが中心に揃います。

 

日本生まれのイラスト素材をダウンロードしたいときは、以下の記事でまとめているので、一緒に確認してみてはいかがでしょう。

この記事は、2019年4月23日の初投稿から再編集、アップデートを随時行っています。2020年2月25日に新しい無料イラストを加え、合計54個のフリー素材サイトを紹介し

 

商用OK!今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイトまとめ

 

Scale

高品質なイラストが毎日アップデートされており、カラーピッカーでお好みの配色に変更することも可能。クレジット表記不要で、商用利用にもばっちり対応しています。

 

 

 

DrawKit

毎週アップデートが行われている、かわいいスタイルの無料イラストライブラリ。ミニマルで洗練された雰囲気を演出したいときにオススメ。セットごとにイラストがまとまっているので、統一感のあるデザインづくりにも。メルマガ登録しておけば、毎週新しいイラストがメールで届きます。

 

 

 

Blush Illustrations

世界中のイラストレーターによるイラストライブラリ集。イラストを作成、組み合わせ、カスタマイズを自在に行うことができ、プロジェクトに手軽にイラストを追加できる便利ツール。FigmaとSketch用プラグインも無料公開中。

 

 

 

sapiens

男女のキャラクターイラストをカスタマイズおよび作成し、SVGまたはPNGファイルでダウンロードできるオンラインサービス。キャラクター作成アプリも$39で販売されています。

 

 

 

ITG Digital

人気のイラスト素材をニーズやシーンに合わせてカスタマイズ、作成しダウンロードできる新しいサービス。時間がないときや、同じスタイルで統一したいとき、高品質なイラストが欲しいときにオススメ。

itg-digital

 

 

ここでは、動きのついたイラストアニメーションも無料公開されています。Lottie対応のJSONファイル、またはmp4ファイルでダウンロードが可能。イラストの代わりに利用すると効果的。


最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの

 

Stubborn Generator

SketchやFigma、Adobe XDなどのプロトタイプツールで利用できる、無料のキャラクター作成ツール。異なる表情や服装、ポーズなどニーズに合ったデザインに仕上げることができます。

 

 

 

Humaaans

着せ替え感覚で自分だけのオリジナルイラストを手軽に作成できるSkethc用ライブラリ。体のパーツや肌の色、ポーズなどを変更でき、多様性に富んだデザインも魅力です。前述のBlushプラグインでも利用可能。

 

 

 

Open Peeps

トレンドのゆるい感じの手描きイラストを手軽に作成できるデザインキット。58万通り以上の組み合わせを楽しむことができます。

open-peep

 

 

 

Avataaars

さまざまなキャラクター、アバターをSketchをつかって自由に作成できるデザインライブラリ。豊富なバラエティは、以下の動画でも確認できます。

 

 

 

Bottts

人間の代わりにロボットのかわいいイラストはいかがでしょう。上記AvataaarsやHumaaansともマッチするデザインスタイル。

 

 

 

IRA Design

美しいグラデーションカラーが特長のイラスト作成ツール。200種類を超えるデザイン素材を組み合わせ、お好みのテイストに仕上げることができます。テンプレートですぐに始めることも可能。

iradesign

 

 

 

Illustrations

商用利用もできる100種類のかわいいイラストを公開しているサイトで、AIやSVG、PNG,EPSファイルで無料ダウンロードできます。

illustrations

 

 

 

Nice Illustration

クレジット表記不要で、商用利用も可能なイラスト素材を無料公開しているサイト。PNGファイルとカスタマイズできるSVGファイルでダウンロードどうぞ。

 

 

 

Shape Illustration

3万点を超える、すべてカスタマイズ可能なアイコンやイラストをセットにした有料アイテムで、無料デモとしてFigma用イラスト、アイコンファイルをダウンロードできます。

shape-illustration

 

 

 

Free Vector Images for Commercial Use

商用利用も可能なイラストレーションをIllustrator用AIファイル、Sketchファイル、SVGファイルで無料ダウンロードできます。イラスト数はまだ少ないですが、今後も定期的にアップデート予定だそう。

free-vector-images

 

 

 

Indian Doodle

インド人のライフスタイルに合わせた、60種類のシンプルなイラストライブラリ。PhotoshopやIllustratorの他、Adobe XDやFigma、Sketchにも対応しています。

indian-doodle-illustrations

 

 

 

pixeltrue

商用利用も可能なSVGベクターイラストを無料配布しているサイト。Illustratorで編集できるAiファイルの他、Lottie対応のアニメーション付イラストもJSONファイルでも公開中。

free_vector_illustrations

 

 

 

3D Illustration Pack

立体的な3Dイラストは、2021年に注目したいデザインスタイルのひとつ。Figma用デザインパックで、個人プロジェクトのみ利用可能。

 

 

 

Vektors

個人および商用利用もできる高品質なイラスト素材のみを厳選し、公開しているウェブサイト。更新も定期的に行われており、ユニークなイラストを探しているときに便利。ブックマークしておくと良いでしょう。

 

 

もっと無料で利用できるイラストを探したいときは、以下の記事も参考にしてみると良いでしょう。海外向けイラストだけでなく、日本発のイラストも一緒にまとめています

 

この記事は、2019年4月23日の初投稿から再編集、アップデートを随時行っています。2020年2月25日に新しい無料イラストを加え、合計54個のフリー素材サイトを紹介し

 

上記で紹介したイラストは、すべて個人および商用で無料利用できますが、デザインにイラストを使用する前にライセンスを一度確認するようにしましょう。

 

 

イラストを魅力的にするカスタマイズのポイント10個

 

無料ダウンロードできるイラスト素材の唯一の欠点が、他のデザインと似たような同じ見た目になってしまう点です。

 

しかし、ほんの少しの調整を行うことで、よりオリジナル性の高いイラスト素材に仕上げることができます。

 

ここでは、手軽に実践できるイラストカスタマイズの小技10個を試してみましょう。

 

1. 円サークルを追加しよう

イラストレーションの後ろや周りに、シンプルな円サークルを追加してみましょう。

 

2. ブロブを追加しよう

インクが染みたような無造作なシェイプを追加したり、背景シーンをシェイプでマスクすることで、テクスチャや前景の切り離すのにも効果的なテクニックです。

 

3. 小さな図形シェイプを追加しよう

もうひとつのよく見かけるイラストスタイルは、三角形や長方形などの幾何学シェイプを追加することで、エネルギッシュさや動き、リムズを表現できます。

 

4. 巨大でカラフルなグローを追加しよう

柔らかいソフトな印象の淡いグローを加えることで、イラストに奥行き感を演出します。

 

5. アイコンを活用しよう

イラストの背景にアイコンを活用知ることで、キャラクターが何をしているのか表現し、ユーザーが理解しやすくなります。

 

6. ユニークな色の組み合わせを考えよう

控えめで落ち着いたナチュラル系のパステルカラーや、鮮やかな配色を用いることでアートワークを目立たせてみましょう。

この記事は、2016年8月22日に公開してから再編集、アップデートを随時行っています。新しいツールを加え、サービスが終了しているツールは削除し、合計72個の配色ツールサ

 

7. ミニマルなアウトラインスタイルを利用しよう

白黒のシンプルなアイコンやミニマルなイラストと、ポップな配色を組み合わるのも効果的なテクニック。

アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8

 

8. カンバス全体をデザインしよう

完成下デザインだけでなく、カンバスの周りもデザインに活用することで、雰囲気をより伝えることができるでしょう。

 

9. シーンだけを描こう

キャラクターをデザインから省き、ユニークで興味を引くシーンのみを作成してみましょう。

 

10. テクニックを組み合わせよう

小さな図形シェイプを追加し、円サークルをつかって淡いグローの背景をマスクするなど、上記テクニックを組み合わせて、伝えたいメッセージや内容を表現してみましょう。

 

SVGアニメーションを手軽に実装できるLottieを使えば、イラストの表現の幅を無限にすることができるでしょう。

最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの

 

トレンドの配色やデザインスタイルも確認し、うまく取り入れてみるなどあらゆるアイデアを試してみましょう。

海外サイト 99designs で公開された 11 inspiring graphic design trends for 2021 より許可をもらい、翻訳転載していま
海外サイト 99designs で公開された 9 stunning web design trends for 2021 より許可をもらい、翻訳転載しています。

 

特に配色に関しては、新型コロナウイルスの影響もあり、よりナチュラルで落ち着いたカラーリングに人気が集まっています。

海外サイト 99designs で公開された 8 brilliant color trends for 2021 より許可をもらい、翻訳転載しています。

 

参照元リンク : Amazing Free Illustration Resources and How to Use Them in UI Design – Designerup.co