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

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

  • 'PS web 1920 像素 72分辨率
    查看全部
  • 切图技巧步骤1:编辑- 首选项 - 增效工具 - 使用生成器 切图技巧步骤2:文件-生成 - 图片资源【直接通过向图层或文件夹添加或删除后缀名 .png / .jpg / .svg ,自动导出或删除图片。注意:文件名还可以命名为200%文件名(x%文件名是原大小百分之x大小),jpg8、.png8、.png24....(原质量的百分之x)】 .svg格式是一种矢量图的格式,图片变成代码。 抽出资源:文件-抽出资源 复制css:选择-图层-复制成css样式(非智能对象),可用于自己制作的图片或文字 [ 收起全文 ]
    查看全部
  • 单击文件-脚本-将图层导出到文件 文件类型:png-24 透明区域,交错,裁剪图层勾选 注意:比如说要做一个gif动画,如果是ps导出,半透明效果出不来,我们用ps导出一个一个png序列帧,由于命名是很顺的,我们可以在脚本 当中引入堆栈,那是非常炫的一个功能 1、有阴影会保留下来。 2、命名刚好是图层的名字,如果做网页设计把每个图层命名使用网页中合法的命名,就可以不需要导出后再调整名称。
    查看全部
    1 采集 收起 来源:PS精准切图

    2016-12-21

  • alt + shift 键可以选择圆心跟正方形的中心 鼠标点击,按住alt+shift 然后拖移即可
    查看全部
  • Ctrl+Alt+shift+E,盖印图层,就是在你将处理图片的时候将处理后的效果盖印到新的图层上,功能和合并图层差不多,不过比合并图层更好用!因为盖印是重新生成一个新的图层而一点都不会影响你之前所处理的图层,这样做的好处就是,如果你觉得之前处理的效果不太满意,你可以删除盖印图层,之前做效果的图层依然还在。
    查看全部
  • 选框的时候,选择矩形跟椭圆的时候,按住shift键的时候,可以变成正方形跟圆形。
    查看全部
  • 4大面板:图层,历史记录,字符,信心
    查看全部
  • 切图过程中,在进行视图设置时,需要先打开视图栏目里面的智能参考线,跟标尺(ctrl+R)
    查看全部
  • 永远记住,勤、练、做、看、想,没有任何诀窍。
    查看全部
  • 信息面板设置 1.颜色模式:RGB颜色。 2.标尺单位:像素。 3.状态信息:文档大小、文档尺寸。 另外,还可再修改标尺的单位: 编辑-首选项-单位与标尺-单位 修改为像素。
    查看全部
  • Web切图常用面板设置 1.图层。 2.历史记录。 3.信息。 4.字符。 Tips:建议将这些面板设置保存为自定义工作区,窗口-工作区-新建工作区。
    查看全部
  • 视图设置 1.智能参考线。 2.标尺。
    查看全部
  • 移动工具设置 1.取消自动选择。 2.选择模式:图层。 Tips:Ctrl+鼠标左键选中图层,图层栏中会定位到选中图层的位置。
    查看全部
  • 新建设置 1.预设:自定义。 2.宽度1920 像素,高度2000 像素。 3.背景色:透明。 4.分辨率:72像素/英寸。 5.颜色模式:RGB颜色。 可存储为预设,方便以后新建。
    查看全部
  • ctl+;分号 可以关闭隐藏参考线
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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