Flashのシェイプトゥイーンマスターを目指せ!
1年以上前の記事です。内容が古い可能性があります。
まあ、なんてことはないのですがFlashといえばもはやモーショントゥイーン。
ってか、Flashがもはやどうなのかという話にもなっていますが、以前から言っているようにswfファイルだったらまだしも、Flashはなくなりません。
で、再度言いますがFlashといえばもはやモーショントゥイーンなわけです。
他にもボーンツールを使ったインバースキネマティックや普通のパラパラ漫画の要領でつくるキーフレームアニメーションなんかがFlashの動画部分を司っているわけです。
そんな中で地味ながら渋い存在なのがシェイプトゥイーンです。
初期のFlashからありながらもその存在はあまり表立った取り上げられることもなく、
無くなりはしないものの脚光も浴びないアニメーション。
モーショントゥイーンではオブジェクトの動きや色、拡大率や擬似3D変形などを変化させることができますが、
シェイプトゥイーンはそのものの形自体を変えてしまうことのできるアニメーションなのです。
で、このシェイプトゥイーンですが今ひとつ思い通りになってくれない。
そんなときにどうしたら良いかが今日のお話です。
まずはこちらの動画をご覧ください。
シェイプトゥイーンをどうやってつくるのかは端折ります。
注意すべき点はシンボルには設定できないところでしょうか。シェイプにしか設定することはできません。
まあ、その名もズバリシェイプトゥイーンですからね。
簡単に言うとタイムライン上にシェイプトゥイーンを作ったら、形を変えたシェイプをそれぞれフレーム上に置いてあげれば基本OKです。
ただ、そのままだと、上記のように今ひとつ微妙な動きになってしまいます。
なんか、回っているようん感じに見えちゃいますよね
そんなときに使うのが「シェイプヒント」です。
シェイプヒントはシェイプトゥイーン上のシェイプを選択して「修正」→「シェイプ」→「シェイプヒントの追加」で追加することができます。
で、これを何度か繰り返してそれぞれ変形前と変形後のシェイプに定点を設定してあげます。
例えば以下のようにします。
すると、シェイプトゥイーンが希望通りの動きになってくれます。
この機能をうまく利用するとこんなことも可能です。
月の満ち欠けをシェイプトゥイーンで作ってみました。
意外とハマると面白いシェイプトゥイーン。
使わない手はありませんよ。
アドセンス広告メイン
関連記事
-
TV見ません。雑誌読みません。
1年以上前の記事です。内容が古い可能性があります。最近、テレビを見なくなった。そ …
-
Safari(javascriptのバグ?)
1年以上前の記事です。内容が古い可能性があります。またまた「safari」に関し …
-
「float」で親要素の高さがなくなってしまったときは親要素に「float」【CSS】
1年以上前の記事です。内容が古い可能性があります。HTML・CSSコーディングで …
-
台風接近!!
1年以上前の記事です。内容が古い可能性があります。台風直撃の中、都内まで打ち合わ …
-
DMOZ(OPD)のエディタになってみる?
1年以上前の記事です。内容が古い可能性があります。DMOZの印刷カテゴリに会社の …
-
ダウンロードが違法になる?!
1年以上前の記事です。内容が古い可能性があります。livedoor ニュース & …
-
Yahooが遂に新トップページを公開
1年以上前の記事です。内容が古い可能性があります。ベータ版ですがYahooが新ト …
-
Tumblr(タンブラー)を勉強してみた (11/11追記)
1年以上前の記事です。内容が古い可能性があります。謎多きTumblr(タンブラー …
-
Illustrator(イラストレーター)を使ってWebサイトのデザインをする際の注意点
1年以上前の記事です。内容が古い可能性があります。自分、基本的にIllustra …
-
インターネットは強者のツール? #2
1年以上前の記事です。内容が古い可能性があります。弱者が強者に勝つためには強者と …
Comment
[…] Flashのシェイプトゥイーンマスターを目指せ! | ちほちゅう […]
[…] Flashのシェイプトゥイーンマスターを目指せ! | ちほちゅう […]