为了账号安全,请及时绑定邮箱和手机立即绑定

前端工程师必备的PS技能——切图篇

  • 删除选区ctrl加d
    查看全部
  • 按住大括号或者中括号可以改变笔尖的大小
    查看全部
  • 空格键变成小手
    查看全部
  • 画正圆时 先松开鼠标再松开shift键
    查看全部
  • 撒发生
    查看全部
    0 采集 收起 来源:PS传统切图

    2015-11-03

  • 选区,shift选择,是增加选区,alt是减少
    查看全部
  • 圆形选区,按住alt之后再画,圆心就是选择的那一点,alt+shift是个圆
    查看全部
  • 预设的若恢复了之前,可以选择窗口,工作区,窗口那两个选项打钩,把预设的存成一个web格式(自己取名:Web切图),若不小心关闭了,也可以在这里找到预设
    查看全部
  • 编辑》首选项》改为像素,
    查看全部
  • 预设窗口:信息,字符,历史记录,图层,信息右上角点击颜色RGB模式,文档大小勾上,……
    查看全部
  • 视图预设,标尺和显示->智能参考线
    查看全部
  • web页面大小可以预设一个大小,以后可以直接调用。 移动工具,可以设置自动选择,后面选择图层,一般不要选成自动选择,用的时候,直接ctrl+单击,就可以自动跳转到想要图层。
    查看全部
  • PS 自动选择图层,组,Ctrl+点击图片 视图--显示--智能参考线 --标尺 图层+历史记录 窗口--信息(面板设计:RGB颜色,像素,文档尺寸)+字符 编辑--首选项--单位与标尺(像素) 窗口--工作区--新建工作区
    查看全部
  • [以下技巧为新版PS CC2014功能,有助于前端开发] 自动切图: 【配置】配置完成后,PSD 文件所在路径会出现 对应文件名-assets 的文件夹 1、编辑--首选项--增效工具--这里对『启动生成器』打勾√ (注意,更改在下一次启动 PS 后生效) 2、文件--生成--图像资源(将其打勾√ ) 【使用】 1、在 PSD 内将图层或图层组的名称修改为.png 或.jpg 结尾,则在assets文件夹内自动生成导出图片(以图层名称及其约定的文件后缀名命名)。 2、Retina优化: 如果需要适配 retina 显示器,可以将图层命名为『200% 图层名字 @2x.后缀名』(注意需要添加空格,如:200% button @2x.jpg)自动导出的文件名不会出现200%的字样,但是文件尺寸变为2倍大小。 3、如果不想要导出的图片资源了,可以取消图层和图层组的文件后缀名,则导出的图片自动在assets文件夹内消失。 4、还可以通过图层和图层组的文件后缀名来控制导出图片质量,例如『.jpg8』则为 导出为80%品质的 jpg文件,如果不设置则默认为最佳品质。 5、SVG生成:改后缀名可自动生成SVG 6、SVG导出:选中资源-文件-抽出资源,抽出SVG图片 7、复制CSS:选中资源-图层-复制CSS 8、图层管理:图层下方可选择类型,进行图层筛选
    查看全部
  • 编辑中的首选项中的单位与标尺 单位和文字都改为像素
    查看全部

举报

0/150
提交
取消
课程须知
本课程适合对Photoshop有简单了解,希望学习前端开发切图方法的用户。
老师告诉你能学到什么?
使用Photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源,并进行简单的调整和处理。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!