【Adobe AfterEffects初心者必見！】アニメーションロゴを作る為には？【グリッドとスナップ編】

: クリエイター

DATE

2019.02.28
WRITTEN BY

あおい

グリッドとは？

デザイン関連でいう「グリッド」とは縦横に均等に並んだ点または線のことで、オブジェクトを一定の間隔で配置したり、横一列や縦一列で配置したり規則性をもったデザインを行う際に便利なツールです。PhotoshopやIllustrator 等でも、とても便利なツールとして活用されています。

グリッドの表示と調整方法

では、実際にグリッドを表示してみましょう。メニューバーの「ビュー」→「グリッドを表示」をクリックすることで、コンポジションパネルに緑色のグリッド線が表示されます。

この縦横の線に沿ってレイアウトしていけば、規則正しい配置ができるという訳です。ただし、このグリッドを表示しただけでは配置の目安を表示したに過ぎません。この縦横のグリッド線の交差する点にピッタリ配置する為の設定がもう一つあります。それが「グリッドへのスナップ」というツールです。

ドスパラ GALLERIA
RM5C-R36

155,980円

公式サイトへ

・デザインと真摯に向き合うことで生まれた新ケース
・洗練されたスペックが、快適なプレイアビリティを実現
TSUKUMO
GA7J-F211/T

184,800円

公式サイトへ

・ツクモBTOで一番売れているG-GEARシリーズ！
・高冷却のオリジナルケースに隙のないオールマイティスペック！
Ark
GC-I5G36M

159,800円

公式サイトへ

・コダワルほどにオトクになる「自分だけのコダワリの一台」
・コダワリを形に出来るカスタマイズ性
インバースネット
FRGH570/SG2

279,800円

公式サイトへ

・エアフロー性能とデザイン性に優れたプレミアムタワーケース
・NVIDIA GeForce RTX 3070 Ti搭載
パソコン工房
LEVEL-R05A-iX4-RBX

191,980円

公式サイトへ

・拡張性の高いミドルタワーケースを採用したゲーミングPC、購入後のメンテナンスも簡易

パソコン工房 LEVEL-R05A-iX4-RBX

191,980円（税込）

公式サイトで詳細を見る

191,980(税込)

編集部が選ぶ今もっともおすすめのBTOパソコン！

美しさと性能を兼ね備えたBTOパソコン

自在に光り方や色の変更しオリジナリティある環境が構築できるゲーミングPC、拡張性の高いミドルタワーケースを採用し増設がしやすく、購入後のメンテナンスも簡易に可能！

スナップとは？

「スナップ」という言葉だけでは色々な意味がありますが、今回で言うスナップは「グリッドへのスナップ」つまり「グリッドに従って動いてね」という意味になります。このツールを使うことで、オブジェクトをグリッド線の交点に吸着するように動かすことができます。

では、「グリッドへのスナップ」を有効にしてみましょう。先の操作で「グリッドを表示」にチェックマークが入っている状態になっていることを確認します。確認ができたら、その下にある「グリッドへのスナップ」をクリックして有効にします。画面上では変化はありませんが、実際にオブジェクトを移動してみるとカクカクと移動するのが分かると思います。これで、オブジェクトを直感的に、かつ規則正しく配置することができるようになりました。

グリッドの設定を変更する

グリッドの使い方が分かったところで、今度はこのグリッドを調整する方法をお伝えします。グリッドはデフォルトでは80px (ピクセル)を4分割して表示するようになっていますが、作成したいコンポジションのサイズによって求めるグリッド間隔を変えたい場合もあります。そんな時はAfterEffectsの環境設定からグリッドの設定を変更できます。

メニューバーの「編集」→「環境設定」→「グリッド＆ガイド」をクリックして設定画面を表示します。

表示された設定内の「グリッド間隔」の数字を調整することで変更することが可能です。なお、「グリッド間隔」で指定したグリッド線は実線（デフォルト）となり、その間をいくつかに分割して表示するのが「分割数」です。分割したグリッド線は点線で表示されます。

基本的に設定は自由ですが、覚えておきたいのはグリッドへのスナップを有効にしている場合は指定したグリッド線に沿って動きますので、グリッド間隔を小さくすることで自由度が増えるということは覚えておきましょう。ただし、小さくし過ぎるとグリッドの意味が無くなってしまう為、ある程度のバランスは必要と言えます。

まとめ

今回は、グリッドとスナップについて触れてきました。これはAfterEffectsに限らず、Photoshop やIllustratorでも使える便利ツールなので覚えておいて損はありません。また、AfterEffectsには特殊なグリッドとして「プロポーショナルグリッド」というものもあります。これは、コンポジションのサイズに関わらずコンポジション全体を何分割して表示するかというものですので、参考までに覚えておいてください。

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月1日時点の価格

商品	価格	CPU	GPU	メモリー	SSD	HDD	電源
ドスパラ GALLERIA RM5C-R36	155,980円公式サイトへ	Intel Core i5-11400	NVIDIA RTX 3060	DDR4-3200 16GB(8GBx2)	SSD M.2 500GB/td>	ー	650W/80PLUS BRONZE
TSUKUMO GA7J-F211/T	184,800円公式サイトへ	Intel Core i7-11700	NVIDIA RTX 3060	DDR4-3200 16GB(8GBx2)	SSD M.2 500GB	ー	750W/80PLUS GOLD
インバースネット FRGH570/SG2	279,800円公式サイトへ	Intel Core i7-11700KF	NVIDIA RTX 3070 Ti	DDR4-3200 16GB(8GBx2)	SSD M.2 1TB	2TB HDD	850W/80PLUS GOLD
アプライドネット Barikata SF30	92,800円公式サイトへ	Intel Core i5-11400	ー	8GB(8GBx1)	SSD M.2 500GB	ー	750W/80PLUS GOLD
STORM PG-DV7	180,800円公式サイトへ	Intel Core i7-11700	NVIDIA RTX 3060	DDR4-3200 16GB(8GBx2)	SSD M.2 500GB/td>	ー	850W/80PLUS GOLD