フラッシュレイヤー階層

かもしれません 11, 2024

前回のチュートリアルでは、フラッシュについて学びました^R CS6タイムラインとそのレイヤー。タイムラインの最下層に緑色の長方形を描画し、「circle」という名前の2番目の層を追加しました。次に、このレイヤーに円を描き、レイヤー階層がステージ上のオブジェクトにどのように影響するかを調べます。

Flashでプロジェクトを開きます。この時点で、最下層に緑色の長方形があります。また、円を描くための円レイヤーも用意されています。

タイムラインの最初のフレームをクリックして、再生ヘッドをフレーム1に戻します。

このフレームの中央に白い点の小さな点があります。これは、このフレームにキーフレームがあることを示しています（これについては、次のチュートリアルで詳しく説明します）。この時点で、最初のフレームにのみキーフレームがあり、他の49フレームにはありません。レイヤーが空であるため、キーフレームのドットの中心は白いです。これは、サークルを追加すると変更されます。
ツールパネルから楕円ツールを選択します。
ストロークの色をnullに設定したままにします。塗りつぶしの色には、カラーピッカーから黄色を選択します。
ステージの左下隅で、クリックしてドラッグし、小さな円を描きます。

円レイヤーで、小さなキーフレームのドットがすべて黒に変わり、フレームが空ではなくなったことを示しています。

次のステップは、円の後ろで、緑の背景の前に丘を追加することです。丘に新しいレイヤーを追加します。 Flashは常に、現在選択されているレイヤーのすぐ上に新しいレイヤーを追加します。丘は円の後ろで、最下層の上にあります。下のレイヤーを選択します。
[新しいレイヤー]アイコンをクリックして、新しいレイヤーを追加します。このレイヤーの名前を「hill」に変更します。

同じ楕円ツールを使用して丘を描きます。
[塗りつぶしの色]ボックスをクリックして、カラーピッカーを開き、茶色を選択します。
ステージの下部に楕円を描きます。

最後に、黄色の円を丘の頂上まで上に移動します。
円形レイヤーを選択し、選択ツールで円形をクリックします。円を上にドラッグします。

この簡単な例からわかるように、タイムラインのレイヤーの順序により、ステージ上のオブジェクトの階層が作成されます。

基本的に、レイヤー上のオブジェクトは下のレイヤーを覆い隠します。オブジェクトがレイヤー全体を埋めると、下のレイヤーは表示されなくなります。ただし、通常は、円や丘などの小さなオブジェクトを上層に配置して、奥行きの錯覚を作成します。円は緑の背景の前にある丘の前にあるため、深さの単純な錯覚を持っています。

←戻る

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]登録商標または商標です。