【Fireworks】Retina対応用にページを分けるFireworksコマンド

【Fireworks】Retina対応用にページを分けるFireworksコマンド

欧州選手権より睡眠をとるminamiです。今日はサッカー代表戦ですね!

昨日深夜のWWDC 2012基調講演で、Retinaディスプレイ MacBook Proが発表になりましたね!15.4型は2880 x 1800画素ということで、今までのノートパソコンでは考えられない解像度になるようです。

気になるのは、現在iPhone 4S用のサイト制作で行う必要があるRetina対応をPCでもしなければならないのかも・・・ということ。

そんな時にちょっとだけ便利になるかもしれないFireworksのコマンドを作ってみました。バージョンはCS5.1で確認しています。

右クリックなどで保存してお使いください。ご使用は自己責任でお願いします。

原寸表示の2倍でデザインしたファイルを作ります。スライスに名前をつけて設定した状態でコマンドを走らせます。

ダイアログが現れるので、Retina対応用の画像のpostfixを入力します。デフォルトでは "_2x" になっています。

コマンドが実行されると、元ページの他に「retina」「normal」というページが増えています。「retina」ページのスライスには先ほど入力したpostfixが追加されています。例えば btn_01 は btn_01_2x という名前になります。

「normal」ページは、元のデザインが 1/2 に縮小した状態になります。

まとめ

コマンドを使う前はバックアップを忘れずにお取りください。

若干力技ではありますが、高解像度のデバイスに対応しなければならないのも事実。必ず発生するであろう作業はできるだけ自動化しよう・・・というコマンドでした。もっともっと改良していきたいですね!

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

この記事を読んだ人にオススメ