• TOP
  • CATEGORY
    クリエイター
  • TITLE
    ここまで、シェイプレイヤーやテキストレイヤーなどでオブジェクト作ってきましたが、これらを配置する際には座標で指定したり、マウスでドラッグして移動したりといった方法がありますが、座標でしていするには分かりにくいですし、マウスで移動だとアバウトになってしまいます。そんな時に便利な方法として「グリッド」と「スナップ」について触れていきたいと思います。
CATEGORY
クリエイター

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

  • DATE
    2019.02.28
  • WRITTEN BY
    あおい

サイコム G-Master Velox Intel Edition

197,010円(税込)

編集部が選ぶおすすめのBTO PC!
厳選されたパーツ構成、BTO初心者にも最適なゲーミングPC。カスタマイズなしで多くのゲームがプレイ可能。

BTOパソコンはパーツ選びが難しい、そんなユーザーの声に答えた「G-Master Velox」シリーズ。厳選されたパーツで構成されたBTO初心者にも最適な高性能なゲーミングPC。カスタマイズなしでも多くのゲームタイトルを快適にプレイ可能。

>> 関連記事 :Adobe AfterEffects:アニメーションロゴを作る為には?文字!【テキストレイヤー編】


  • サイコム

    G-Master Velox Intel Edition


    ・厳選されたパーツ構成、BTO初心者にも最適なゲーミングPC!
    ・カスタマイズなしで多くのゲームがプレイ可能

  • THIRDWAVE

    Monarch FE


    ・大容量ミドルタワーケースで拡張性の高いBTOモデル

  • クリエイターPC

    WA9A-E211/XT


    ・ローエンドからハイクラスまで、用途に合わせたGPUが選べるクリエイター向けモデル

  • ストーム

    PG-PH12


    ・抜群のエアフローケースで冷却を採用したRTX3060モデル

  • パソコン工房

    LEVEL-R769-LC129K-WAX


    ・ゲームも動画配信も万全なインテルのハイエンドCPU、Core i9を搭載!

グリッドとは?

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

 

 

 

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

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

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

 

 

 

スナップとは?

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

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

 

 

 

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

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

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

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

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

>> 関連記事 :Adobe AfterEffects:アニメーションロゴを作る為には?【3Dレイヤーによるモーションコントロール 編】

 

 

 

まとめ

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

今おすすめのBTOパソコン

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

※6月1日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
サイコム

G-Master Velox Intel Edition

Core i5-12400 RTX 3060 16GB 500GB NVMe 650W GOLD
THIRDWAVE

Monarch FE

Core i9-12900 CPU内蔵グラフィックス 16GB 500GB NVMe 550W BRONZE
クリエイターPC

WA9A-E211/XT

Ryzen 9 5900X GTX 1650 32GB 1TB 2TB 750W GOLD
ストーム

PG-PH12

Core i5-12400 RTX 3060 16GB 500GB NVMe 850W GOLD
パソコン工房

LEVEL-R769-LC129K-WAX

Core i9-12900K RTX 3080 Ti 32GB 1TB 800W GOLD

自作PC女子図鑑_瑠花さん記事のアイキャッチ
BACK TO LIST

見た目良し!スペック良し!なサイコムのBTOパソコンを、女性自作erでもあるストリーマー・つつまるがレビュー!【PR】

自作erも納得の性能!eスポーツキャスター・平岩康佑がGALLERIA(ガレリア)のBTOパソコンをレビュー【PR】

FPSプロゲーマー・GorouがツクモのゲーミングPC「G-GEAR Aim」をレビュー!Apexでの無双プレイもお任せ【PR】

FPS界屈指の実力派・GreedZzも納得!arkのゲーミングPC「arkhive」の性能をApexで体験【PR】

FPS初心者にこそおすすめ!プロゲーマー・keptがパソコン工房のゲーミングPC「LEVEL∞」の実力をApexで試してみた 【PR】

Apexプレデター・Lightも大満足!FRONTIERのBTOパソコンの実力を検証してみた【PR】

【エルデンリング】推奨Ping値・重いときにラグを減らす方法まとめ

【FF14】Ping値の確認方法とレイテンシが高いときの対処法

【原神】Ping値の確認方法とレイテンシが高いときの対処法

【フォートナイト】Ping値の確認方法とレイテンシが高いときの対処法

【Apex Legends】Ping値の確認方法とレイテンシが高いときの対処法

原神に必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

フォートナイトに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

Apex Legendsに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

ELDEN RING(エルデンリング)の推奨スペック&ベンチマークとおすすめグラボまとめ

FF15の推奨スペック&ベンチマークとおすすめグラボ・CPU・ゲーミングPCまとめ