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

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

*

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

   

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

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

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

むむむ。。

スポンサーリンク
 

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

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

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

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

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

 - FLASH, 覚え書き

アドセンス広告メイン

Message

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

  関連記事

no image
301リダイレクトをperlで

1年以上前の記事です。内容が古い可能性があります。今まで、アクセス数の多いサイト …

iPhoneで拡大縮小する方法

1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)ネ …

悪質ランディングブログ(広告ブログ・偽ブログ)は右クリックで見抜け

1年以上前の記事です。内容が古い可能性があります。いやいや、最近はFaceboo …

Webデザインのテンプレートは60px×12カラムで横幅960px

1年以上前の記事です。内容が古い可能性があります。これはWebデザイナーの常識な …

Adobe系ソフトの初期化コマンド

1年以上前の記事です。内容が古い可能性があります。過去に「フォトショップが立ち上 …

ライブドアブログで丸数字を使う方法

1年以上前の記事です。内容が古い可能性があります。前の記事を書いたときに丸数字( …

Excel(エクセル)を使ってHTMLの表組みの行(横軸)と列(縦軸)を簡単に入れ替える方法

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

カーナビの地図更新サービスの無料期間が終わりそうなので地図データをアップデートしてみた(ID取得編)

1年以上前の記事です。内容が古い可能性があります。1. ID取得編 | …

Windowsムービーメーカーで動画を編集してWebに公開 [シリーズ動画#2]

1年以上前の記事です。内容が古い可能性があります。某企業で90分程度のイメージD …

Chromeで「Adobe Reader」を使ってPDFを開かせる方法

1年以上前の記事です。内容が古い可能性があります。激速ブラウザ「Google C …

血液型オヤジ