• ベストアンサー

Flashで、文字や絵を「ジュワー」と出すアニメーションの作り方

初心者用の本をやっと1冊読み終えたくらいのFlash初心者です。 で、まこと基本的な事で申し訳ないのですが キャンバスに何もない状態から、文字や絵がジュワーと出てきてじょじょにはっきりしてくる。という よくある仕掛けはどのように作ればいいのでしょうか・・・ 前にSwichを使っていたときは簡単に出来たのですが FlashMXだとさっぱりです(--;) あと、こういう基本的なチュートリアルが載っているサイトをご存知でしたら教えてください。 他のソフトの解説ページにくらべると、 Flashの解説ページって極端に少ない気がします・・・ やっぱ皆さん、タダじゃ教えられないよ!って感じなんでしょうかね。本いっぱい出てるし。 私はもう本を買うお金も残っていないし、何より時間がありません(--;) よろしくご教授くださいませ。

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

  • ベストアンサー
  • DPE
  • ベストアンサー率85% (666/776)
回答No.3

いわゆるフェードイン(だんだん浮き出してくるようなアニメ)だと思うのですが、いかがでしょう。 フェードインは Flash の代表的なアニメーション技術であるモーショントゥイーンを使って、簡単に作れます。 モーショントゥイーンの作り方は大丈夫でしょうか? まず、描画ツールで描いた絵(シェイプ)や文字の状態では、モーショントゥイーンはできません。「挿入」→「シンボルに変換」で、ムービークリップに変換しましょう。 モーショントゥイーンは、アニメの最初と最後のフレームを作るだけで間のコマを自動的に作成してくれる機能です。簡単な移動・拡大縮小・フェードイン/アウト(アルファのアニメ)・色が変わるアニメなどは、全てモーショントゥイーンで作れます。 フェードインの考え方は、アルファ(透明度)のアニメです。最初のフレームでアルファを0%(完全に透明)に、最後のフレームではアルファを 100 %(完全に不透明)にしてモーショントゥイーンを設定すると、その間のコマが自動的に作成され、フェードインのアニメになります。 ここでは仮に、10 フレームでフェードインしてくるアニメだとします。 フレーム1に「キーフレームの挿入」でキーフレームを作り、先ほど作ったムービークリップを配置します。ステージにある絵などをムービークリップに変換した直後は、その絵がムービークリップ(のインスタンス)になって残っていますので、これをそのまま利用しても構いません。 次に、フレーム 10 にも同様にしてキーフレームを作ります。直前のキーフレームと同じ内容のキーフレームが作成されますから、フレーム1と同じ内容のキーフレームが作られているかと思います。 タイムラインを見ると、フレーム1とフレーム 10 の間が、薄いグレーで塗りつぶされているかと思います。その部分を選択して、右クリック( Mac では control +クリック)→「モーショントゥイーンの作成」を選択してください。グレーの部分が薄い青紫に変わり、矢印が表示されるかと思います。これが、モーショントゥイーンが設定されている印です。 もし、矢印ではなく点線になっている場合は、最後のキーフレームが不明になっているということです。この状態ではモーショントゥイーンが正常に実行されません。 モーショントゥイーンは、最初と最後が同じムービークリップであることが条件となります。一見、同じムービークリップを配置しているように見えても、カットやペーストなどを繰り返したりすると、 Flash の中では、”トゥイーン開始のフレームのムービークリップと、終了のムービークリップは違うもの”と認識されることがあるようですので、ご注意ください。 話がそれましたが・・・ フレーム1がフェードインの開始フレームです。フレーム1のムービークリップを選択すると、「プロパティ」パネルに様々な情報が表示されるかと思います。 このパネルの右の方に「カラー」というリストがあります。このリストから「アルファ」を選択してください。すると、隣に「%」のボックスが表示されますので、スライダを調節するか数値を入力して、0%に設定します。 フレーム 10 では「アルファ」は 100 %に設定します。今回は最初から 100 %になっているかと思いますが、100 %になっていない場合は、同じ要領で 100 %に設定します。 簡単なトゥイーンであれば、「ムービープレビュー」でなくとも、編集画面で確認できます。「制御」メニューの「再生」で、確認してみてください。 モーショントゥイーンは、いろいろと組み合わせてアニメを作ることもできます。 今回はアルファだけを操作しましたが、例えばフレーム 10 でムービークリップを拡大したり位置を変えたりすると、フェードインしながら徐々に大きくなったり移動したりするアニメになります。 なお、Flash では、1つのレイヤーにつき1つのシンボルでしかトゥイーンを作れないようになっています。文字と絵など、2つ以上のシンボルを同時に動かしたい場合は、シンボルごとにレイヤーを分け、それぞれ個別にトゥイーンを設定します。 長くなってすみませんでした。 不明な点がありましたら、補足してください。

cat_fation_love
質問者

お礼

そうです。「フェードイン」という表現が思いつかずに・・それで検索したらすぐにわかりました。ありがとうございました。 しかし新たな問題が出てきてしまったので、別スレ立てます。

その他の回答 (2)

noname#6433
noname#6433
回答No.2

参考URLです。 サンプルがダウンロードできます。

参考URL:
http://members.jcom.home.ne.jp/f-studio/
noname#6433
noname#6433
回答No.1

参考URLです。 こちらも勉強中です。

参考URL:
http://www2.netwave.or.jp/~light/index.html
cat_fation_love
質問者

お礼

URLどちらも参考になりました。 ありがとうございました。

関連するQ&A

  • フリーのflash素材の改造方法

    flash の全くの初心者です。 フリーのflash素材(改造可)をダウンロードして FlashMX で改造してこのまま使用したいのですが、方法がわかりません。 どこかにこのような解説ページはないでしょうか?

    • ベストアンサー
    • Flash
  • flashのみのサイトを作りたいのですが・・

    flashのみで構成されているサイトを作りたいと思い、いろんな初心者用サイト、本などを見てみました。 が、アニメーションの基本やボタンの作成、ある程度のスクリプトなどばかりが書いてあるものばかりでした。 人によっていろいろな作り方があるというのはわかるのですが、 全体の構成というか、ページ階層の振り分け方や、 もっと具体的に書いたもの(例えば実際に10ページくらいのフラッシュサイトを作る過程)などが詳しく載っているものはないのでしょうか? ボタンや、アニメーションなどの部品では作れるのですが、実際に1つのサイトを作るとなるとページ移動の際のボタンなども含めた全体のアクション等で混乱しまいます・・ それとも、この質問自体がおかしいのでしょうか?^^; 初心者でもわかるような、解説サイトや本などありましたら教えていただけないでしょうか? よろしくお願いいたします。

  • Flash MXに関する書籍

    Flash MXを購入しました。まったくの初心者です。 とりあえず、自分でできるところまでやってみようと思い1週間程度がんばってなんとか単純なアニメーションが作成できるようになりましたが、まだまだ基本がわかりません。 そういうわけで、わかりやすい解説書などありましたら教えていただきたく思います。初心者の方(特にMXから初めて使った方)で、「これならわかりやすいよ。」とか「これを読んだら使えたよ」という解説書があれば教えてください。 申し訳ありませんが、既にFlashを使いこなせている方のご意見はご遠慮ください。(初心者が初心者の立場で読んでみてわかりやすい書籍がほしいものですのでご理解ください。) なお、私は現在株式会社ラトルズ発行の「ゼロからのステップアップ!FlashMX」(ISBN4-89977-031-6)という書籍を参考にしていますが、あまり役に立ちません。

  • Flashについて教えて下さい。

    こんにちは、初めまして。閲覧有難うございます。 私は昔からホームページ作りが好きで、もう3年目になります。 今回、私のサイトにもFlashを取り込みたいと思いまして、FlashMX2004というソフトを購入しました。とりあえず参考書にと『超図解FlashMX2004』という本を購入して基礎中の基礎を勉強しています。 ですが、ボタンを作成したり、音を鳴らすなどの基本操作は大体頭に入ってきたのですが、少々機能的なものを作ろうとするとアクションスクリプトが必要になることを知りました。 自分はC言語を少々かじった程度しか知らないので言語には疎く、過去ログを見ても理解できないのが現状です。 最近では、更新履歴をフラッシュで作りたくて外部テキストを読み込むようにしたいと思っているのですが検索しても過去ログを呼んでもいまいち理解できません。 ですので、私のような初心者でも学べるサイト、おすすめの参考書等ありましたら教えていただけると幸いです。どうか、よろしくお願いします。 最後まで読んでいただいて本当に有難うございます。

    • ベストアンサー
    • Flash
  • ぼわーんと光る文字をつくりたい

    flashMXを使っています。 文字に、photoshopでいうところの『光彩(外側)』の効果をつけたいのですが、どうすればよいのでしょうか?しかも徐々に光らせてゆきたいのですが。。 修正→シェイプ→ソフトエッジというのがありますが、塗りのオブジェクトに使えても、文字にはその効果が使えないようです(選択できません)。 あと、ぼわーんと光る線とかってのも同じ要領でできるのでしょうか?? flashは初心者みたいなものなので、わからないことだらけです。 インターネットであちこち調べ回ったのですがどこにも無くて分からずじまいでした。どなたか教えて下さい!おねがいします。

    • ベストアンサー
    • Flash
  • 本のようにめくれるページをFlashで。

    FlashMX2004を使用しています。 本がめくれる ( http://www.pageflip.hu/free.php )のようなWEBページ を作ろうと思い、いろいろ調べています。 ちなみに営利目的で作ります。 オープンソースとしていくつかWEB上にあったのですが、 やはりライセンスのようなものを購入(有料)か、非営利目的でないとだめなようです。 上記のページでもフリーなのですが、これは多分営利目的では使えないかと思います。 (フリーの場合、営利目的はだめということが結構あるので。。ココには書いていないのですが。。) Flashはあまりアクションスクリプトには詳しくありません、、、。 本のようにめくれるページはFlashMX2004のみで作るには難しいのでしょうか。 やはり、オープンソースなどが必要なのでしょうか。。 よろしくお願い致します(;;)

  • Flash Basic8の解説本

    Flash Basic8の解説本についてですが、「世界一わかりやすいFlash」 と「おしえて!Flash8」のどちらの本がいいでしょうか? 当方Flash超初心者です。よろしくお願いします。

  • FLASH初心者が覚える事

    FLASH初心者です。FLASHMXを持ってます。 これから勉強しようと思っているのですが詳しい方に質問です。 今、FLASHでやりたい事はサイト作りにおけるナビゲーションの作成などです。 ド派手な事は別にまだできなくてもいいですし、難しいアニメーションも今は望んでません。 ロールオーバーで出てくるナビゲーションメニューや簡単なオープニングムービーみたいなものです。 例 http://www.kddi.com/ http://www.hustlehustle.com/ なにから勉強していったらいいのでしょうか。 キーワードみたいなのを教えていただけたら幸いです。 たくさんある解説書をぱらぱらとめくって見るのですがなんかピンとくるものもないです。 オススメの本などがあったら教えてください。 ちなみにフォトショップ・イラストレーターはある程度自由に使う事ができます。

  • ブラインドを開くように写真が変わるFlash

    Flashで次の写真に変わる時に、下のサイトのTOPのFlashに出てくるような パラパラっと順番にブラインドを開くように次の写真が見えてくるようなものを作りたいのですが、手順がわかりません。 初心者でもわかりやすいサイト、または作り方をご存知の方、宜しくお願いいたします。 参考URL: http://www11.ocn.ne.jp/~hello-w/index.html ・当方、Flashの基本操作はできますが、Action Scriptはわかりません。 ・MacOSX、FLASHMXを使用しています。

    • ベストアンサー
    • Flash
  • FLASH 音楽挿入の仕方 初心者にわかりやすい本

    フラッシュを作りたいと思いFLASHMX2004をはじめました。少しずつ覚えているのですが、完成させるには程遠いです。 わからないのが中でも音楽の挿入でmp3を使用するようにしてるのですが、どこから音楽を挿入すればいいのかわかりません。マニュアルとか見ないほうなので初心者にもわかりやすそうな本を探してます。 ご存知の方どうか御教授お願いします!!

専門家に質問してみよう