Home > Adobe

Adobe Archive

Flash CS3に入門してみた

ので、ちょっとまとめておく。ちなみにFlashといっても、デザイナー等の芸術家向けのアニメーションタイプとプログラマー向きのアプリケーションタイプがあるとして、もちろん後者のアプリケーションタイプをターゲットにした内容になっています。

インスタンスのタイプ

インスタンスのタイプには以下の3つがある。

  • ムービークリップ
  • ボタン
  • グラフィック

ムービークリップとグラフィックの違いがよく分からない。つまづく人は多いはず。大きな違いはActionScriptが「書ける/書けない」ということらしい。ムービークリップシンボルとグラフィックシンボルの違いは? – 教えて!goo

フレームについて

image

白マル 空白キーフレーム ムービークリップなどが何も無い状態が開始されることを示す。
他にレイヤーが無ければ、何も表示されないことになる。
黒マル キーフレーム ムービークリップなどが初めて登場することを示す。
a 小文字のa アクションスクリプト アクションスクリプトが書かれているフレーム。
白い長方形 フレーム終了 続行されてきたキーフレームの状態が終了するフレームであることを示す。
上記以外 通常のフレーム 前方のキーフレームの状態をキープする。

ActionScript用のレイヤーを用意する

ActionScriptをフレームに書く場合、ActionScript用のレイヤーを作り、そちらにまとめるようにする。

image

よく使うショートカット

F5 フレームの追加
Shift + F5 フレームの削除
F8 シンボルに変換
F9 アクションパネルを開く
Ctrl + Enter ムービープレビュー

フレームアクションと描写

フレームアクションは、そのフレームに再生が移ってきたタイミングで実行されるらしい。1フレームだけの場合にフレームアクションが繰り返されないのは、「1フレーム目⇒1フレーム目⇒1フレーム目」となり、再生が移ってきたという判定がされないからなのであろう。ちなみにfpsとは1秒間に何コマ再生されるかということ。

変数の宣言

var n:int = 10;
var str:String = "Flashcs3";
var mc:MovieClip = new MovieClip();var value:*

コロンで区切って型を指定することによって、コードヒントが使えるようになる。型を厳密に指定しない場合は、4行目のように指定する。

アクションスクリプトはで来るだけ一箇所(1フレーム内)に収める

そうすることで以下のメリットがある

  • 処理が細切れにならず、一箇所を確認するだけで全体の流れを把握することが出来る。
  • 一箇所にまとめたスクリプトと一緒にムービークリップをシンボル化すると、扱いやすいシンボルになる。前述した1フレームの場合に、フレームアクションが繰り返されないという特性を利用できる。

タイムラインが読み込まれる順番

タイムラインは一番階層が上のメインフレームから下の階層に向かって順番に読み込まれる。同じタイムライン上で、初めてそのタイムラインに登場するムービークリップに対して上の階層からアクセスしようとすると値を取得することが出来ない。この問題は必要な場合は、処理を関数として予め宣言し、読み込んでおくことで解決できる。

Illustrator整列機能の知られざる小技

今までIllustratorの整列機能は、どのオブジェクトを基準に整列するのかを選べないと思い込んでいたのですが、どうやらオブジェクトを2度選択することで、それが可能になるようです。ソースはAdobe PodCast。実際に試してみました。

1.通常ですと整列するオブジェクトをまとめて選択して、左整列処理を実行します。
ai_line1.gif

2.自動的に一番左端のオブジェクトが基準になって整列処理が行われます。
ai_line2.gif

3.次に整列するオブジェクトをまとめて選択した後、基準にしたいオブジェクトをもう一度選択します。
ai_line3.gif

4.この状態で左整列処理を行うと、2度目に選択したオブジェクトが基準になって整列されます。
ai_line4.gif

ポッドキャストのナレーターも言っておりましたが、知らない人が多いらしい。
自分も全く知らなかったよ…。いくつのバージョンから使えたのだろうか。
これ知ってると知らないのとでかなり違いますね。

FireWorksでストライプ背景を作成する方法

1.まずは鉛筆ツールで下のように斜めに1ピクセルのドットを打ち込み、これを保存します。
fw-stripe.gif

2. 矩形ツールで作成した適当なオブジェクトを選択し、プロパティのテクスチャを選択。
fw-texture1.gif

3. テクスチャ欄の一番下「その他」を選択。参照ウインドウが表示されるので「1」で保存したファイルを選択。
fw-texture2.gif

4.選択していたオブジェクトがストライプな描画に変更されたことが確認できるはずです。
fw-stripe-finish.gif

ホーム > Adobe

検索
フィード
メタ
お城
STUDIO KINGDOM

Return to page top