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

sorra 發布于2019-08-01 18:36 / 1878人閱讀

摘要：今天我就帶領小白學習傻瓜式切圖。所需軟件像素大廚可以對設計圖進行標注。從而可以更方便的進行開發。這里我們使用的是它的插件完成切圖。勾選啟用遠程連接，輸入密碼，點擊確定。如果出現下面的界面，恭喜你，連接成功啦這就表示你可以開始切圖。

確定需求

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

所需軟件

PxCook

photoshop

PxCook（像素大廚）：可以對設計圖進行標注。從而可以更方便的進行開發。這里我們使用的是它的插件完成切圖。

PxCook與ps連接

使用photoshop打開你的psd圖，通過編輯->增效工具->開啟遠程連接的支持。勾選"啟用遠程連接"，輸入密碼，點擊確定。（記住這一步的密碼，之后要用）
打開PxCook軟件，點擊右上角的切圖圖標。如下圖所示。

會彈出彈窗，如下圖所示。

輸入剛剛在ps界面輸入的密碼。點擊開始使用。如果出現下面的界面，恭喜你，連接成功啦！這就表示你可以開始切圖。

切圖步驟

選擇你要切的圖層，點擊切所選圖層按鈕在彈出層上面的路徑上就可以找到所有切的圖片。
紙上得來終覺淺，我們來實際操作下把~
使用ps打開一張psd文件，按照如下操作，稍等片刻，就可以在路徑下找到切好的圖了。

小技巧：如果要把很多圖層一起切，可以新建組，把要切的圖層放到組里面，選中組，點擊切所選圖層按鈕即可。

是不是很簡單，學會了不妨點個贊。

GPU云服務器云服務器阿里云vps小白怎么使用 PxCook 推薦使用傻瓜

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

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

前端如何快速切圖

摘要：選擇適合我們自己的需求的格式，點擊切所選圖層即可導出到指定的路徑下面。通過這兩個工具的混合使用，困擾我的問題得到了解決，媽媽再也不用擔心我的切圖了。廢話不多說我們直接進入正題正所謂：‘工欲善其事，必先利其器’，好的開發工具能夠極大的提高我們的開發效率。 Pxcook（高效易用的自動標注工具, 生成前端代碼, 設計研發協作利器） Adobe PhotoShop CC 2018(推...

shevy 2019-08-23 10:33 評論0 收藏0
前端切圖工具-踩坑記_08

摘要：前端切圖工具作為一個前端切圖仔總是避免不了切圖的痛苦強大的不得不說這個工具強大，不僅由版也有，也不收費。基本已經夠用的，這個軟件收費而且沒有版本。前端切圖工具作為一個前端切圖仔總是避免不了切圖的痛苦強大的PxCook PxCook不得不說這個工具強大，不僅由MAC版也有Windows，也不收費。具體看官網的安裝和教程就好了，真的強大分享一下photoshop mac Phot...

haobowd 2019-08-02 12:06 評論0 收藏0
前端切圖工具_08

摘要：前端切圖工具作為一個前端切圖仔總是避免不了切圖的痛苦強大的不得不說這個工具強大，不僅由版也有，也不收費。基本已經夠用的，這個軟件收費而且沒有版本。前端切圖工具作為一個前端切圖仔總是避免不了切圖的痛苦強大的PxCook PxCook不得不說這個工具強大，不僅由MAC版也有Windows，也不收費。具體看官網的安裝和教程就好了，真的強大分享一下photoshop mac Phot...

rockswang 2019-08-29 17:24 評論0 收藏0
淺談 CSS Sprites 雪碧圖應用

摘要：編寫配置文件，以下是關鍵配置代碼雪碧圖合并輸出到文件參數執行目錄參數生成的和圖片的文件名之所以推薦，是因為非常的靈活，看懂模塊的可以根據你的項目情況編寫對應的配置文件。 showImg(https://segmentfault.com/img/bVGpAw?w=518&h=156); 前言網站開發90%會用到小圖標，多小圖標調用顯示是前端開發常見的問題；目前小圖標顯示常見有兩種方式...

MkkHou 2019-08-30 13:12 評論0 收藏0