Skala Preview

iOSデバイスにPhotoshopのキャンバスをリアルタイム表示するアプリ

iOSアプリを制作していく上でUIや背景など、少なからず画像の加工は必要になってきます。
そんな時にいままでは、Photoshopで画像を作る→Xcodeに持って行って配置→Photoshopで修正というのを繰り返していたのですが、それだとボタンの位置など微妙な調整がしづらく苦労していました。

今回紹介するSkalaはそんなアプリケーション間の行き来をすることなく、Photoshopで開いている画像がiOSでプレビューできるアプリです。

まずは動画で実際の動きをご覧ください。



使用方法
まずはPhotoshop(CS5以上)の編集メニューから「リモート接続」を選択し、サービス名、パスワードを任意で入力します。(例 リモート名:Skala など)

続いて、Mac App StoreからSkala Previewを起動します。

Skala Previewのウィンドウの下に並んでいる歯車アイコンから「Photoshop Settings…」を選択し、先ほどPhotoshopに入力したサービス名、パスワードを入力します。

あとはiOSデバイスでSkala Viewを起動し、Photoshopで表示させたい画像を開けばiOS側に同じ画像が表示されるはずです。
もちろん、Photoshopで加工した内容はリアルタイムに(5秒ほど遅れますが・・・)iOS側に反映されます。

Macの画面とiOSデバイスの画面は解像度(dpi)が違うので、どうしても文字サイズなどが小さくなってしまったりしがちです。
その点、このSkalaを使えばiOSデバイス原寸で表示確認ができるので便利ですね。
もちろん、iOSアプリだけでなくスマートフォン用サイトのパーツ作成にも利用できると思います。

Skala Preview App

カテゴリ: グラフィック&デザイン

価格: ¥450
Skala View App

カテゴリ: ユーティリティ

価格: 無料

コメントを残す