次の方法で共有

パスまたはクリッピング パス上の点のアニメーション化

  • [アーティクル]

Microsoft Expression Blend で、パス オブジェクト上の点 (または頂点) をアニメーション化できます。たとえば、クリッピング パスの点をアニメーション化して、クリッピング パスの下にあるオブジェクトを徐々に表示できます。[TextBlock] のテキストをパス オブジェクトに変換し、文字をアニメーション化して他の形に変更できます。ストーリーボードを反転して、文字に変更される形から開始することも可能です。

パス オブジェクトを作成するには、[ペン] Cc296372.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(JA-JP,Expression.30).png ツールや [鉛筆] Cc296372.509dc167-734f-46c9-b012-987ee63450cd(JA-JP,Expression.30).png ツールを使用するか、他のオブジェクト (図形やテキストなど) をパスに変換します。

パスまたはクリッピング パス上の点をアニメーション化するには

  1. アートボードにパス オブジェクトがない場合は、次のトピックにある説明に従って作成することができます。

  2. パスのアニメーション タイムラインを追加するストーリーボードを開くか、新しいストーリーボードを作成します。

    詳細については、「ストーリーボードを開くまたは閉じる」または「ストーリーボードの作成、変更、または削除」を参照してください。

  3. [オブジェクトとタイムライン] パネルで、アニメーションにするパス オブジェクトを選択します。

  4. [ツール] パネルで [個別選択 ] Cc296372.6dd6571f-c116-451d-8dd2-1f88b8406362(JA-JP,Expression.30).png ツールを選択します。パス オブジェクトの点が、アートボード上に小さい正方形で示されます。

    Cc296372.9ac35d28-e749-4032-9946-a19e62905b71(JA-JP,Expression.30).png

  5. いずれかの点での変更を記録するタイムライン上の位置まで、タイムライン再生ヘッド Cc296372.5626c9eb-40bb-450a-9ca1-3678e5abe429(JA-JP,Expression.30).png を移動します。

  6. アートボードで、個々の点や線分を新しい位置までドラッグするか、Alt キーを押しながらドラッグします。[ペン] ツール Cc296372.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(JA-JP,Expression.30).png を使用して、パス上の点を追加または削除することもできます。

    Cc296372.alert_note(JA-JP,Expression.30).gifメモ :

    タイムライン記録モードのときに点を追加または削除すると、結果はタイムラインの先頭から有効になります。たとえば、点を削除すると、タイムライン記録モードではないときに点を削除した場合と同じように、パスの最初の形が変化します。

    パスを変更する方法の一覧については、「個別選択ツールの修飾キー」および「ペン ツールの修飾キー」を参照してください。

    Cc296372.7956fc51-fea6-4f6d-96e6-1ee13d7f6ea6(JA-JP,Expression.30).png

  7. アニメーションが完成するまで、タイムライン再生ヘッド Cc296372.5626c9eb-40bb-450a-9ca1-3678e5abe429(JA-JP,Expression.30).png の移動と点の変更を続けます。

関連項目

タスク

ストーリーボードのテスト

クリッピング パスの適用、変更、または削除

概念

キーボード ショートカットと修飾キー