アナログ時計の針を透過させたいのですが・・・

質問

Flash MXで、アナログ時計を作っています。
針を透過させて、バックグランドの文字盤が透けて見えるようにしたいのですが、どうやっていいのかわかりません。
どなたか教えてもらえますか？(>_<)

ちなみに、Flash MX経験は、まったく初心者です。
サンプルにあったアナログ時計を改良して作ろうとしています。

回答No.1

DPE · ベストアンサー

「 Samples 」フォルダにある「 Clock.fla 」のことで、よろしいでしょうか？
サンプルを改造する時は、コピーを取ってコピーの方を使うようにしましょう。オリジナルをそのまま保存しておけば、失敗した時に元に戻すのも簡単です。

このサンプルでは、時針・分針・秒針が、それぞれ独立したレイヤーに配置されています。
それぞれの配置レイヤーは次の通りです。

　・時針 → hour hand
　・分針 → minute hand
　・秒針 → second hand
　・時針の影 → hour hand shadow
　・分針の影 → min hand shadow

ここではとりあえず、分針を半透明にする方法をご紹介します。同じ要領で、他の針も半透明にできます。

時針・分針とそれぞれの影が、一箇所に重なって配置されています。また、当然ながら文字盤の上に針が配置されている構造になっています。
分針を選択するつもりが、他の針や影、文字盤などを選択したり動かしてしまったりしては大変です。分針が配置されているレイヤー「 minute hand 」以外の針のレイヤーを、編集不可（ロック）にしておきましょう。
また、影と時針が表示されていなければ、分針だけを選択しやすくなります。
レイヤーの名前の横に、点が２つ並んでいるかと思います。これが、それぞれのレイヤーの表示・非表示と、編集の可否を決めるスイッチになっています。
左側が表示・非表示、右側が編集の可否のスイッチです。クリックする度に ON / OFF が切り替わり、非表示・編集不可の時は、それぞれ×・錠前のアイコンが表示されます。
「 minute hand 」以外のレイヤーの、右側の点をクリックして、レイヤーをロックしてください。一部のレイヤーは、最初からロックされています。
それから、「 hour hand 」「 hour hand shadow 」「 min hand shadow 」レイヤーの左側の点をそれぞれクリックし、これらのレイヤーを非表示にします。すると、表示される針が分針自身だけになり、選択しやすくなります。

ツールボックスで「矢印ツール」（オブジェクトを選択するツール）を選び、分針をクリックして選択します。
この状態で「プロパティ」パネル（普通はステージの下にドッキングされています）を見ると、分針に関する様々な情報が表示されるかと思います。
この分針の絵はムービークリップになっています。ムービークリップの詳細はここでは割愛しますが、Flash の基本中の基本ですので、ヘルプや解説書などでしっかり研究してください。
「プロパティ」パネルの右の方に、「カラー」というリストがあります。このリストでは、ムービークリップの色や透明度を操作できます。最初は「なし」になっています。
リストから「アルファ」を選ぶと、すぐ横に％のボックスが表示されます。ボックスの横の▼マークをクリックするとスライダが表示され、ドラッグして透明度を変更できます。ご希望の透明度になるように調節してください。ボックスに直接数値（％）を入力しても設定できます。
これで分針の透過は完成です。

同様に、時針だけを表示・編集可能にして、アルファを設定してみてください。
時針の「 hour hand 」レイヤーは非表示・編集不可にしてありますので、表示・編集可否の切り替えをお忘れなく。

この方法では、針全体が半透明になります。
針の先だけ・軸だけを半透明にしたいとなると、これはレイヤーに配置されているムービークリップの透明度の操作だけでは無理で、ムービークリップの元になっているシンボルの方を変更する必要があります。
レイヤーに配置されているムービークリップは、インスタンスと言って、シンボルの分身のようなものです。１つのシンボルからいくつでもインスタンスを作ることができ、あるインスタンスは半透明に、あるインスタンスは透過なしというように、１つの絵から違う外観の絵を作ることもできます。また、インスタンスを透過しても、元のシンボルは透過されないままです。
しかし、シンボル自体が変更されると、そのシンボルから作られていたインスタンスは全て、その影響を受けて変化します。

シンボルは「ライブラリ」というウィンドウにまとめられています。「ウィンドウ」→「ライブラリ」で、ライブラリウィンドウを開いてください。
この中の「 minutehand 」が、分針のシンボルです。
ところで、分針の影と思われるシンボルは、ライブラリの中には見当たりません。これは、分針のシンボルからインスタンスを作り、先述のようにアルファを操作する要領で半透明にし、影のように見せているためです。
つまり、分針のシンボル「 minutehand 」に変更を加えると、分針自身と同時に分針の影も影響を受けます。

ライブラリウィンドウの「 minutehand 」の名前の横にあるアイコンをダブルクリックすると、シンボル「 minutehand 」を編集できるようになります。
まずは、透過したい部分を選択します。
ツールボックスから「矢印ツール」を選び、透過したい部分を四角で囲うようにドラッグして範囲を選びます。
細かい網かけのような模様に変わったところが、編集対象として選択された部分です。この部分の、線の色や塗りの色などを変更できることを示しています。
針の絵には線がありませんので、変更できるのは塗りの色だけです。半透明の色は、「カラーミキサー」パネルを使って作ることができます。
タイムラインの下に、「 Scene 1 」「 minutehand 」と書かれている部分があります。編集が済んだら、「 Scene 1 」をクリックしてシーンの編集に戻り、「ムービープレビュー」で確認してみてください。

なお、先述の要領でアルファ値を設定している場合、シンボルを透過した上に更に透過が加わることになるため、表示がかなり薄くなってしまいます。
インスタンスの透過を解除するには、「カラー」のリストから「なし」を選択してください。

長くなってすみませんでした。
不明な点がありましたら、補足してください。

補足

わぁー！どうもありがとうございます！
できちゃいました・・・(~v~)
マニュアル読むのが苦手な私には、どこをどう操作したらよいかチンプンカンプンでしたが、詳しい手順でご説明いただいたおかげで、難なく出来ました！
超うれしいーです！(^▽^)
甘えついでに、もう少し教えていただいてもよろしいですか？
『半透明の色は、「カラーミキサー」パネルを使って作る』とありましたが、カラーミキサーパネルとは、カラーパレットとは違うのでしょうか？
それもと、カラーパレットのどこかに色を透過する設定のできるところがあるのでしょうか？？
カラーミキサーパネルのありかが、不明でした。。。
(>_<)

あと、針はFlash MX上で作らないと、外部から取り込んだ画像の針では、当然、透過はできないんですよね！？