前端PS实用切图指南
来源:互联网 发布:五星缩水软件免费版 编辑:程序博客网 时间:2024/05/25 16:38
如何快速,精确的切出一张图是前端工作者每天都要面对的问题,本文总结了一些自己ps切图时的实用技巧,仅供大家交流参考。
一.PS智能切图
1.ps脚本切图
步骤:文件–>脚本–>将图层导出到文件
ps:此方法可以非常智能的导出所有图片,但是对文件较大的处理时间较慢,建议分区分次导出
2.基于参考线的手动切图
步骤:拉参考线->切片工具–>基于参考线的切片
ps:此方法依旧不太适合较大文件,需先分区切图.
3.使用图像生成器智能生成
步骤:
1.首选项–>图像生成器
2.文件–>生成–>图像资源
3.给你想要的图层或组重命名加你想生成的图像后缀
例如:header组,重名名为header.jpg,则会在你存放psd文件的地方自动生成相应的图片.
ps:生成器在ps2014之后版本被废弃,得重新下载
二、前端切图PS配置
1.界面设置
a.右侧面板设置
b.信息面板设置
c.设置智能参考线和标识
2.统一使用像素作为单位
a.新建时像素单位
d.设置单位与标尺
这样一个适合前端工作者切图的ps配置就完成了。
阅读全文
0 0
- 前端PS实用切图指南
- 前端切图PS技能
- ps快捷键(仅为前端切图)
- 前端——ps 快速切图
- 【Web前端】PS 简单切图
- 前端PS切图的那些事
- 2015超实用的前端开发指南
- 实用形ps切图技巧,图片格式及其相关
- 前端工程师切图技能——PS工具准备
- 真正的ps切图方法(前端必看)
- 做一个会PS切图的前端开发
- 实用ps教程-第一节:使用ps制作GIF动图
- 写给前端小白的切图技巧(实用)
- ps简单实用
- web前端--ps
- 前端技术-PS切图
- 前端开发PS快捷键
- 前端PS切图
- 类的继承(extends)
- WordPress非插件添加文章浏览次数统计功能
- openresty在windows下proxy_pass卡死
- angularjs添加和排序
- Java的native方法
- 前端PS实用切图指南
- L16 lvm详解,磁盘故障小案例
- TCP粘包/拆包--利用DelimiterBasedFrameDecoder解决TCP粘包问题
- 利用已有的大数据技术,如何构建机器学习平台
- 进程间通讯-共享存储
- Activiti-explorer从mysql切换Oracle不能自动创建表报错:ORA-00942: 表或视图不存在
- best-time-to-buy-and-sell-stock Java code
- 进程的创建-Process子类(python 版)
- 在vue项目中 如何定义全局变量 全局函数