前端PS切图的那些事


我们在制作网站的时候如何把做好的效果图转成网页格式呢?如果是比较复杂的网页就需要用手动来切图。达到最终效果,接下来谈谈传统切图法

我们首先打开PS,把psd文件载入,进去后先ctrl+r 调出单位尺寸方便拉参考线,然后ctrl+k 调出配置像素点如下:


接下来切割一个小图标,我们可以按快捷键m 选择矩形工具,当然如果你的图标是圆形可以按shift+m 切换椭圆工具,选中图标后可以ctrl+shift+c复制然后ctrl+n新建画布,点击确定,再按一下ctrl+v 效果如下:


ctrl+v后得到新图标画布,然后Alt+ctrl+shift+s 调出存储为web格式的界面,点击存储可以选择jpeg,png24,gif格式的图片,效果如下:


以上步骤都是传统的切图方式,现在的ps里有个智能的切图方式,不过切出来的图片很多有很多不是你所需要的,而且电脑配置要求好,就是选择ps里文件下的脚本下有个图片处理器的功能,感兴趣可以去研究。

智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



猜您在找
前端技术-PS切图 Web前端 PS切图 前端——ps 快速切图 前端PS切图技巧 前端技术-PS切图
智能推荐
 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告