成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

PxCook+photoshop實(shí)現(xiàn)傻瓜式切圖(推薦小白使用)

sorra / 1900人閱讀

摘要:今天我就帶領(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

相關(guān)文章

  • 前端如何快速切圖

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

    shevy 評(píng)論0 收藏0
  • 前端切圖工具-踩坑記_08

    摘要:前端切圖工具作為一個(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...

    haobowd 評(píng)論0 收藏0
  • 前端切圖工具_(dá)08

    摘要:前端切圖工具作為一個(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...

    rockswang 評(píng)論0 收藏0
  • 淺談 CSS Sprites 雪碧圖應(yīng)用

    摘要:編寫配置文件,以下是關(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)顯示常見有兩種方式...

    MkkHou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<