{"id":37621,"date":"2016-07-20T17:20:38","date_gmt":"2016-07-20T11:50:38","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=37621"},"modified":"2016-07-20T17:36:47","modified_gmt":"2016-07-20T12:06:47","slug":"realtime-preview-direct-from-photoshop-to-mobile-device-using-skala","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/realtime-preview-direct-from-photoshop-to-mobile-device-using-skala\/","title":{"rendered":"Realtime Preview Direct from Photoshop to Mobile Device using Skala"},"content":{"rendered":"<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-37644\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/unnamed.png\" alt=\"Skala Preview\" width=\"83\" height=\"83\" \/><\/p>\n<p style=\"text-align: center;\"><strong>Have you ever faced problems such as changed font, not enough contrast etc&#8230;after reflecting the design on a mobile device?<\/strong><\/p>\n<p style=\"text-align: left;\">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.<\/p>\n<p style=\"text-align: left;\">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 &amp; transferring your image.<\/p>\n<p style=\"text-align: left;\">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.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-37651\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/preview2.jpg\" alt=\"preview2\" width=\"800\" height=\"533\" \/><strong>\u00a0Image:<\/strong> Mirror view of Skala Preview in Skala View<\/p>\n<p style=\"text-align: left;\"><strong>What is Skala\u00a0View<\/strong><\/p>\n<p style=\"text-align: left;\">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.<\/p>\n<p style=\"text-align: left;\"><strong>Features of Skala Preview<\/strong><\/p>\n<ul>\n<li style=\"text-align: left;\"><strong>Realtime Preview-\u00a0<\/strong>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.<\/li>\n<\/ul>\n<ul>\n<li style=\"text-align: left;\"><strong>Multiple Device Preview-\u00a0<\/strong>You can view the preview of your canvas on multiple devices at the same time.<\/li>\n<\/ul>\n<ul>\n<li style=\"text-align: left;\"><strong>Canvas Orientation-\u00a0<\/strong>\u00a0Design can be previewed in Portrait &amp; Landscape view.<\/li>\n<\/ul>\n<ul>\n<li style=\"text-align: left;\"><strong>Color Blindness Testing &#8211;\u00a0<\/strong>\u00a0You can ensure that your design will work in the cases of protanopia, deuteranopia, tritanopia or complete color blindness people.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong><b>Installation &amp; Getting Started<\/b><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Follow the below mentioned steps to get started:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ensure that your workstation is connected with phone over same wifi network. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Download Skala Preview for Mac <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">http:\/\/download.bjango.com\/skalapreview\/<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Download Skala View App for android phone and iphone.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0For Android -&gt; <\/span><span style=\"font-weight: 400;\">https:\/\/play.google.com\/store\/apps\/details?id=com.bjango.skalaview<\/span><\/p>\n<p><span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0<\/span> <span style=\"font-weight: 400;\">For iOS-&gt; <\/span><span style=\"font-weight: 400;\">http:\/\/itunes.apple.com\/us\/app\/skala-view\/id498876303?mt=8<\/span><\/p>\n<ol start=\"3\">\n<li><span style=\"font-weight: 400;\"> \u00a0\u00a0<\/span><span style=\"font-weight: 400;\">Open your photoshop &gt; <\/span><span style=\"font-weight: 400;\">Go to edit Menu &gt;<\/span><span style=\"font-weight: 400;\"> Remote Connections <\/span><\/li>\n<li><span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0In remote connection dialog box &gt; check for enable remote connection &gt; write \u201cbjango\u201d in \u00a0 \u00a0Service\u00a0<\/span><span style=\"font-weight: 400;\">Name <\/span><i><span style=\"font-weight: 400;\">text field<\/span><\/i><span style=\"font-weight: 400;\"> &amp; type any password &gt; then click OK.<\/span><\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-37652 aligncenter\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/Screenshot1.jpg\" alt=\"Screenshot1\" width=\"678\" height=\"424\" \/><strong>Image:<\/strong>\u00a0Remote Connection Dialog Box<\/p>\n<ol start=\"5\">\n<li><span style=\"font-weight: 400;\">\u00a0 Restart your photoshop.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">\u00a0 Open Skala Preview app on mac &gt; Click setting &gt; Photoshop Setting &gt; Enter your <\/span><b>service \u00a0 \u00a0\u00a0<\/b><b>name<\/b><span style=\"font-weight: 400;\"> &amp; <\/span><b>password <\/b><span style=\"font-weight: 400;\">(You have generated in step 4) &gt; click ok &gt; go to connect icon \u00a0 \u00a0 \u00a0\u00a0<\/span><span style=\"font-weight: 400;\">and\u00a0<\/span><strong><span style=\"font-weight: 400;\">Check \u00a0<\/span><b>Connect Photoshop<\/b><span style=\"font-weight: 400;\"> option.<\/span><\/strong><\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-37654 aligncenter\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/Screenshot21.jpg\" alt=\"Screenshot2\" width=\"1000\" height=\"625\" \/><strong>Image:<\/strong> <strong><span style=\"font-weight: 400;\">Settings in Skala Preview<\/span><\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-37655 aligncenter\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/Screenshot3.jpg\" alt=\"Screenshot3\" width=\"1280\" height=\"800\" \/><strong>Image:<\/strong>\u00a0<strong><span style=\"font-weight: 400;\">Settings in Skala Preview<\/span><\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-37656 aligncenter\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/Screenshot4.jpg\" alt=\"Screenshot4\" width=\"1280\" height=\"800\" \/><strong>Image:<\/strong>\u00a0<strong><span style=\"font-weight: 400;\">Connect to photoshop<\/span><\/strong><\/p>\n<ol start=\"7\">\n<li><span style=\"font-weight: 400;\">\u00a0 \u00a0Now open Skala View App in your ios\/android mobile &gt; then click on <\/span><b>monitor icon<\/b><span style=\"font-weight: 400;\"> shows \u00a0 \u00a0 \u00a0<\/span><strong><span style=\"font-weight: 400;\">on top left corner &gt; and select connect to macbook.<\/span><\/strong><\/li>\n<\/ol>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-37757 aligncenter\" src=\"\/blog\/wp-ttn-blog\/uploads\/2016\/07\/Screenshot_20160630-181117.png\" alt=\"Skala Preview\" width=\"269\" height=\"478\" \/><\/p>\n<p style=\"text-align: center;\"><strong>Skala preview<\/strong> is good to go.<br \/>\nCreate any design on Photoshop and it will automatically be reflected on your mobile phone.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever faced problems such as changed font, not enough contrast etc&#8230;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 [&hellip;]<\/p>\n","protected":false},"author":936,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":88},"categories":[3429,1772,1],"tags":[3769,3768],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/37621"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/936"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=37621"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/37621\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=37621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=37621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=37621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}