包含photoshop制作網(wǎng)頁(yè)的詞條

【PConline 教程】Photoshop仍然是眾多網(wǎng)頁(yè)設計師最喜歡用的軟件之一，強大的功能讓PS可以幫設計師們省下不少功夫。為進(jìn)一步提升工作效率，節省時(shí)間和減少腦力耗費，本期的國外精品翻譯教程將給大家帶來(lái)一些關(guān)于網(wǎng)頁(yè)設計Photoshop資源、插件和腳本等等。

它們之中有些可以加快常規設計任務(wù)的完成，讓你將更多的精力集中在重點(diǎn)設計上；有些就如架設在PS和網(wǎng)頁(yè)代碼之間的橋梁，輕松利用兩者的優(yōu)點(diǎn)，能有效提高工作質(zhì)量。文章中所提供的資源，除非特別說(shuō)明，否則都是免費的哦。當然，需要注意的是，要在Photoshop CC 201* 上操作。

HTML Block

是不是曾經(jīng)為網(wǎng)頁(yè)代碼和PS不能同時(shí)兼容感到苦惱？實(shí)際上如果應用HTML Block，可以很好地解決這個(gè)問(wèn)題。這款插件使用WebKit引擎來(lái)渲染動(dòng)態(tài)HTML/CSS，然后放置在PS特殊的模塊中。如果想在設計使用網(wǎng)頁(yè)字體，獲得字體渲染的網(wǎng)頁(yè)瀏覽效果，或者創(chuàng )建大小可控功能，這個(gè)插件能幫到你。

圖01

PAGE LAYERS

如果喜歡在瀏覽器中設計，但需要用到PS文件，這樣的情況下可以考慮這款Page Layers。這款截屏軟件可以將網(wǎng)頁(yè)元素分離并轉換為PS文件，并對頁(yè)面各個(gè)元素進(jìn)行命名。同時(shí)在重設或者改進(jìn)現有頁(yè)面設計時(shí)候也是相當有用。Page Layers可兼容Mac OS X，售價(jià)$* * .99。

圖02

BJANGO ACTIONS

Bjango包含很多動(dòng)作和腳本的開(kāi)源性組合，適合解決Photoshop眾多使用需求。其中，縮放文檔、圖像切片、元素定位都是相當高效的。

圖0*