多语言展示
当前在线:656今日阅读:195今日分享:41

Photoshop CC 不说的秘招!让网页切图更快速

当今天在制作网页时,则会先用Photoshop设计出网页的视觉版型,确定没问题后,再用Photoshop切片工具,将画面中的区块一一的分割,再另存为网页使用,相信这应该是许多网页设计师,再熟悉不过的,虽然说切片工具很方便 ,但有时一不注意时,就会出现1像素的误差,使得画面在拼接时,产生空缝或白边,这时就得再回到Photoshop,用放大镜工具放大来检视,并重新调整,但自从Photoshop CC2014版后,就已提供一个影像资产的新功能, 只要将图层输入jpg或png,就会自动输出并储存,完全不用再作切片,立即就可将制作好的网页版型给输出完毕,而这个功能不少朋友不知道,因此身为网设的朋友,也一块来看看吧!
方法/步骤
1

将要分割的页面打开至Photoshop中,再点选 档案 / 产生 / 影像资产。

2

接下来变更图层名称,并加入.jpg或.png的图档名称。

3

无论是图层文件夹,还是单一图层,都可自行加入。

4

这时神奇的事情发生了,在PSD的存放路径中,就会看到xxx-assets的文件夹。

5

双响进入后,就会看到刚所设定的图层扩展名,就会自动储存成刚所设定的格式啦!有了这功能是不是超方便的呀!而这一个功能要Photoshop CC 2014版以后的版本才支持喔! 因此当下回要切版时,不妨试试看啰!将会大幅缩短切片时间。

推荐信息