Flashで写真の動きを切り替える方法
- Flash初心者が写真の切り替え動作を作成する方法を教えてください。
- 教えてgooのグラフィックソフトに質問したが回答が得られず、こちらで質問します。
- 写真を配置してマスクする方法を試しましたが、望む動きが作れませんでした。どうすれば良いですか?
- ベストアンサー
Flashで四角い図形で切り替わる写真の動き
書き込みさせていただきます。 よろしくお願い致します。 教えてgooのグラフィックソフトに書き込みしたのですが Flashの板がありましたので、こちらに移動させていただきます。 ※回答はいただけませんでしたので、質問は削除しました。 3月9日に下記掲示板に書き込みして質問させていただきましたが 自分の質問のしかたが良くなかったからかもしれませんが 回答が得られなかったので、こちらに書き込みさせていただくことにしました。 http://hfm-kenchan.com/cgi/flash_qa.cgi 最近Flashを初めたばかりの初心者ですが 緊急で必要になり猛勉強中しております。 下記アドレスのフラッシュのような動きを作成したいのですが どうしてもできなくて、困っています。 ※写真と写真が四角の図形で移り変わるところです。 http://www.huhs.ac.jp/ マスクでつくれるのかと思い 写真を配置してマスク。アルファを設定する。 写真を配置してマスク。アルファを設定する。 という作業を繰り返して敷き詰めましたが 上記アドレスのような動きにはならなかったです。 どのようにすれば似たような動きができますか? よろしくお願い致します。
- karup
- お礼率96% (233/241)
- Flash
- 回答数2
- ありがとう数5
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
#1です。 > このように作ったらよいですか? > ・レイヤー3:子MC ●→→→→● > ( 四角が W0px/H0px→W40px/H40pxになる ) > ・レイヤー2:親MC ●→→→→● > ( 四角が W40px/H40px→W0px/H0pxになる ) > ・レイヤー1:写真 ●→→→→→→→→→→→● 書かれている内容がいまひとつわかりませんが おそらく "全く違います"。 階層構造を作る部分 "だけ" を書くと次のようになります。 ステージ上に四角の塗りを描く ↓ その塗りをグラフィックシンボルに変換する ↓ そのグラフィックをムービークリップに変換する(子MC) ↓ そのムービークリップをさらにムービークリップに変換する(親MC) つまり階層構造は次のようになるということです。 シーン1などメインのタイムライン └親MC └子MC(←複製してたくさん作る) └グラフィック └四角の塗り 書かれていらっしゃるような書き方をするなら次のようになります。 ・レイヤー1:親MC ● ・レイヤー1:子MC ●●●●●● ・レイヤー1:グラフィック ●→→→→● ・レイヤー1:四角の塗り ● レイヤー名は何でもかまいません。 しかし何も考えず普通に作ればすべて レイヤー1 になるはずです。 複合的な動きのFlashを作るには ムービークリップの入れ子構造を作成していくのが普通です。 たとえば「蝶がはばたきながら飛び回る」というアニメーションを作る場合 蝶の羽根を1枚だけ描いて グラフィックシンボルに変換して それをムービークリップに変換して そのムービークリップの中で羽根がパタパタ動くだけのアニメーションを作成し その内部で羽根がパタパタするだけのムービークリップをコピペで2つにして左右の羽根とし 2枚の羽根の真ん中に胴体を描いて その「羽根」「胴体」「羽根」をムービークリップに変換します。 すると羽根をパタパタするだけの蝶ができます。 その蝶ムービークリップをメインのタイムラインで動かすと, 「羽根をパタパタさせながら飛び回る蝶」ができます。 シーン1などメインのタイムライン └蝶MC ├羽根MC │ └羽根グラフィック(パタパタ) │ └羽根の絵 ├胴体の絵 └羽根MC └羽根グラフィック(パタパタ) └羽根の絵 このような作りにしないと大変なことになります。 もし階層構造を作成しないとするなら メインのタイムラインで動き回る胴体を作って パタパタしながら胴体と同じように動く羽根を作るようなことになります。 それは気が遠くなります。 仮にActionScript動かすにしても複雑な計算が必要になります。 「モーショントゥイーンの作成:Part2」 http://www.adobe.com/jp/designcenter/flash/articles/lrvid4055_fl.html
その他の回答 (1)
- BlurFiltan
- ベストアンサー率91% (1611/1754)
> 写真を配置してマスク。アルファを設定する。 アルファは「半透明」ですよ。アルファは全く関係ないでしょう。 関係するのは大きさと形です。 作るのは簡単なのですが,文字だけでの説明が難しいです。 サンプルがアップできれば一瞬で説明は終わりますが, ここではそういうことは禁じられていますし。 簡単に言えばムービークリップの入れ子構造を作って行くだけです。 例えば1辺が40pxの正方形の塗りをステージ上に描きます。 (何色の塗りでも良いです。) それをグラフィックシンボルに変換します。 (基準点は中央が良いかと。) さらにそれをムービークリップに変換します。 説明の便宜上このムービークリップを「子MC」ということにします。 その「子MC」の中で, 四角のグラフィックインスタンスが ものすごく小さな状態から元の40pxのサイズになるようにモーショントゥイーンで拡大するアニメーションを作成します。 その「子MC」がリピート再生しないように「子MC」内の最終フレームのキーフレームに stop(); を書いておきます。 その内部で四角が拡大する「子MC」をさらにムービークリップに変換します。 便宜上このムービークリップを「親MC」としておきます。 この「親MC」内に「子MC」を40pxの等間隔で並べていきます。 「親MC」内フレーム1 ■ 「親MC」内フレーム2 ■■ ■ 「親MC」内フレーム3 ■■■ ■■ ■ 「親MC」内最終フレーム ■■■~~~ ■■~~~■ ■~~~■■ ~~~■■■ その「親MC」がリピート再生しないように「親MC」内の最終フレームのキーフレームに stop(); を書いておきます。 この「親MC」を,画像を配置した上のレイヤーに配置して, 「親MC」のレイヤーを画像のマスクレイヤーにします。 この状態↑をムービークリップ内に作成しても良いと思います。 上で作成した「親MC」を他の画像のマスクとして使い回しても良いです。 以上のような感じでマスクをムービークリップで作って行けば, 簡単に色々なマスクができます。 例えば,四角にこだわる必要もありません。 1つの円を拡大しても,たくさんの円を拡大しても良いでしょう。 ブラインドを降ろすようなアニメーションを作成しても良いでしょう。 文字みたいなものを拡大させながら回転させても良いかもしれません。 無数のトラジション効果が作成できます。 ※今回のものはバージョンにあまり関係しませんが, (あえてバージョンに関わらない書き方をした) (stop(); は ActionScript 1.0~3.0 まで共通で使える) 普通はバージョンを書かないと回答できませんよ。 バージョンとは,少なくとも Flash のバージョン と ActionScript のバージョンです。 場合によっては パブリッシュするSWFの Flash Player のバージョンも必要。
お礼
BlurFiltan様!本当に!!本当にありがとうございます!! とても丁寧に教えていただけて、本当に助かります。 前の掲示板では、どなたもアドバイスいただけなかったですし、 本を読みあさっても同じようなものの作り方はのっていないしで とてもとても困っていました。 それで早速、アドバイスいただいたように作っているのですが 本当に申し訳ありません。 分からない所がありましたので、もしよろしければ教えてください。 その内部で四角が拡大する「子MC」をさらにムービークリップに変換します。 というのはどこにつくったら良いでしょうか。 今下記のようなタイムラインになっています。 ・レイヤー2:子MC ●→→→→● ( 四角が W0px/H0px→W40px/H40pxになる ) ・レイヤー1:写真 ●→→→→→→→→→→→→→● このように作ったらよいですか? ・レイヤー3:子MC ●→→→→● ( 四角が W0px/H0px→W40px/H40pxになる ) ・レイヤー2:親MC ●→→→→● ( 四角が W40px/H40px→W0px/H0pxになる ) ・レイヤー1:写真 ●→→→→→→→→→→→→→● 多分、、わたしは勘違いしていると思うのですが、、、 よろしければアドバイスいただければうれしいです。 どうか宜しくお願いします。 バージョン情報を書いていなくてすみませんでした。 Flash のバージョンはCS4です。 パブリッシュの設定も良く分からないのですが Flash Player6くらいなら、誰でも見れるかなと思い、それで設定しました。 ActionScript のバージョンは2.0です。 この辺もまだまだ勉強不足で良く分かっていないのですが もしやこの設定は良くないのでしょうか、、、
関連するQ&A
- Flash みてください!初心者です!!
憲ちゃんのサイトで質問したのですが、 見てくれている人がいるのか不安です。 http://hfm-kenchan.com/cgi/flash_qa.cgi gooでも憲ちゃんの掲示板でもいいので回答お願いします。 質問内容は、 憲ちゃんの著書のサンプル http://hfm-kenchan.com/xbook/index.htmの sample-b15 スライドバーから数値を取れるように onClipEvent (load) { hensu = "150"; } onClipEvent (enterFrame) { hensu = Math.round(mc._x) ; } と書き、ダイナミックテキストにhensuの値を表示するようにしました。 問題はこのスライドバーを少し傾けて配置したときに hensuの値が表示されなくなったことです。 うまく説明できなくてすみません。 なんでこうなるのかと、値を表示させるためには何をすべきかアドバイスください。 お願いします。
- ベストアンサー
- Flash
- Flashの動きを滑らかにしたい。
Flashでムービーを作りました。 写真をシンボルにし(等倍です。縮小・拡大していません)横からゆっくりスライドででてくる動きです。 ですが非常に写真がカクカクというか、もこもこというか…動きがぎこちないかんじです。 フレームレートを20から100にあげ、タイムラインも同様に伸ばしてみましたが、多少良くなりましたがキレイに動きません。 フレームレート以外でなにか設定などないのでしょうか?
- 締切済み
- グラフィックソフト
- 写真がマスク表示される時の滑らかな動きについて
写真がマスク表示される時の滑らかな動きについて こんにちは。 下記サイトのメニューの「印伝の世界」というページが表示される際に、画像がマスク表示されますが、その際の動きが布(紙?)がめくれるような滑らかな動きになっているのですが、これをFLASHで実現するにはどういう方法でアニメーションを作成すれば良いでしょうか? また、例えばこういった滑らかな動きを実現するためのライブラリ等はございますでしょうか? (似たようなものでも結構です) また、似たようなアニメーションの作り方を解説しているサイト等をご存知でしたら是非ご教授ください。 http://www.inden-ya.co.jp/ 宜しくお願いいたします。
- ベストアンサー
- Flash
- Flashについて
http://hfm-kenchan.com/Lesson/log_qa/D0510122.htm 上記サイトを参考にflashを作っているのですが、わからないことが あり質問させていただきます。 NEXTボタンとPREVボタンを押したときの画像のスライド方法を 逆向きにしたいのですが、いろいろ調べてたり触ったりしても一向に 思うようになりません。 それと、サイトにアップする際に、htmlからの階層でパスを表記すると 思うのですが、14行目のloadMovie(fileName[num]+".jpg")のパスを 変えても画像が読み込みされません。 これは間違った考えなのでしょうか? どなたか助けていただけないでしょうか? よろしくお願い致します。
- 締切済み
- Flash
- FLASH
質問させていただきます。 http://hfm-kenchan.com/Lesson/log_qa/D0510122.htm# こちらのサイトを参考にフラッシュを作成しています。 ダウンロードしたものを解凍して中にある、SWFファイルは問題なく再生できます。 私が表示させたい画像に差し替えてパブリッシュして作成されたSWFファイルもhtmlファイルもブラウザで問題なく表示されます。 しかいdreamweaerでSWFを埋め込みブラウザで確認すると写真がロードされません。 nextボタンやprevボタンは表示されています。 昨日からはまってしまい色々と試したのですが解決できません。 どなたか教えていただけると大変助かります! よろしくお願いします!!!!
- ベストアンサー
- Flash
- Flashの動きが重い!
よろしくお願いいたします。 自分のホームページにFlashを挿入しました。 バナー部分と写真をスライドで紹介する部分の2箇所です。 しかし、バナーにだけFlashを挿入したときは軽快に動いていたのですが、写真スライドのFlashを挿入したところ、どちらのFlashも動きが重くなってしまいました。 Flash容量はバナーが18KBで写真スライドで745KBです。 もし、ファイル容量が大きすぎて重くなってるとしたら、ファイル容量を少なくする他にどの様な方法があるのでしょうか? スタイルシートなどで外部ファイル読み込みが出来るのでしょうか? もしできるのであれば、そのやり方を分かりやすく教えて頂けないでしょうか。 Flash作成にはWeb Effectを使用しています。 勝手な質問で申し訳ありません。とにかく超初心者ですので、何卒よろしくお願いいたします。 敬具
- 締切済み
- Flash
- flashで地図上にルートを描きその上に写真を配置する
flash初心者です。 卒業研究でflashを用いて写真整理ソフトを制作したいと思っております。 ユーザーがルートを描き、そのルート上に写真を配置できるというものです。(写真はできれば100枚ほど) ネット上で動かすのが難しいなら、ローカルでもかまいません。 とにかくルートを描きその上に写真を一度に配置できるものを作りたいと考えております。 Action scriptだけでつくれるでしょうか? それともPHPなども使わないとできませんか? もしくは作ることは非常に難しく不可能でしょうか? また作るとしたらどのようにしたらできるでしょうか? ささいな意見でかまいません。 お忙しいとは思いますが、ご意見よろしくおねがいします。m(__)m OSはWindowsXP、flashのバージョンはflash8です。
- 締切済み
- Flash
- FlashQ&A(サンプル作品集)の憲ちゃん様作成のCGIについて
FlashQ&A(サンプル作品集)の憲ちゃん様の http://hfm-kenchan.com/Lesson/log_qa/D0703261.htmの Flash連動のフォームメールを使わせて頂いているのですが、 webform_flas01.cgiに、自動返信機能を追加したいと思っています。 sub sendmail { ~~省略~~} をもう一つコピーして、片方の宛先と差出人の部分を逆にしたら、今度は送られてくる方のメールが届かなくなりました。 どなたかCGIに詳しい方是非教えて頂けないでしょうか? 使用環境はWindoesXP SP2 Flash8です。よろしくお願いします。
- ベストアンサー
- CGI
- flashをhtml上でクリックしたいのです
フラッシュはまったくの初心者です。 前にhtmlカテゴリで同じような質問をしたのですが、わかりづらい書き方だったのか回答がいただけませんので、あらためて質問させていただきます。 フラッシュ内にボタンなどを作るのではなく、フラッシュを含んだhtml上でそのフラッシュそのものをクリックして何らかの作用をさせる、みたいなことはできないのでしょうか。 例えば<div id="flash">~</div>の中にフラッシュを配置して<a>でリンクをつける、などといったことです。 もしくはフラッシュ内に何らかの記述をして、フラッシュ上をクリックしたときに<div id="flash">~</div>をクリックしたと同様の意味を持たせる、なんてことはできないでしょうか。 またわかりにくい書き方をしてしまったかもしれませんが、どうぞよろしくお願いいたします。
- 締切済み
- Flash
- FLASH ActiveXコントロール FLASH Playerセキュリティ
FLASHでカーソルに反応し、クリックするとURLにジャンプするボタンを作りました。 Dreamwever8にて配置→プレビューしたところ、 『セキュリティ保護のためこのコンピューターにアクセスする可能性のあるスクリプトやActiveXコントロールを実行しないよう、制御されています』と表示されました。『ここをクリックしてください』と出ているので、クリックすれば表示されますが、配置したFLASHボタンをクリックしようとするとFLASH Playerセキュリティが働き、停止してしまいます。設定し直せば可能でしょうが、 Yahooのトップページの右側にある広告FLASHように、特にそのような設定をしなくても不特定多数の人が閲覧できるようなFLASHにするにはどのような設定をすればいいのですか? ちなみに 私はFLASH8を使っています。
- ベストアンサー
- Flash
お礼
BlurFiltan様 本当に回答ありがとうございます!!!お礼が遅くなって申し訳ありません。 アドバイスいただきました入れ子の構造がどうしても分からなくて 色々と調べていたら、遅くなってしまいました。本当にすみませんでした。 入れ子の構造をなんとか理解できて、BlurFiltan様のいうように早速作業開始したら なんとか形ができました!!!! ただ一点、うまくいかないところがありまして、 多分わたしの方で、間違った操作をしているんだとと思うのですが 一番最初の四角だけ、小さな四角から大きくなる四角の効果が行われて 後は、順に四角が表示されるだけになってしまいました。 効果を付けた四角を順にコピーして作っていきました。 (親MCの中のタイムラインは、1フレームずつキーフレームを挿入して、四角をペーストしていきました。) 何度も聞いて本当にすみません。 お手数ですが、どうかアドバイスよろしくお願い致します。