文章目录[隐藏]
photoshop批量切图技术切图。就是从效果图中把网页制作需要的小图片裁剪出来。
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片。给切片命名
4、将需要制作透明背景图像的切片的背景隐藏
5、执行菜单命令 存放为web所用格式
6、点选切片。设置切片的图片格式
7、存放切片。选择“所有客户切片”。点存放(多个切片会自动存到所选文件夹中的images文件夹中)
Photoshop制作雪碧图技术雪碧图。就是将网页制作中使用的多个小图片合并成一个图片。使用css技术将这张合成的图片应用在网页不同的地方。雪碧图可以减少网页加载时的http请求数。优化网页性能。
步骤:
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中。排列好每个图像的位置。图片幅面不够可以用画布大小调整大小
3、遵从所有小图片的范围裁剪图片。存为透明背景的png图片
以上就是由优质生活领域创作者 生活常识网 整理编辑的,如果觉得有帮助欢迎收藏转发~
本文标题:ps切图怎么切(前端小白的切图技巧)
本文地址:http://www.shenzhoubaby.com/11446.html,转载请说明来源于:生活常识网
声明:本站部分文章来自网络,如无特殊说明或标注,均为本站原创发布。如若本站内容侵犯了原著者的合法权益,可联系@qq.com进行处理。分享目的仅供大家学习与参考,不代表本站立场。
本文地址:http://www.shenzhoubaby.com/11446.html,转载请说明来源于:生活常识网
声明:本站部分文章来自网络,如无特殊说明或标注,均为本站原创发布。如若本站内容侵犯了原著者的合法权益,可联系@qq.com进行处理。分享目的仅供大家学习与参考,不代表本站立场。