Flashのシェイプトゥイーンマスターを目指せ！
1年以上前の記事です。内容が古い可能性があります。
まあ、なんてことはないのですがFlashといえばもはやモーショントゥイーン。
ってか、Flashがもはやどうなのかという話にもなっていますが、以前から言っているようにswfファイルだったらまだしも、Flashはなくなりません。
で、再度言いますがFlashといえばもはやモーショントゥイーンなわけです。
他にもボーンツールを使ったインバースキネマティックや普通のパラパラ漫画の要領でつくるキーフレームアニメーションなんかがFlashの動画部分を司っているわけです。
そんな中で地味ながら渋い存在なのがシェイプトゥイーンです。
初期のFlashからありながらもその存在はあまり表立った取り上げられることもなく、
無くなりはしないものの脚光も浴びないアニメーション。
モーショントゥイーンではオブジェクトの動きや色、拡大率や擬似3D変形などを変化させることができますが、
シェイプトゥイーンはそのものの形自体を変えてしまうことのできるアニメーションなのです。
で、このシェイプトゥイーンですが今ひとつ思い通りになってくれない。
そんなときにどうしたら良いかが今日のお話です。
まずはこちらの動画をご覧ください。
シェイプトゥイーンをどうやってつくるのかは端折ります。
注意すべき点はシンボルには設定できないところでしょうか。シェイプにしか設定することはできません。
まあ、その名もズバリシェイプトゥイーンですからね。
簡単に言うとタイムライン上にシェイプトゥイーンを作ったら、形を変えたシェイプをそれぞれフレーム上に置いてあげれば基本OKです。
ただ、そのままだと、上記のように今ひとつ微妙な動きになってしまいます。
なんか、回っているようん感じに見えちゃいますよね
そんなときに使うのが「シェイプヒント」です。
シェイプヒントはシェイプトゥイーン上のシェイプを選択して「修正」→「シェイプ」→「シェイプヒントの追加」で追加することができます。
で、これを何度か繰り返してそれぞれ変形前と変形後のシェイプに定点を設定してあげます。
例えば以下のようにします。
すると、シェイプトゥイーンが希望通りの動きになってくれます。
この機能をうまく利用するとこんなことも可能です。
月の満ち欠けをシェイプトゥイーンで作ってみました。
意外とハマると面白いシェイプトゥイーン。
使わない手はありませんよ。
アドセンス広告メイン
関連記事
-
-
放送業界全体で初の赤字 【今週のトピック】
1年以上前の記事です。内容が古い可能性があります。「電通」「朝日新聞」「TBS」 …
-
-
Flash2020年末に完全終了。Adobeから「Flash Player」の提供が停止に
1年以上前の記事です。内容が古い可能性があります。そういえば最近Flashのコン …
-
-
「position:absolute」を子要素に使いたいときは親要素に「position:relative」【CSS】
1年以上前の記事です。内容が古い可能性があります。CSSには「position（ …
-
-
今、ネットではやっているもの。
1年以上前の記事です。内容が古い可能性があります。ねこ鍋、FX、twitter、 …
-
-
SVGって知ってますか？
1年以上前の記事です。内容が古い可能性があります。SVG（Scalable Ve …
-
-
Google、livedoorに続け、Yahoo!も「Yahoo!ブックマーク」と「Yahoo!クリップ」を終了
1年以上前の記事です。内容が古い可能性があります。Googleとlivedoor …
-
-
クラスは自作できる（ActionScript3.0勉強中! #4）
1年以上前の記事です。内容が古い可能性があります。「オブジェクト指向プログラミン …
-
-
Flash完全終了のお知らせ。むしろ教えているところは貴重【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。実は、以前勤めていた職業訓練校 …
-
-
Web屋騒動に意見してみる
1年以上前の記事です。内容が古い可能性があります。ここ数日。Web屋に関する議論 …
-
-
WordPressのRSSをカスタマイズ。フィードでの各投稿の表示は「抜粋」に変えておこう
1年以上前の記事です。内容が古い可能性があります。最近は、RSSリーダーなんて使 …
Comment
[…] Flashのシェイプトゥイーンマスターを目指せ！ | ちほちゅう […]
[…] Flashのシェイプトゥイーンマスターを目指せ！ | ちほちゅう […]