前端PS切图的那些事
2017-05-17 09:53
127 查看
我们在制作网站的时候如何把做好的效果图转成网页格式呢?如果是比较复杂的网页就需要用手动来切图。达到最终效果,接下来谈谈传统切图法
我们首先打开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,把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里文件下的脚本下有个图片处理器的功能,感兴趣可以去研究。
相关文章推荐
- Apache的那些事-查找配置文件
- Post 和 Get 那些事
- 009 关于Layout类的那些事?
- CSDN的那些事【就服这篇文章】
- Python的那些事:range() 与 xrange()
- 看看极客Mark与Fedora的那些事
- mysql那些事(3)小数如何存储
- AOP那些事(一)
- Maven的pom文件那些事
- 设计模式那些事
- shell命令打war包的那些事
- 我和极光的那些事 | 我和 Android 推送的时间简史
- Android 性能优化那些事
- docker volume 容器卷的那些事(一)
- 鹅厂干货 | 腾讯游戏APP协议迭代的那些事
- 【封装那些事】 未利用封装
- CoreOS那些事之Rkt容器尝鲜(下)
- 孤荷凌寒自学python那些事第一天
- 华为跳楼背后的那些事