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

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

*

マシンを変えたらFlashの画質が落ちたと言われたときにチェックすること

   

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

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

あるお客さんからマシンを変えたらFlashの画質が悪くなったとの相談を頂いた。
そこで、該当のFlashを調べてみると以下のことがわかった。

むむむ。。

スポンサーリンク
 

  • 文字が画像(ビットマップ)になっている。
  • ビットマップの画像を回転させてアニメーションしている。

普段からFlashをバリバリ使っている人にはもしかしたら信じられないかもしれませんが、文字を画像(ビットマップ)のままアニメーションさせることは結構あります。
デザイナーがPhotoshopでデザインしたものをコーダーがそのまま使うことがあるからです。
こういったFlashの場合はアニメーション(拡大・縮小・回転)のときに動きがスムーズに行かずにガクガクすることがあります。
そして、あまり画質のよくないモニターで見ている限りは目立ちませんがむしろ画質の良いモニターに変えると目立ってしまうといったことが考えられるのです。
その場合は以下の方法を試すと解消されます。

  • アニメーションさせる画像にスムージングを設定する。
    1. ライブラリから該当の画像(ビットマップ)を選んでダブルクリック
      スムージングの設定
    2. スムージングにチェックを入れる
  • なるべくパスを使って表現する。文字等はテキストに置き換える。

基本的に文字は画像ではなくパスもしくはテキストにしたほうがいいでしょうね。
他にも画像のフレームとかパス化できるところはしておいたほうがいいです。
実は以前、斜めにビットマップ画像が移動するflashを作ったことがあって、その時はスムージングでも解決せず、画像自体をパス化して対応しました。
できたswfファイルはなんとも重いものになってしまいましたが。。

最後に光彩加工をしたテキストにアニメーションさせたものを「スムージングなし」と「スムージングあり」及びFlash上での「テキスト入力+フィルタ」の3種類の見本をリンクさせていただきます。
スムージングなし
スムージングあり
直接Flash上でテキスト入力
やはり、ダイレクトにテキスト入力したものが一番スムーズに感じますがどうでしょうか?

 - FLASH, 覚え書き

アドセンス広告メイン

Message

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

  関連記事

モバイルサイトのスクリーンショット

1年以上前の記事です。内容が古い可能性があります。「モバイルサイトを本格的に始め …

no image
こうなったら会社はヤバい。倒産した会社の特徴・前兆

1年以上前の記事です。内容が古い可能性があります。NECトーキンの動向も気になり …

WordPress(ワードプレス)のヘッドライン表示は「query_posts」じゃなくて「get_posts」 #wp

1年以上前の記事です。内容が古い可能性があります。プログラムのプロではないのです …

救急車を呼んだ話

1年以上前の記事です。内容が古い可能性があります。今年(というか、この件は厳密に …

AS2.0以前との違い(ActionScript3.0勉強中! #1)

1年以上前の記事です。内容が古い可能性があります。Flash CS3以上で使うA …

アンカー付きオブジェクトへのテキストの回り込みができない【InDesign】

1年以上前の記事です。内容が古い可能性があります。久しぶりにInDesign(イ …

Yahoo!ブログにYoutube動画を埋め込む方法【改訂版】

1年以上前の記事です。内容が古い可能性があります。YouTubeの埋め込みリンク …

残念っ!! コメント付き「いいね!」は「シェア」じゃない。設定次第ではバズらない【Facebook】

1年以上前の記事です。内容が古い可能性があります。以前書いたとおり「いいね!」と …

節電のために「自動同期」を止めるとGmailでメール送信できなくなる(Android)

1年以上前の記事です。内容が古い可能性があります。SPモードメールでもありました …

薄毛(ハゲ)防止に新説。小麦(グルテン)を抜くと毛が生えてくるらしい

1年以上前の記事です。内容が古い可能性があります。これはうどん好きの禿頭(とくと …

血液型オヤジ