これヤバイ・・・神すぎる!Potoshopとスマホをリアルタイムで表示できるアプリ「Skala Preview」


今回、とんでもない神アプリを見つけてしまったのでご紹介します。
結論から言うと、Photoshopのファイルをリアルタイムでスマートフォンに表示できるというものです。

「これの何が便利なの?」と思っているそこのハナタ!!
スマートフォンのデザインを制作しているときを想像してみてください!!
デザイン→コーディング→サーバーにUpしてデザインチェックしているのではないですか?
または、xcodeでバーチャルなスマホを呼び出してチェックしているのでは?

これからはもうそんな事しなくていいのですよ!
そう、 Skala Previewがあれば!!

では、早速Skala Previewにlet GOGO!!

Skala Preview設定方法について

まず、PCにSkala Previewのアプリを入れます。
s_p
Mac用のアプリは「Skala Preview」です。

次に、スマホにSkala Viewのアプリを入れます。
s_v
スマホ用のアプリは「Skala View」です。

Photoshopを立ち上げます

rimote
こんな感じで、「編集>リモート接続」を選んで下さい。

そして、
check
「リモート接続を有効にする」にチェックを入れてください。
「サービス名」と「パスワード」は自由です!好きにつけてください。
以上で、Photoshop側の設定は完了です。

Mac用のアプリSkala Previewを立ち上げる

pc
PCに入ってるSkala Previewを立ち上げます。


setting
①歯車クリック!

②Photoshop Settingクリック!

③Photoshopで設定した名前とパスワ-ドを入力!
PC側は設定完了でーす!


スマートフォンの設定

smaho
スマホに入れた「Skala View」アプリを立ち上げて、
左下ボタンから自分のMacを選んだらOK!
ただし、Wi-Fiを繋げておいてくださいね!
Wi-Fiを繋げないと反映されません!


まとめ

どうでしょうか?
このアプリのすごい所は、
Photoshopでスマホデザインを変更するたびに、スマホ側はほっといても更新されていきます。
つまりPhotoshopのデザイン段階から、スマホでライブで確認出来るのです。
凄いでしょ。まさにライブプレビューです!
快適なスマホ制作を!!

以上です。 ありがとうございました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です