PxCook+photoshop實現傻瓜式切圖(推薦小白使用)

肯定需求

剛入門前端的小夥伴通過一個階段的學習,已經準備小試牛刀了。但看到設計師給出的psd圖,又頭疼了,天啊擼,怎麼辦,我不會切圖啊。今天我就帶領小白學習傻瓜式切圖。包學包會。( ̄▽ ̄)"前端

所需軟件

PxCook(像素大廚):能夠對設計圖進行標註。從而能夠更方便的進行開發。這裏咱們使用的是它的插件完成切圖。node

PxCook與ps鏈接

使用photoshop打開你的psd圖,經過編輯->增效工具->開啓遠程鏈接的支持。勾選"啓用遠程鏈接",輸入密碼,點擊肯定。(記住這一步的密碼,以後要用)
打開PxCook軟件,點擊右上角的切圖圖標。以下圖所示。
切圖圖標工具

會彈出彈窗,以下圖所示。學習

鏈接界面

輸入剛剛在ps界面輸入的密碼。點擊開始使用。若是出現下面的界面,恭喜你,鏈接成功啦!這就表示你能夠開始切圖。spa

圖片描述

切圖步驟

選擇你要切的圖層,點擊切所選圖層按鈕 在彈出層上面的路徑上就能夠找到全部切的圖片。
紙上得來終覺淺,咱們來實際操做下把~
使用ps打開一張psd文件,按照以下操做,稍等片刻,就能夠在路徑下找到切好的圖了。插件

圖片描述

小技巧:若是要把不少圖層一塊兒切,能夠新建組,把要切的圖層放到組裏面,選中組,點擊切所選圖層按鈕便可。設計

是否是很簡單,學會了不妨點個贊。圖片

相關文章
相關標籤/搜索