Home / Webデザイン / 無料で使える!シンプルおしゃれなイラスト素材「unDraw」の使い方 —Adobe XDとの連携も可能

無料で使える!シンプルおしゃれなイラスト素材「unDraw」の使い方 —Adobe XDとの連携も可能

シンプルでイケてるフリーイラストはないかな…

よくある無料イラストとは一線を画したい…
海外風タッチのおしゃれなイラストはないかな…

IT・ビジネス系のイラスト素材をお探しの方には、無料で使えるシンプルおしゃれなイラスト素材「unDraw(アンドロー)」がおすすめです!

今回は、「unDraw」の魅力と使い方についてご紹介したいと思います!

unDraw(アンドロー)とは

unDrawとは

「unDraw」は、ギリシャの女性イラストレーター Katerina Limpitsouni氏が運営する無料イラストダウンロードサイトです。

シンプルでかっこいい、おしゃれなイラスト素材が豊富にあり、全て無料でダウンロードすることができます。

【プロモーション】

フラットなデザインで全てテイストが似ており、ひとつひとつがとても洗練されていて無料素材とは思えないほどのクオリティです。

unDrawの特徴

会員登録不要
プラン全て無料
ファイル形式SVG または PNG
商用利用可能
クレジット表記不要
イラストカラーサイト上で変更が可能
イラストのダウンロード数の制限なし

unDrawの使い方

 

まずは、unDrawのサイトにアクセスしましょう。

会員登録などの手続きは不要です。

unDrawの使い方

使い方は、とっても簡単!検索窓に自分が使いたいイラストのテーマを英字入力するだけです。

試しに「Design」と入力してみましたが、とてもたくさんの候補が出てきました。

自分が使いたいイラストを見つけたらクリックして、保存形式をSVGまたはPNGから選びましょう。

SVGとPNGの違いは何ですか?

SVGは「ベクトル形式」、PNGは「ラスタ形式」の画像です。
SVGファイルはテキストエディタ等で編集が可能です。

保存形式は、SVGとPNGのどちらを選べばいいですか?

ブログやアイキャッチなどの使用にする分には、PNG画像で十分ですが、ロゴに使用するなど、後にテキストエディタでの編集をしたい人はSVGを選ぶといいかと思います。

イラストカラーの変更方法

unDrawカラー変更

unDrawでは、イラストのカラーをサイト内で簡単に変更することができるのもとっても便利です!

カラーの変更方法には、以下の3つ方法があります。

①指定のカラータイプから選ぶ

②カラーコードを入力する

③カラーパレットから自由に調節

unDrawカラー変更

デザインを統一するために、今後同じ色を使いたい場合もあると思いますので、気に入ったカラーがあればカラーコードを控えておくといいかと思います。

unDrawカラー変更

Adobe XDとの連携も可能

unDraw Adobe XD

プラグインを入れることで、Adobe XDとの連携も可能です!

下記サイトから、プラグインをダウンロードすることでAdobe XD内でもunDrawを使用することができます。

 

ダウンロードできれば、Adobe XDのプラグインから、unDrawのSVG画像をコピー&ペーストで貼り付けることができます!

unDrawのAdobe XDでの使い方

unDraw Adobe XD

XDを立ち上げ、上部のプラグインメニューからunDrawを選択します。

unDraw Adobe XD

次に画像選択画面が立ち上がるので、必要な画像をクリックして選びます。

?のマークから英字で検索することも可能です。

unDraw Adobe XD

クリックするだけでダウンロードが完了します。

unDraw Adobe XD

XDのダッシュボード内で、control(command)+V または 右クリックから貼り付けでSVG画像を挿入することができます。

unDraw Adobe XD

イラストは、全てパーツごとに形成されています。

unDraw Adobe XD

パーツを選択して必要な部分だけカラーを変更することもできます。

unDrawの使い方 まとめ

今回は、無料で使える!シンプルおしゃれなイラスト素材「unDraw」の使い方についてご紹介しました。

簡単にダウンロードして使えることはもちろん、カラーを変更したり、Adobe XDと連携して利用できる点も無料とは思えないほど便利です。

他の人とイラストデザインが被りたくないという人は、ぜひ取り入れて周りと差別化してみてください。

タグ付け処理あり:
※本ブログにはプロモーションが含まれています。

Illustrator PDF SDG's Webデザイナー お役立ち やってみた アート イラストレーター インタビュー エコ オンデマンド印刷 カレンダー コンビニ スクール テンプレート デザイン ノベルティ フライヤーチラシ フリーランス ペーパークラフト ポスター マンガでわかる初めての印刷通販 ライフスタイル レポート 企画 作ってみた 個人出展 再生紙 初心者 印刷 名刺 商品紹介 季節商品 工作 年末年始 手作り部 森募金 活用例 特殊紙 環境 用語解説 販促 集客 飲食店

プロモーション

Adobe Creative Cloud コンプリートプラン 12ヶ月版 Windows/Mac対応 オンラインコード 個人版 正規品

【Adobe公式】Creative Cloud フォトプラン(Photoshop Lightroom ) Illustratorセット | 生成AI Firefly搭載 写真画像イラスト編集ソフト(最新)| 12ヵ月 | オンラインコード版 Win / Mac / iPad アプリ対応 | 8K 4K 画像 写真 イラスト デザイン フォント アドビ フォトショ イラレ

デザインのひきだし54

デザインのひきだし53

グラフィックデザイナーのためのDTP&印刷しくみ事典

特殊印刷・加工事典[完全保存版] デザイナーのための制作ガイド&アイデア集

増補版 印刷・加工DIYブック