前端切图,前端切图和UI设计区别是啥( 三 )


自由变换:F10
变换内容
前端主要还是对现有的PSD文件进行编辑,所以这两个键是可以单独拿出来的 。
变换选区:F11
变换边框
画笔:F12
因为前端不像设计师,对PSD只是一个切割,而设计师注重于创造的过程 。所以对画笔工具的依赖不是很大,由原来的F5移动到F12 。
复制图层 Ctrl+ / 原有位置在菜单栏:图层->复制图层
这个快捷键,可以快速的把原始PSD中的一个或多个图层复制到一个新文件当中 。
演示:
3). 切图的几个办法:
切片(k):
优点:能够一次切除多个图片 。
缺点:需要后退一步,降低效率,容易产生多余无用图片
选区(先用选区工具来画一个范围,然后裁剪):
优点:区域精确目标单一
缺点:需要后退一步,容易误操作
拷贝(Ctrl+C):
优点:拷贝单层的内容到新文件,能够快速的切除图片 。
缺点:不容易找到相应的图层 。
合并拷贝(Ctrl+Shift+C):
优点:拷贝所有可见层的内容到新文件,能够快速的切除图片 。
缺点:不容易找到相应的图层 。
前端切图和UI设计区别是啥?

前端切图,前端切图和UI设计区别是啥

文章插图
前端的三样基础,HTML,CSS,JS 。一般前端切图是基础,给你一张设计图,不会给你太多时间切图,切出来的网页要兼容各个主流浏览器 。切图的门槛很低,光会这个很难找到工作,就算有工资也不高 。前端大部分的时间是在JS上面 。
【前端切图,前端切图和UI设计区别是啥】