Realtime Preview Direct from Photoshop to Mobile Device using Skala
Have you ever faced problems such as changed font, not enough contrast etc…after reflecting the design on a mobile device?
Probably Yes! The traditional method of previewing the design on mobile devices is a very time consuming model however, It is an essential exercise but also very taxing.
Fortunately, there are some awesome tools using which you can get rid of this overhead. Such tools allow designers to check real-time preview on mobile devices while working on Photoshop, without saving & transferring your image.
Introducing Skala, an application that allows you to transfer your design directly from your workstation (photoshop) to your Android/iOS device without losing its quality and all is done quite beautifully.
Image: Mirror view of Skala Preview in Skala View
What is Skala View
SKALA VIEW (mobile device) is the comrade app of SKALA PREVIEW (Mac workstation). Using SKALA is the best way to transfer your design from Photoshop to your Android/iOS mobile device without losing its quality.
Features of Skala Preview
- Realtime Preview- While working on Photoshop, Skala Preview is the fastest way to mirror your Photoshop canvas onto your mobile device without saving your file or pressing any shortcut key.
- Multiple Device Preview- You can view the preview of your canvas on multiple devices at the same time.
- Canvas Orientation- Design can be previewed in Portrait & Landscape view.
- Color Blindness Testing – You can ensure that your design will work in the cases of protanopia, deuteranopia, tritanopia or complete color blindness people.
Installation & Getting Started
Follow the below mentioned steps to get started:
- Ensure that your workstation is connected with phone over same wifi network.
- Download Skala Preview for Mac
http://download.bjango.com/skalapreview/ - Download Skala View App for android phone and iphone.
For Android -> https://play.google.com/store/apps/details?id=com.bjango.skalaview
For iOS-> http://itunes.apple.com/us/app/skala-view/id498876303?mt=8
- Open your photoshop > Go to edit Menu > Remote Connections
- In remote connection dialog box > check for enable remote connection > write “bjango” in Service Name text field & type any password > then click OK.
Image: Remote Connection Dialog Box
- Restart your photoshop.
- Open Skala Preview app on mac > Click setting > Photoshop Setting > Enter your service name & password (You have generated in step 4) > click ok > go to connect icon and Check Connect Photoshop option.
Image: Settings in Skala Preview
Image: Settings in Skala Preview
Image: Connect to photoshop
- Now open Skala View App in your ios/android mobile > then click on monitor icon shows on top left corner > and select connect to macbook.
Skala preview is good to go.
Create any design on Photoshop and it will automatically be reflected on your mobile phone.