読者の何人かは、人気のあるFlashの作成方法を知りたいと思っていました。
R 封筒の開口部を示すアニメーション。このチュートリアルでは、そのアニメーションを作成し、エンベロープのスタンプがクリックされたときに開始するようにプログラムします。
タスクには2つの部分があります。エンベロープのスタンプをボタンに変換し、そのボタンをプログラムして、エンベロープを開くアニメーションを実行する必要があります。実際、アニメーション化されるエンベロープの唯一の部分はフラップです。 2番目のステップは、エンベロープのフラップとなるアニメーションクリップを作成し、アニメーションをプログラムすることです。
まず、ステージ上にエンベロープとなる長方形を描画し、右上隅にある小さな長方形をスタンプとすることから始めましょう。
- レイヤー1の名前を「Env」に変更し、エンベロープとなるステージの中央に長方形を描きます。封筒は、白いステージで見ることができる限り、好きな色にできます。スタンプになる小さな長方形を描画します。
- スタンプをボタンに変換するには、スタンプを選択して[変更] – [シンボルに変換]をクリックします。ダイアログボックスで、次の値を設定します。
名前-stampButton
タイプ-ボタン
登録-左上隅
- 次に、プロパティインスペクターに移動し、このボタンにstampButtonのインスタンス名を付けます。
- ボタンをダブルクリックして、編集モードに入ります。タイムラインに4つのボタンステージが表示されます。ヒットステージにキーフレームを追加します。次に、封筒のスタンプがある領域に長方形を描画します。これにより、スタンプボタンのクリック可能な領域が決まります。 Scene1をクリックして、メインタイムラインに戻ります。
次に、封筒のフラップを描きます。
- タイムラインに新しいレイヤーを追加し、そのレイヤーをEnvレイヤーの下にドラッグします。このレイヤーの名前を「フラップ」に変更します。
- PolyStarツールを使用してフラップを描画します。長方形ツールの下に隠れています。 PolyStarアイコンをクリックして、プロパティインスペクターに移動します。 [オプション]ボタンをクリックして、[ツール設定]ダイアログボックスを開きます。サイドの数を3に設定し、[OK]をクリックします。
次に、ステージに三角形を描き、三角形のポイントが上を向くまで回転させます。三角形が、エンベロープの上部に沿って設定されるまでドラッグします。 Free Transformツールをクリックして、フラップをエンベロープと同じ幅に再形成します。
次へ→
Copyright 2018 Adobe Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。