個人Web前端開發切圖PS設置

keithyau 發布于2019-08-30 13:06 / 1679人閱讀

摘要：五保存設置窗口工作區新建工作區名稱切圖，后兩個選上，然后點擊存儲，這樣就可以保存下來，防止丟失了。

(一) 文件新建設置

畫布大小 Web(1920×2000) 像素

分辨率(R) 72 像素/英寸

顏色模式 RGB 8位

背景內容（透明）

（二）移動工具設置

自動選擇不要勾選，右邊選擇圖層

需要選擇圖層時，在PSD上面Ctrl + 鼠標左鍵點擊

（三）視圖與窗口設置

視圖-顯示-智能參考線勾選

標尺勾選

窗口-庫、顏色關閉

窗口打開信息、字符，右上角關閉屬性、段落

點開信息面板設置，標尺單位改為像素，第一顏色模式RGB模式，顏色模式改為RGB模式

勾選文檔尺寸，單擊確定

（四）首選項設置

編輯-首選項-單位與標尺-單位改為像素，其他默認不用改動

這樣的做的好處：在PS里打開一個網頁，隨便點擊哪個圖片或者某個字符，就可以知道詳細的信息。
（五）保存設置
-窗口-工作區-新建工作區-名稱：web切圖，后兩個選上，然后點擊存儲，這樣就可以保存下來，防止丟失了。

GPU云服務器云服務器 web前端切圖 ps怎么切圖 web前端前端開發前端web前端開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115315.html

個人Web前端開發切圖PS設置

摘要：五保存設置窗口工作區新建工作區名稱切圖，后兩個選上，然后點擊存儲，這樣就可以保存下來，防止丟失了。 (一) 文件新建設置畫布大小 Web(1920×2000) 像素分辨率(R) 72 像素/英寸顏色模式 RGB 8位背景內容（透明）showImg(https://segmentfault.com/img/bVxTF2); （二）移動工具設置自動選擇不要勾選，右邊選擇圖...

xbynet 2019-08-01 15:21 評論0 收藏0
神器！解放你的雙手——UI設計稿全自動切圖和標注的一些工具推薦

摘要：藍湖通過幫助設計師更好地向團隊展示設計圖描述頁面之間的跳轉關系。如果設計圖出現改動和更新，藍湖也能自動添加新版本。藍湖基于這些反饋快速迭代，而自動標注功能就是其中一項。原文收錄在我的 GitHub博客 (https://github.com/jawil/blog) ，喜歡的可以關注最新動態，大家一起多交流學習，共同進步，以學習者的身份寫博客，記錄點滴。工欲善其事，必先利其器。我只是...

lylwyy2016 2019-08-29 12:23 評論0 收藏0
神器！解放你的雙手——UI設計稿全自動切圖和標注的一些工具推薦

摘要：藍湖通過幫助設計師更好地向團隊展示設計圖描述頁面之間的跳轉關系。如果設計圖出現改動和更新，藍湖也能自動添加新版本。藍湖基于這些反饋快速迭代，而自動標注功能就是其中一項。原文收錄在我的 GitHub博客 (https://github.com/jawil/blog) ，喜歡的可以關注最新動態，大家一起多交流學習，共同進步，以學習者的身份寫博客，記錄點滴。工欲善其事，必先利其器。我只是...

tianren124 2019-08-20 15:43 評論0 收藏0
前端工具【3】—— 圖片處理

摘要：切圖主要是用的工具就是等等，除此之外，在開發過程中我們也會用到其他工具，以下介紹一些有關于圖片處理的操作。是打開文件捕捉活動窗口捕獲窗口捕獲矩形區域，可自行截圖。新版的比之前那些版本增加了一鍵導出功能，這個功能很大程度方便了我們拆分圖片。在寫頁面之前，很重要的一個技能是切圖，根據UI設計的設計圖，在了解頁面結構和操作后進行分割，取出自己在開發過程中是用到的圖片資源。切圖主要是用的工具...

MobService 2019-08-02 16:05 評論0 收藏0