【PConline 教程】Photoshop仍然是众多网页设计师最喜欢用的软件之一，强大的功能让PS可以帮设计师们省下不少功夫。为进一步提升工作效率，节省时间和减少脑力耗费，本期的国外精品翻译教程将给大家带来一些关于网页设计Photoshop资源、插件和脚本等等。

它们之中有些可以加快常规设计任务的完成，让你将更多的精力集中在重点设计上；有些就如架设在PS和网页代码之间的桥梁，轻松利用两者的优点，能有效提高工作质量。文章中所提供的资源，除非特别说明，否则都是免费的哦。当然，需要注意的是，要在Photoshop CC 2015上操作。

是不是曾经为网页代码和PS不能同时兼容感到苦恼？实际上如果应用HTML Block，可以很好地解决这个问题。这款插件使用WebKit引擎来渲染动态HTML/CSS，然后放置在PS特殊的模块中。如果想在设计使用网页字体，获得字体渲染的网页浏览效果，或者创建大小可控功能，这个插件能帮到你。

图01

如果喜欢在浏览器中设计，但需要用到PS文件，这样的情况下可以考虑这款Page Layers。这款截屏软件可以将网页元素分离并转换为PS文件，并对页面各个元素进行命名。同时在重设或者改进现有页面设计时候也是相当有用。Page Layers可兼容Mac OS X，售价$34.99。

图02

Bjango包含很多动作和脚本的开源性组合，适合解决Photoshop众多使用需求。其中，缩放文档、图像切片、元素定位都是相当高效的。

图03