新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

Flashのシェイプトゥイーンマスターを目指せ!

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

まあ、なんてことはないのですがFlashといえばもはやモーショントゥイーン。
ってか、Flashがもはやどうなのかという話にもなっていますが、以前から言っているようにswfファイルだったらまだしも、Flashはなくなりません。 

スポンサーリンク
 

で、再度言いますがFlashといえばもはやモーショントゥイーンなわけです。
他にもボーンツールを使ったインバースキネマティックや普通のパラパラ漫画の要領でつくるキーフレームアニメーションなんかがFlashの動画部分を司っているわけです。

そんな中で地味ながら渋い存在なのがシェイプトゥイーンです。
初期のFlashからありながらもその存在はあまり表立った取り上げられることもなく、
無くなりはしないものの脚光も浴びないアニメーション。

モーショントゥイーンではオブジェクトの動きや色、拡大率や擬似3D変形などを変化させることができますが、
シェイプトゥイーンはそのものの形自体を変えてしまうことのできるアニメーションなのです。

で、このシェイプトゥイーンですが今ひとつ思い通りになってくれない。
そんなときにどうしたら良いかが今日のお話です。

まずはこちらの動画をご覧ください。
 シェイプトゥイーンマスターを目指せ!01
シェイプトゥイーンをどうやってつくるのかは端折ります。
注意すべき点はシンボルには設定できないところでしょうか。シェイプにしか設定することはできません。
まあ、その名もズバリシェイプトゥイーンですからね。
簡単に言うとタイムライン上にシェイプトゥイーンを作ったら、形を変えたシェイプをそれぞれフレーム上に置いてあげれば基本OKです。

ただ、そのままだと、上記のように今ひとつ微妙な動きになってしまいます。
なんか、回っているようん感じに見えちゃいますよね
 そんなときに使うのが「シェイプヒント」です。

シェイプトゥイーンマスターを目指せ!03
 シェイプヒントはシェイプトゥイーン上のシェイプを選択して「修正」→「シェイプ」→「シェイプヒントの追加」で追加することができます。

で、これを何度か繰り返してそれぞれ変形前と変形後のシェイプに定点を設定してあげます。
例えば以下のようにします。
シェイプトゥイーンマスターを目指せ!04

すると、シェイプトゥイーンが希望通りの動きになってくれます。
シェイプトゥイーンマスターを目指せ!02

この機能をうまく利用するとこんなことも可能です。
シェイプトゥイーンマスターを目指せ!05
月の満ち欠けをシェイプトゥイーンで作ってみました。

意外とハマると面白いシェイプトゥイーン。
使わない手はありませんよ。 

 - FLASH, Webデザイン

アドセンス広告メイン

Comment

  1. […] Flashのシェイプトゥイーンマスターを目指せ! | ちほちゅう […]

  2. […] Flashのシェイプトゥイーンマスターを目指せ! | ちほちゅう […]

実技(ムービー・スクリプト実習②) | 東京の求職者支援訓練 へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

  関連記事

なんとツイッターのツイートを縦書きに変換してくれるサイトが登場!

1年以上前の記事です。内容が古い可能性があります。ツイッターのツイートに改行を入 …

no image
ダウンロードが違法になる?!

1年以上前の記事です。内容が古い可能性があります。livedoor ニュース & …

no image
12時投稿で何か変わった?

1年以上前の記事です。内容が古い可能性があります。以前告知していた12時投稿を一 …

今、時代は猫。なのか?

1年以上前の記事です。内容が古い可能性があります。最近、巷で猫々騒がしい。

Googleの検索機能、モバイル(スマホ)版とPC(パソコン)版が完全に分離されるとの情報。SEOは各々行う必要が

1年以上前の記事です。内容が古い可能性があります。どこからでた情報なのかわかりま …

no image
最も原始的なSEO対策

1年以上前の記事です。内容が古い可能性があります。最も原始的なSEOを進行中なの …

no image
自宅サーバーをいかに安価に設置するか【序章】 きっかけ

1年以上前の記事です。内容が古い可能性があります。自宅サーバーはすでにもっていた …

no image
僕もそのうちの一人です

1年以上前の記事です。内容が古い可能性があります。livedoor ニュース & …

no image
SEOの今後

1年以上前の記事です。内容が古い可能性があります。トラバ先の記事を読んで思ったこ …

放送業界全体で初の赤字 【今週のトピック】

1年以上前の記事です。内容が古い可能性があります。「電通」「朝日新聞」「TBS」 …

血液型オヤジ