Photoshop 網頁

[教學] Photoshop CC 2015限定!將製作好的版型同步至手機、平板中檢視

2015/08/03

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視

  最近將Photoshop更新至CC 2015版,發現多了一個挺方便的新功能,那就是可將Photoshop製作好的視覺版型,可同步至手機、平板中,直接在實機中檢視整個視覺的效果,是否有需要那邊再進行微調,這時不得不稱讚一下Photoshop,總算是著重在網頁上的應用,如此一來就不用每次將作好的版型儲存為JPG後,再上傳到主機中進行檢測,更能縮短網頁的開發時程,至於要如何使用呢?現在就一塊來看看吧!!


Step1

首先,手機與平板,要先下載Adobe Preview CC後,安裝完畢後,進入此應用程式,再點右下的登入

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視

Step2

接著登入Adobe ID,並且將手機、平板、電腦要同時連到同一網段下。

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視


Step3

將手機與電腦連接。

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視


Step4

這時開啟Photoshop後,選擇 視窗 / Device Preview選項。

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視


Step5

接著在Device Preview面板中,就會看到已連接的手機名稱,與該手機的螢幕解析大小。

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視


Step6

接著在Photoshop中所設計好的版型,就會同步到手機中,直接來作檢視啦!

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視


Step7

甚至也可上下滑動來切換可視範圍,如此一來當檢測沒問題後,才進行切版,就能省去來來回回校稿與切版的時間。

梅問題-Adobe Photoshop CC2015限定-將製作好的視覺頁面同步至手機、平板檢視