商用利用可！無料のベクター素材配布サイト&ダウンロードしてアニメーションさせる方法

目次閉じる

はじめに
ベクター素材とは
拡張子について
- .ai
- .eps
- .svg
ベクター素材をIllustratorに読み込む
読み込んだパスをAftereffectsで扱う
ベクター素材サイトまとめ
最後に

目次へ

はじめに

今回は、デザイン仕事には欠かせないベクター素材の紹介です。

最近は商用利用可能の無料ベクター素材がたくさんあります。自分で1から作らなくてもいいので、時間がない時などとても助かります。

配布されているものをそのまま使うこともできますが、自分なりにカスタマイズしてより好みのデザインにすることができます。

ベクター素材は広告や本の平面グラフィックデザインを始め、Web、映像など広く活用されています。ここでは映像におけるベクター素材の使い方、シルエットや、アイコンなど商用利用可能の無料ベクター素材の配布サイトをご紹介していきます。

今回のメインアプリケーションは、IllustratorとAfftereffectsですが、ベクター素材はその他のアプリケーションでも使うことができます。

ベクター素材とは

ベクター素材は、jpg、PSD形式と異なり拡大縮小しても画像が劣化しないというメリットがあります。

どんなサイズにも適応できますので、看板やポスターといった大判印刷から巨大なデジタルサイネージなどにも利用できます。また、色やデザインの変更が簡単に行えるため、自分の好みに合わせてカスタマイズして使いたい場合に向いています。

拡張子について

ベクター素材の拡張子(ファイル名.拡張子)はひとつではありません。主にai,eps,svgが使われています。

.ai

Adobe Systems社が開発しているグラフィックスソフト「Adobe Illustrator」のネイティブなファイル形式として用いられる拡張子です。

Illustratorは画像をベクタグラフィックスとして作成ため、比較的軽量です。

.eps

Encapsulated PostScript（カプセル化されたポストスクリプト）の略です。

PostScriptのデータをアプリケーションで交換するためのファイルの形式のことです。
テキストデータや画像データなど、ページ上の全ての要素を含んでおり、また、高解像度用と低解像度用の2つのデータを内部に持っているため、デスクトップでは低解像度用のデータで高速な編集を可能にし、印刷時には、高解像度用のデータでプリンタの最高性能の出力を得ることを実現しています。DTPの分野で幅広く利用されています。

.svg

Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）の略です。
W3Cにより開発された、画像をベクタグラフィックスとして表現するためのXMLという言語で記述されているベクターイメージです。

WEBの分野で幅広く利用されている。XMLをベースとしているためテキストエディタなどで修正することが可能である上に、XHTML形式のファイルに埋め込んで、Webページでベクタグラフィックスを表現することができます。フィルター効果を使って色やぼかしなどで見た目を変えたり、CSS3やjQueryと組み合わせてアニメーション表示も可能です。