摘要:今天我就帶領(lǐng)小白學(xué)習(xí)傻瓜式切圖。所需軟件像素大廚可以對(duì)設(shè)計(jì)圖進(jìn)行標(biāo)注。從而可以更方便的進(jìn)行開發(fā)。這里我們使用的是它的插件完成切圖。勾選啟用遠(yuǎn)程連接,輸入密碼,點(diǎn)擊確定。如果出現(xiàn)下面的界面,恭喜你,連接成功啦這就表示你可以開始切圖。
確定需求
剛?cè)腴T前端的小伙伴經(jīng)過一個(gè)階段的學(xué)習(xí),已經(jīng)準(zhǔn)備小試牛刀了。但看到設(shè)計(jì)師給出的psd圖,又頭疼了,天啊擼,怎么辦,我不會(huì)切圖啊。今天我就帶領(lǐng)小白學(xué)習(xí)傻瓜式切圖。包學(xué)包會(huì)。( ̄▽ ̄)"
所需軟件PxCook
photoshop
PxCook(像素大廚):可以對(duì)設(shè)計(jì)圖進(jìn)行標(biāo)注。從而可以更方便的進(jìn)行開發(fā)。這里我們使用的是它的插件完成切圖。
PxCook與ps連接使用photoshop打開你的psd圖,通過編輯->增效工具->開啟遠(yuǎn)程連接的支持。勾選"啟用遠(yuǎn)程連接",輸入密碼,點(diǎn)擊確定。(記住這一步的密碼,之后要用)
打開PxCook軟件,點(diǎn)擊右上角的切圖圖標(biāo)。如下圖所示。
會(huì)彈出彈窗,如下圖所示。
輸入剛剛在ps界面輸入的密碼。點(diǎn)擊開始使用。如果出現(xiàn)下面的界面,恭喜你,連接成功啦!這就表示你可以開始切圖。
切圖步驟選擇你要切的圖層,點(diǎn)擊切所選圖層按鈕 在彈出層上面的路徑上就可以找到所有切的圖片。
紙上得來終覺淺,我們來實(shí)際操作下把~
使用ps打開一張psd文件,按照如下操作,稍等片刻,就可以在路徑下找到切好的圖了。
小技巧:如果要把很多圖層一起切,可以新建組,把要切的圖層放到組里面,選中組,點(diǎn)擊切所選圖層按鈕即可。
是不是很簡(jiǎn)單,學(xué)會(huì)了不妨點(diǎn)個(gè)贊。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/51849.html
摘要:前端切圖工具作為一個(gè)前端切圖仔總是避免不了切圖的痛苦強(qiáng)大的不得不說這個(gè)工具強(qiáng)大,不僅由版也有,也不收費(fèi)。基本已經(jīng)夠用的,這個(gè)軟件收費(fèi)而且沒有版本。 前端切圖工具 作為一個(gè)前端切圖仔總是避免不了切圖的痛苦 強(qiáng)大的PxCook PxCook不得不說這個(gè)工具強(qiáng)大,不僅由MAC版也有Windows,也不收費(fèi)。具體看官網(wǎng)的安裝和教程就好了,真的強(qiáng)大 分享一下photoshop mac Phot...
摘要:前端切圖工具作為一個(gè)前端切圖仔總是避免不了切圖的痛苦強(qiáng)大的不得不說這個(gè)工具強(qiáng)大,不僅由版也有,也不收費(fèi)?;疽呀?jīng)夠用的,這個(gè)軟件收費(fèi)而且沒有版本。 前端切圖工具 作為一個(gè)前端切圖仔總是避免不了切圖的痛苦 強(qiáng)大的PxCook PxCook不得不說這個(gè)工具強(qiáng)大,不僅由MAC版也有Windows,也不收費(fèi)。具體看官網(wǎng)的安裝和教程就好了,真的強(qiáng)大 分享一下photoshop mac Phot...
摘要:編寫配置文件,以下是關(guān)鍵配置代碼雪碧圖合并輸出到文件參數(shù)執(zhí)行目錄參數(shù)生成的和圖片的文件名之所以推薦,是因?yàn)榉浅5撵`活,看懂模塊的可以根據(jù)你的項(xiàng)目情況編寫對(duì)應(yīng)的配置文件。 showImg(https://segmentfault.com/img/bVGpAw?w=518&h=156); 前言 網(wǎng)站開發(fā)90%會(huì)用到小圖標(biāo), 多小圖標(biāo)調(diào)用顯示是前端開發(fā)常見的問題;目前小圖標(biāo)顯示常見有兩種方式...
閱讀 2159·2021-11-22 15:22
閱讀 1299·2021-11-11 16:54
閱讀 1830·2021-09-23 11:32
閱讀 3021·2021-09-22 10:02
閱讀 1782·2019-08-30 12:59
閱讀 1096·2019-08-29 16:27
閱讀 631·2019-08-29 13:21
閱讀 2470·2019-08-28 17:57