写真がマスク表示される時の滑らかな動きについて

このQ&Aのポイント
  • 写真がマスク表示される時の滑らかな動きをFLASHで実現する方法やライブラリについて教えてください。
  • 滑らかな動きを実現するためのライブラリやアニメーションの作り方について詳しく教えてください。
  • 写真がマスク表示される時の滑らかな動きについて解説しているサイトなどを教えていただけますか。
回答を見る
  • ベストアンサー

写真がマスク表示される時の滑らかな動きについて

写真がマスク表示される時の滑らかな動きについて こんにちは。 下記サイトのメニューの「印伝の世界」というページが表示される際に、画像がマスク表示されますが、その際の動きが布(紙?)がめくれるような滑らかな動きになっているのですが、これをFLASHで実現するにはどういう方法でアニメーションを作成すれば良いでしょうか? また、例えばこういった滑らかな動きを実現するためのライブラリ等はございますでしょうか? (似たようなものでも結構です) また、似たようなアニメーションの作り方を解説しているサイト等をご存知でしたら是非ご教授ください。 http://www.inden-ya.co.jp/ 宜しくお願いいたします。

  • Flash
  • 回答数1
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

ベストな回答にはならないかも知れませんがお応えします。 このサイトで使われている効果はマスクでは無いと思います。 上からモーショントゥイーン・シェイプトゥイーンや ASで作ったアニメーションを重ねているだけだと思います。 また、動きについての解答ですが John12345さんはこのサイトのアニメーションの動きが 何を表しているか意識されましたか? フラッシュでモーションを作る際は、 実物を見るのがとても参考になるんです。 また何を盛り込むのかはデザインの一部なので これさえ知ってればOKはない気がします。 ちなみにぱらぱらアニメーションの作り方ならF-siteがおすすめです。 なんだか頭でっかちに動きを頑張って再現する以上のテクニックが乗ってます。 でも察するところ、やはり本物の動きをどう簡略化するかがポイントのようですね。 http://f-site.org/ 奥が深くて気が遠くなりますね。 頑張ってください!

関連するQ&A

  • 植物が伸びていくようなアニメーション(マスク?)効果の方法について

    植物が伸びていくようなアニメーション(マスク?)効果の方法について いつもお世話になります。 下記FLASHサイトの「PORTFOLIO」ボタンをクリックした際に表示される、 植物が伸びていくようなアニメーションを植物のイラストを使ってFLASHで 再現したいと考えています。 直線を使ったマスクの表示処理はできますが、細かい曲線の多いものをマスクするには FLASHでどのような処理を行えば良いでしょうか? FLASHはCS5を使っており、植物のアニメーションはIllustrator CS5で編集しています。 http://www.v5design.com/ 宜しくお願いいたします。

    • ベストアンサー
    • Flash
  • FLASHでのマスクについてなんですが。

    FLASH MXでアニメーションを作っているのですが、ガイドレイヤーを摘要したレイヤーにはマスクは使えないのでしょうか。たとえば風船がランダムな動きで飛んでいくように見せるためガイドレイヤーでランダムな線を描いて吸着させました。それを望遠鏡で覗いているように見せるため円形のマスクをかけようと思ってやってみたところできませんでした。マスクは一つ下のレイヤーにしか摘要されないのでガイドレイヤーに摘要しても意味がないし風船の動いてるレイヤーにマスクをかけようとしてもできませんでした。 なんかとんでもないミスをおかしてるのでしょうか?それともガイドレイヤーを使ったアニメのレイヤーにはマスクはかけられないのでしょうか。どなたかお教え下さい。

  • flash はこのような動きできますか?

    http://www.sliderocket.com/ の中の、 Watch the Video をクリックした時に出てくる映像は、 Flashで可能なのでしょうか?(CS5) そのスームーズでぬるぬるした動的な動きは 可能なのでしょうか? そのHPのスライドロケットは英語なので断念してます。フラッシュが優秀だと思うのですが、 フレームレートを100にしてもこんなにスムーズな動きにはなりませんで、悩んでいます。 とくに、上記の動画の、紙がでてくるシーンで、インしたあとに、ぬるぬるじわじわ揺れますよね。ああいう動きは、その揺れている部分だけを繰り返す感じでしょうか。 実は、やりたいことは、動画を造ることでなく、このようなフラッシュの動きで、プレゼンをつくりたいと思っています。keynote09では、動きに限界がすぐにきたのでですね。 プレゼンにする件は余分として、本件の動画のような動きを実現できる、ソフトか、フラッシュでできるなら、よい参考書がないでしょうか?サイトでも。 FLASHcs5の本ではなかなか把握ができなかったせいもあって、すみませんがお尋ねしてます!

    • ベストアンサー
    • Flash
  • マスクをかけた外部テキストの表示

    製作環境はWINDOWS XP/FLASH MXです。 外部テキストを読み込んでそれにマスクをかけています。 プレビューをすると何も表示されません。 マスク解除すると表示されますが、見た目が崩れてしまい、 フォントを埋め込みにするとファイルサイズが重くなってしまい、ローディングに時間がかかってしまいます。 以前どこかのサイトで、 この製作環境だとマスクをかけたテキストは表示されない という様に書いてあったのを見たことがあるような気がしますが、そのサイトを忘れてしまいました。 多分macromediaだったと思うのですが、、、 探したのですが、なかなか見つかりませんでした。 どうにかマスクをかけて外部テキストを表示させたいのですが、何かあるでしょうか? よろしくお願いします。

    • ベストアンサー
    • Flash
  • suzukaでマスクにpngが使えない

    FLASH作成ソフトのsuzukaでアニメーションを作っています。 透過済みのpng画像の上にマスクでベクタ画像を表示したいのですが、 png画像にマスクをしても、ベクタ画像がpng画像の形にならず 失敗してしまいます。 透過していてもpng画像はマスクに使えないのでしょうか?

    • ベストアンサー
    • Flash
  • FLASHのメニューをタブ移動した時に表示される黄色い枠を消したい

    今、携帯用FLASHサイトを作っているのですが、携帯&PCで動作確認をすると、携帯の上下キーでメニューを移動した際、メニューの周囲に黄色い太枠が表示されてしまいます。 (例えば、下記FLASHサイト(※私とは関係のないサイトです)のメニューを、タブキーで移動すると表示されるような、黄色い枠です。)  http://www.yojibiomehanika.com/ 他のFLASHサイトもPCから閲覧してみたのですが、メニューをタブ移動した際に、黄色い枠が出るサイトと出ないサイトがあるようです。 どうにかして、携帯上でメニューを移動した際に、この黄色い枠が表示されないようにしたいのですが、何か方法はないでしょうか。 ご存じの方、教えて頂けると助かります。 よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • 写真がくるくる切り替わるエフェクトを実現できますか?

    Ajaxのカテゴリで適当かどうか迷いましたが、 ご存知の方がいらっしゃいましたらご教示ください。 http://www.scala.com/ ↑このように写真がくるくる切り替わるものや、 Amazonのくるくるウィジェットのような動きを ホームページで実現したいと考えています。 Flashの知識はないのですが、Ajaxなどでこのような 動きを実現できる方法はありませんでしょうか? 以前Web Creatorsか何かの雑誌で、このようなライブラリが あるのを見たことがあるはずなのですが、 ネットで探しても見つけることができませんでした・・ どうぞよろしくお願いいたします。

    • ベストアンサー
    • AJAX
  • 動きのあるサイト作成について

    javaScript、およびFlashの初心者です。よろしくお願いします。 下記のような動きのあるサイトを作成したいと思います。 http://www.ohzan.com/ 掲載したサイトはFlashで作成したものですが(一部、HTMLで作成したページあり)、 ipadなどでユーザにサイトを閲覧される事、更にSEO対策で上位に表示させることを考慮すると、 JavaScriptで近い動きを実現したほうがいいのではないかという気がします。 ちなみに、トップページにおいてはクライアントが書き込んだ新着情報をテキストで反映させる箇所を設けたいと思います。 Flashでは、サーバーのテキストデータを反映させる機能があるかどうかも不明なのですが…。 助言をお待ちしています。

  • FLASHで全画面表示時に動きがスローになる。

    FLASHで、画面上にロゴが動き回り、背景の写真が切り替わるような素材を作っています。 パブリッシュしてswfファイルを開き動きを確認すると、写真が切り替わるときにロゴの動き回るスピードが落ちて、スローになります。 全画面表示にせずにswfファイルのウィンドウを小さくすると、写真が切り替わる際にスローになりません。 これは仕方のないことなのでしょうか? スムーズに動くような、対処方法などがあれば教えていただきたいと思います>_<

  • FLASHで一つの写真に複数のマスクをかけたい

    一つの写真に対して複数のマスクをかけたいのですが、どのようにしたらいいのでしょうか? (私が普通にやると1つしかかかりません) 資生堂ffのサイトのように、一枚目の写真から二枚目の写真に移る際に2枚目の写真が 少しずつ表示され2枚目になる、というようにしたいと思っています。

専門家に質問してみよう