iPhone、iPad または iPad Pro で Adobe Photoshop Sketch を開き、Adobe ID を使用してログインします。
最終更新日 :
2026年2月23日
Sketch や Capture のシェイプを Illustrator ファイルに変換し、After Effects を使用してアニメートする
Adobe Sketch と Adobe Capture のモバイルアプリを使えば、インスピレーションが湧いたその場で、外出先でも作品を制作できます。 こうしたアプリで作成するシェイプは、After Effects に直接インポートすることも、編集や仕上げのために Illustrator や Photoshop に送信することもできます。 その後、Adobe After Effects コンポジションでシェイプを使用できます。
シェイプレイヤーには、シェイプと呼ばれるベクターグラフィックオブジェクトが含まれています。 デフォルトでは、シェイプはパス、ストローク、塗りで構成されています。
シェイプは外部から After Effects に読み込むことも、シェイプツールやペンツールを使ってコンポジションパネル内で描画し、シェイプレイヤーを作成することもできます。
Sketch でシェイプを作成する
+ をタップして新しいプロジェクトを開始し、白いキャンバスをタップして新しいスケッチを開始します。
Adobe Stock の画像をアートワークの背景に使用するには、画像アイコンをタップし、画像メニューで「Adobe Stock」を選択します。
画像をトレース用の参照として使用する場合は、スタッキングアイコンを使って画像を作品の下に配置し、不透明度を下げてから、ボックスの外側をクリックして変更を適用します。
組み込みのブラシ、シェイプ、カラーツールおよび遠近法を使用してスケッチを描画します。
シェイプをコレクション内の適切な Creative Cloud ライブラリに保存するか、Photoshop に送信または Illustrator に送信を使用して、レイヤー化されたベクター画像に変換します。
Adobe Sketch の使用方法について詳しくは、チュートリアル Adobe Photoshop Sketch を使用した描画と共有の概念を参照してください。
Capture でシェイプを作成する
iPhone、iPad または iPad Pro で Adobe Capture を開き、Adobe ID を使用してログインします。
シェイプメニューオプションをタップし、アイコンをタップします。
カメラをオブジェクトに向け、スライダーを使用して画像のディテールの増減を調整します。 画面をタップしてどのオプションが最適かを試します。
キャプチャ ボタンをタップしてキャプチャします。
「選択解除」をタップし、シェイプから削除する部分の上を指でドラッグします。
完了したら「次へ」をタップし、シェイプに滑らかな輪郭が描画されるのを待ちます。
描画を確認し、「次へ」をタップしてシェイプの名前を入力します。
Creative Cloud Library パネルで適切なライブラリを選択し、「シェイプを保存」をタップします。
詳しくは、Adobe Illustrator ファイルの準備と読み込みを参照してください。
After Effects にシェイプを読み込んで 2D または 3D でアニメートする
ローカルファイルまたは Creative Cloud ライブラリに保存されたアセットと同様、モバイルアプリから直接シェイプを読み込むことができます。 Photoshop や Illustrator での編集用にモバイルアプリからシェイプを送信した場合は、Photoshop または Illustrator ファイルとして読み込むこともできます。
例えば、ベクトルにベベルや押し出しを適用するには、ベクトルアートフッテージレイヤーからシェイプレイヤーを作成してから、そのシェイプレイヤーを変更します。 ベクトルレイヤーがシェイプレイヤーに変換された後は、そのレイヤーにベベルや押し出しを適用できます。 押し出しされたオブジェクトとは、三次元的に見えるオブジェクトのことです。 そのような 3D の外観は、オブジェクトの移動時やオブジェクトの周囲でのカメラの移動時に最も明らかになります。 ベベルは、押し出しを適用したオブジェクトのエッジに対する制御のことです。
以下の手順では、シェイプを 2D または 3D でアニメートする方法を説明します。
ベクターファイルや PNG 形式のシェイプ、または Adobe Illustrator ファイルや Adobe Photoshop ファイルを読み込むには、グラフィックをコンポジションにドラッグ＆ドロップするか、ファイル／読み込み／ファイルを選択してファイルを指定し、読み込みを実行します。
レイヤー化されたベクターグラフィックファイルを読み込んだ場合は、ベクターレイヤーを右クリックし、ベクターレイヤーから作成／シェイプを作成を選択します。 After Effects は、ベクターレイヤーをアニメーション可能なシェイプレイヤーに変換します。
読み込んだシェイプで簡単なアニメーションを作成するには、レイヤーを展開し、その下にあるトランスフォームオプションを展開します。 例えば、シェイプを回転する場合は、以下の手順に従います。
- シェイプをコンポジションにドラッグ＆ドロップします。 新しいシェイプレイヤーが作成されます。
- 現在の時間インジケーターを、回転完了の位置まで動かします。
- Rを押します。 シェイプレイヤーの下に回転プロパティが表示されます。
- ストップウォッチアイコンをクリックして回転を有効にします。
- 回転プロパティの左にあるキーフレームアイコンを選択し、到達点にキーフレームを挿入します。
- コンポジション内でシェイプを回転させるか、回転プロパティで回転回数や回転角度の数値を変更します。
- コンポジション／プレビュー／現在のプレビューを再生を選択します。
アニメーション用にコンポジションをレイトレース 3D コンポジションへ変換するには、コンポジション／コンポジション設定を選択します。
3D レンダラータブで、レンダラーとして Cinema 4D を選択します。 これでコンポジションは Cinema 4D コンポジションとなり、テキストやシェイプの押し出しが可能になります。
シェイプレイヤーを 3D レイヤーに変換するには、以下のいずれかの手順に従います。
- レイヤーを 3D レイヤーに変換するには、タイムラインパネルで該当レイヤーの 3D レイヤー スイッチを選択するか、レイヤーを選択してレイヤー／3D レイヤーを選択します。
- テキストレイヤーを、文字ごとの 3D プロパティが有効な 3D レイヤーに変換するには、アニメーション／テキストをアニメート／文字ごとの 3D を有効化を選択します。
After Effects に用意されている様々な 3D アニメーションツールを 1 つまたは複数選択します。 以下に例を示します。
- タイムラインパネルで 3D レイヤーを回転または方向調整するには、3D レイヤーを選択し、タイムラインパネルで回転または方向プロパティの値を変更します。 Rキーを押すと、回転と方向プロパティが表示されます。
- 3D レイヤーを移動するには、コンポジションパネルで選択ツールを使い、移動したい軸に対応する 3D 軸レイヤーコントロールの矢印をドラッグします。Shiftを押しながらドラッグすると、より速くレイヤーを移動できます。 タイムラインパネルで位置プロパティの値を変更しても、同じ操作を行えます。
- 1 台または複数のカメラで見ているかのように、視点角度や距離を変化させて 3D レイヤーをアニメーションさせるには、カメラオプションを使用します。 レイヤー／新規／カメラ を選択するか、Ctrl+Alt+Shift+C（Windows）またはCommand+Option+Shift+Cを押します。 目標の時間まで現在の時間インジケーターを動かし、キーフレームを挿入してシェイプを動かします。
