Photoshopで作ったPSDをリアルタイムでスマホで確認できる「Skala Preview」が便利

  • ブックマーク

WebのメインビジュアルやバナーなどをPhotoshopで作ることも多いと思います。

PCで作ったデザインをスマホでどう見えるかを確認する時には「Skala Preview」が便利。
PSDファイルをリアルタイムでスマホ実機で確認できます。

保存したそばから、スマホ上にリアルタイムで表示されちゃいます。
ただ、現在はMac・iOS・Android用のアプリしか存在しないようです。

Skala Previewのセッティング

1)使うには、スマホとMacそれぞれにSkala Previewをインストールしておく必要があります。

ダウンロード(↓)
https://bjango.com/mac/skalapreview/

2)スマホとMacを、同じWifiネットワークに繋ぎます。

3)スマホのSkala Previewの左上にあるPC選択ボタンを押して、自分のMacを選択します。

これで準備完了。

Skala Previewの使い方

1)スマホとMacでSkala Previewを立ち上げます。
両方を立ち上げると、下記のように「Connected」と表示されます。

2)Mac上のSkala Previewのウィンドウに、Finder上でPSDファイルをドラッグアンドドロップします。
これでスマホのSkala PreviewにPSDデータが表示されます。
下記の画像の、左がMac、右がスマホの画面です。

3)Photohopの作業を保存すると、その都度、スマホ上でもデータが更新されます。

重いデータは数秒かかりますが、それほど待つストレスはありません。
200MBくらいのスマホサイトのデータを表示させることもありますが、7〜8秒で反映されます。

もう数年使っているアプリですが、手放せないアプリのひとつです。

Skala Preview(↓)
https://bjango.com/mac/skalapreview/

この記事も読まれています

  • ブックマーク