最後にはじめに今回は、デザイン仕事には欠かせないベクター素材の紹介です。最近は商用利用可能の無料ベクター素材がたくさんあります。自分で1から作らなくてもいいので、時間がない時などとても助かります。配布されているものをそのまま使うこともできますが、自分なりにカスタマイズしてより好みのデザインにすることができます。ベクター素材は広告や本の平面グラフィックデザインを始め、Web、映像など広く活用されています。ここでは映像におけるベクター素材の使い方、シルエットや、アイコンなど商用利用可能の無料ベクター素材の配布サイトをご紹介していきます。今回のメインアプリケーションは、IllustratorとAfftereffectsですが、ベクター素材はその他のアプリケーションでも使うことができます。ベクター素材とはベクター素材は、jpg、PSD形式と異なり拡大縮小しても画像が劣化しないというメリットがあります。どんなサイズにも適応できますので、看板やポスターといった大判印刷から巨大なデジタルサイネージなどにも利用できます。色やデザインの変更が簡単に行えるため、自分の好みに合わせてカスタマイズして使いたい場合に向いています。拡張子についてベクター素材の拡張子(ファイル名.拡張子)はひとつではありません。ai,eps,svgが使われています。Illustrator」のネイティブなファイル形式として用いられる拡張子です。Illustratorは画像をベクタグラフィックスとして作成ため、比較的軽量です。PostScript(カプセル化されたポストスクリプト)の略です。PostScriptのデータをアプリケーションで交換するためのファイルの形式のことです。テキストデータや画像データなど、ページ上の全ての要素を含んでおり、また、高解像度用と低解像度用の2つのデータを内部に持っているため、デスクトップでは低解像度用のデータで高速な編集を可能にし、印刷時には、高解像度用のデータでプリンタの最高性能の出力を得ることを実現しています。DTPの分野で幅広く利用されています。Graphics(スケーラブル・ベクター・グラフィックス)の略です。W3Cにより開発された、画像をベクタグラフィックスとして表現するためのXMLという言語で記述されているベクターイメージです。WEBの分野で幅広く利用されている。XMLをベースとしているためテキストエディタなどで修正することが可能である上に、XHTML形式のファイルに埋め込んで、Webページでベクタグラフィックスを表現することができます。フィルター効果を使って色やぼかしなどで見た目を変えたり、CSS3やjQueryと組み合わせてアニメーション表示も可能です。ベクター素材をIllustratorに読み込む(当方CC2015使用)1.ダウンロードしたベクター素材をIllustratorで開くdesignworkplanよりダウンロード使用したいファイルをダウンロードしてIllustratorで開く。(またはIllustratorを開き、使用したいファイルを読み込む)2.Aftereffectsでコンポジションを作る新規コンポジションを作成します。今回は1280×720で作成しています。3.使用したいオブジェクトを選択する選択ツールまたはダイレクト選択ツールにて使いたいオブジェクトのパス選択してコピー(CTRL(⌘)+C)選択ツールクリックしたり、周りをドラッグしたりして、オブジェクトやグループをすばやく選択できます。グループ内のグループおよびグループ内のオブジェクトも選択できます。ダイレクト選択ツールオブジェクトの個々のアンカーポイントまたはパスセグメントをクリックして選択したり、アンカーポイント以外の任意の位置をクリックしてパス全体やグループ全体を選択したりできます。グループ内のオブジェクトを個別に選択することもできます。ペンツールでコンポジションビューアをクリックしてコピーしたパスをペースト(CTRL(⌘)+V)。どこをクリックしてもコンポジションの中心にコピーされます。シェイプのパスをIllustratorのパスから持ってくることができました。読み込んだパスをAftereffectsで扱う1.ペーストしたパスの大きさを変更するパスを選択し、自由変形ボックス(CTRL(⌘)+T)を出し、好みのサイズにします。大きさを変更する際のショートカットshiftを押しながらドラッグ比率固定しサイズの変更ができるshift+ctrl(⌘)を押しながらドラッグ比率固定しオブジェクトのアンカーポイントを中心にサイズの変更ができる2.色や形を変える線や塗りの色を変えたり、線の形、パスを変えるなどできます。3.アニメーションさせるもちろんキーフレームを打つこともできます。以上IllustratorからAftereffectsにパスを読み込み、アニメーションさせる方法でした。ベクター素材サイトまとめカスタマイズしやすいシンプルなベクター素材の紹介です。ICONS※メールアドレスを入力し、ダウンロードURLをメールサーバーに送ってもらう必要があります。(Vector)※ダウンロードするための簡単な条件があるので注意が必要です。(Vector)最後に映像制作における、ベクター素材の活用法をご紹介しました。カスタマイズしやすいシンプルなベクター素材サイトの紹介もしているので、気に入った素材をダウンロードして是非お好みデザインにしてみてください。お役に立てれば幸いです。この記事が気に入ったらいいねしよう!最新記事をお届けします。ユウナ絵画や映像作品を制作しながら、フリーランスで映像クリエイターとして働いています。