完全無料で使えるイラスト素材サイトunDraw【商用利用、色変更可】

こんにちは、アナログ子です。

今回は、「シンプルなデザインのイラストを使いたい」という方に向けて、フリーイラスト素材サイト「unDraw」を紹介します。

 「unDraw」の特徴
  • 完全無料
  • 商用利用:可
  • クレジット表記:不要
  • イラストの色変更:可
  • ファイル形式:SVG、PNG

「unDraw」では、無料かつ商用利用可能なイラストをダウンロードできます。

「unDraw」のイラストは、モダンで洗練されたデザイン。種類も豊富です。そして、イラストの色変更もできます!

「イラストが見つかったのに、ブログの雰囲気と合わない」「資料で使っている他のイラストと合わない」などの理由で諦めた経験はありませんか?「unDraw」では、あなたの目的に合わせてかなり細かい色変更が可能です!

ブログのアイキャッチ画像やSNS、資料作成など、幅広く使えますよ。

スポンサーリンク

フリーイラスト素材サイト「unDraw」の特徴

unDraw

「unDraw」は、2017年にサービスを開始したフリーイラスト素材サイト。いまでは月間100万回ダウンロードされているそうです(unDraw Creativesより)すごい人気ですね。

〉〉「unDraw」へアクセスする!

「unDraw」には、5つの特徴があります。

 5つの特徴
  • 完全無料
  • 商用利用:可
  • クレジット表記:不要
  • 色変更:可
  • ファイル形式:SVG、PNG

「unDraw」のイラストは、完全無料です。

クレジット表記も必要ありません。個人的な利用、商用利用どちらも可能です。ファイル形式はSVGとPNGの2つ。

さらに、イラストをダウンロードする前に、あなたのイメージに合わせて色変更も可能です。これはとても便利……!

個人的に、「unDraw」の一番の魅力は、簡単にイラストの色を変更できることだと思っています。

「unDraw」でダウンロードできるイラストをいくつか見てみましょう。

unDraw「Data points」
unDraw「Birthday girl」
unDraw「Camera」
unDraw「Informed decision」

たとえば、気に入ったイラストが見つかっても、「ブログの記事の雰囲気とイラストの色が合わないから使えなかった……」なんて経験はありませんか?

「unDraw」では、かなり細かく色のカスタマイズができます。

色を変更すると、イラストから受ける印象は随分ちがうものです。当サイトも「unDraw」のイラストを使う時は、色変更して使っていますよ。

「unDraw」の使い方

それでは、さっそく「unDraw」の使い方を解説します。

海外のサイトですが、操作は難しくありませんので安心してください。

手順は次のとおりです。

  • 「unDraw」へアクセス
  • イラストの色変更
  • イラストを選ぶ
  • ダウンロード

「unDraw」へアクセス 

まずは、下のリンクから「unDraw」 へアクセスしましょう。

〉〉「unDraw」へアクセスする!

Browse now」をクリックします。

unDraw

イラストページが表示されました。

unDraw

下にスクロールしていくと、どんどん新しいイラストが出てきます。

unDraw

「unDraw」では、500種類以上のイラストがあるそうです。素敵なイラストばかりで、目移りしてしまいますね。

イラストの色変更

「unDraw」のイラストは、はじめ青色に指定されていますが、あなたのイメージに合った色へ変更可能です。

右上にある青色のボタンをクリックしてください。

unDraw

色を変更するためのボックスが出てきました。

unDraw

バーを動かして好きな色を探してもいいですし、あらかじめ用意されているボタンから色を選ぶこともできます。また、「カラーコード」の指定も可能です。

「カラーコード」というのは、#(ハッシュ)からはじまる6桁の英数字です。0~9の数字とa~fのアルファベットを組み合わせて、色を指定します。

上の画像で、「#6C63FF」となっている場所へ「#FFFFFF」と入力してみましょう。

unDraw

イラストが白色に変わりました。あらかじめ、決まった色に指定したい場合は、カラーコードを使うと便利です。

下記リンクの原色大辞典からカラーコードを調べられますので、気になる方はチェックしてみてくださいね。

参考|HTMLカラーコード:WEB色見本 原色大辞典

イラストを選ぶ

表示されているイラストのなかから、好きなものを選びましょう。なかなか見つからないときは、「イラストの検索」をすることができます。

Search」 をクリックします。

unDraw

検索ボックスにイラストのイメージに合う「英単語」を入力、エンターを押します。

たとえば、勉強している様子のイラストを探したいときは、「study」「learn」「learnig」などですね。英単語はだいたいの雰囲気で選べば、関連イラストが表示されますよ!

unDraw

今回は、「study」と入力しました。タイトルに「study」を含むもの、また関連したイラストが表示されています。

UnDraw

ダウンロード 

最後は、ダウンロードです。お気に入りのイラストが見つかったら、イラストのアイコンをクリックしましょう。

unDraw

イラストのダウンロードでは、「SVG」「PNG」どちらかのファイル形式を選べます。どちらも画像のファイル形式で、イラストやロゴ、アイコンなどで使われています。

ブログのアイキャッチ画像などで利用する場合は、「PNG」を選びましょう。

「SVG」の特徴は、拡大縮小してもくっきり綺麗に表示できるところです。ただし、編集する為には、illustratorやPhotoshopなどのデザインツール、またはテキストエディタが必要です。

unDraw

これで、イラストのダウンロード完了です!

とても使いやすいフリーイラスト素材サイト「unDraw」

フリーイラスト素材サイト「unDraw」について紹介しました。

「本当に無料でいいのかな?」と思ってしまうくらい高品質なイラストが、たくさん用意されています。目的に合わせて色変更をすれば、自分のイメージにぴったりと合ったイラストが見つかるでしょう。

また、クレジット表記や商用利用についても心配する必要がなく、とても使いやすいサイトです。お気づきの方もおられるかもしれませんが、この記事のイラストはすべて「unDraw」のイラストです!本当に使いやすい(笑)

気に入ったイラストがあれば、ダウンロードしておくか、サイトをブックマークがおすすめですよ。

〉〉「unDraw」へアクセスする!

当サイトでは、ブログやWebサイト作成に役立つ情報をシェアしています。Twitterでも情報発信していますので、良かったらフォローしてくださいね!

こちらの記事もおすすめです。

ブログ
スポンサーリンク
シェアする
アナログ子をフォローする
TRIGGER BLOG

コメント

アナログ子

こんにちは、アナログ子です。「アナログな自分から変わりたい」ブログ、HTML、CSS、WordPressなど勉強中。自分が困ったこと、気になったことを記事に書いています。好物は「焼きいも」

アナログ子をフォローする
タイトルとURLをコピーしました