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

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

  • 扩展知识介绍<br> 【Photoshop CC2014以上版本】可实现自动切图<br> 自动切图-将单独图层切成一个图<br> 1、编辑-首选项(ctrl+k)-增效工具-将启用生成器勾选(下次启动生效) 我的PS没有启用生成器<br> 2、文件-生成-图像资源勾选。<br> 文件夹中多出一个空的,给图层重命名“~.png"格式,文件夹图片以生成。 如果设计师在做网页设计时,直接把图层命名好(如LOGO.png),图片直接保存出来,省去切图过程,省事 3、介绍SVG和Webp格式的导出技巧 后缀为.svg/.WebP 在文件夹中找到此文件,看源代码,进行微调。 抽出资源 介绍PS CC2014版本开始的导出svg的办法 指定的图层:文件-抽出资源-找对应图层-相应格式svg. 抽出改文件名 复制CSS 介绍用PS CC自动生成CSS的办法 比如”线”图层 点击图层-复制CSS 单击后,代码已经生成了,粘贴下来了会自动命名。需要使用即可。
    查看全部
  • Photoshop快速切图<br><br> 利用Ps的脚本,进行一种更加快捷精准的切图方法<br> 单击文件-脚本-将图层导出到文件<br> 文件类型:png-24<br> 完成 裁剪、透明区域、交错勾选<br> 英文名称
    查看全部
    0 采集 收起 来源:PS精准切图

    2018-03-22

  • 文件-存储为web所用格式 alt+shift+ctrl+s 选择png-24
    查看全部
    0 采集 收起 来源:PS传统切图

    2015-11-04

  • 用于修MM照片 1.历史记录画笔工具:可以用于抹掉脸上的斑点,痘印; 2.涂抹工具:可以用于加长睫毛; 3.减淡工具:可以使脸部皮肤变白;
    查看全部
  • 视图设置:视图菜单》显示》智能参考线 勾选。视图菜单》标尺 勾选(快捷:ctrl+r)
    查看全部
  • 打开psd后,选择某个图层,首先激活工具栏,点V,会选中选择工具,自动选择不勾,选择图层(不选择组),按住ctrl,点击psd文件的任何一个位置,右下角都会选中该点击部位对应的图层。
    查看全部
  • PS中,shift和ALT可以默认其为添加和去除,这两个功能键搭配其他所有功能都可以参考。 例如:图层面板的小眼睛,按住ALT单机,可实现除单机外都隐藏的功能。
    查看全部
  • 优化苹果显示器显示的方式,即为例:200%button @2x.png
    查看全部
  • 文件-生成-生成图像资源,但是要注意在组或者图层的命名中写后缀,如.png.jpg
    查看全部
  • 文件-脚本-导出到文件:可以快速地制作切片,同时可以保留阴影
    查看全部
    0 采集 收起 来源:PS精准切图

    2015-11-04

  • 增效工具-启用生成器
    查看全部
  • 【简单工具操作】 移动工具(V): 选择两个图层,可以进行各种对齐方式 选区工具(M): 一旦有了选区,工具的操作都是针对选区的那一部分<br> 右键扩展工具中有椭圆选区(shift+M切换)<br> 当鼠标选区+shift,选区变为正方/圆,当鼠标选区+alt,鼠标点击处为选区的中心位置 “ALT+Shift”画圆是以鼠标的始端为圆心画出正圆。 当按住Shift再选区时加选,ALT反之。 单行和单列选区,仅仅为1个像素<br> 套索工具(L):<br> [放大缩小一倍:ctrl加+/-;百分之十:alt+鼠标滚轮] 选区的shift与alt 添加,减去选区是通用的。 多边形套索工具,鼠标点到初始点位置,闭合,如果不想点初始点位置,鼠标双击,依然闭合。 磁性套索工具会根据颜色进行判断,如果磁性套索工具对于某块处理不好,多个套索工具配合使用,效果会更佳 快速选择工具(W):<br> 单击时根据相同颜色选中区域,快速选择工具也有添加减去按键,还可以调整笔头大小,使用左右中括号(在属性栏里也可以调整) 魔棒选择工具,同上 取消选中,ctrl+d M,L,W都是选区工具,选区是站在图层当中的,选中一个选区,就会针对选区内部进行填充等其他操作。 裁剪工具(C): 当选中一个图层时,按住ctrl+图层左键,点击裁剪工具,它会自动框住选中区域,按enter进入裁剪区,再按enter裁剪成功 当使用选区工具,选中一个不规则选区时,按下裁剪工具,会围绕选区,选出一个最小的矩形 吸管工具(I): 点击取色 一节课完毕
    查看全部
  • 在有众多组和图层中,移动某个小部分, 1、勾选好自动选择----图层; 2、不勾选自动选择-----图层----ctrl+单击需要移动的部分。
    查看全部
  • 四个目标: 1、能够自己使用photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源。 2、对photoshop操作有一个基本了解。 3、可以做一些简单的图片处理和调整。 4、提供啊自己的审美及其美感的培养
    查看全部
  • 按住Shift键,可在工具的可选工具中切换。 按住Alt单机鼠标左键,可隐藏选中图层外的所有图层。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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