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

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

  • 选择图层,按住ctrl+鼠标左键
    查看全部
  • 存储png-24
    查看全部
    0 采集 收起 来源:PS传统切图

    2015-11-24

  • alt+del 填充前景色 Ctrl+del 填充背景色 选取变换 Shift+alt 中心不变
    查看全部
  • 果断收藏
    查看全部
  • logo生成
    查看全部
  • Photoshop精准切图 改进切图流程 利用Ps的脚本,进行一种更加快捷精准的切图方法 自动化切图,省时(由于图片可能很大,省时不敢保证)省力 计算机自动计算,尺寸更精确 ----------- 单击文件-脚本-将图层导出到文件 文件类型:png-24 透明区域,交错,裁剪图层勾选 注意:比如说要做一个gif动画,如果是ps导出,半透明效果出不来,我们用ps导出一个一个png序列帧,由于命名是很顺的,我们可以在脚本 当中引入堆栈,那是非常炫的一个功能 1、有阴影会保留下来。 2、命名刚好是图层的名字,如果做网页设计把每个图层命名使用网页中合法的命名,就可以不需要导出后再调整名称。
    查看全部
    0 采集 收起 来源:PS精准切图

    2015-11-24

  • 1.宽1920 分辨率 72 2.移动工具 V
    查看全部
  • Photoshop传统切图 1、切图与切片 2、切片的基本操作及其技巧 3、导出操作 ----------- 切图工具(C): 切图选择工具:属性面板有隐藏和显示自动切片,显示后能看到灰色的自动切片 传统切图方式:将需要的图片一个个都切上 简单切图方式:使用参考线,参考线就是在左面或上面的标尺上拖下来就是一根参考线,根据自己需要的图片,使用参考线将它框起来 然后,选择切片工具,点击属性中的,基于参考线的切片,然后将一块图片中多余的切片右键删掉,需要的一块图片形成一个切片 注意:为了使参考线看起来密集,首先使用裁剪工具,将网页切为一块一块,然后再切。 ----------- 参考线的删除和隐藏: 选择移动工具后,将参考线拖动回标尺,就删除了 如果只是想临时隐藏参考线,可以点击视图菜单>显示>参考线,也可以直接按快捷键“ Ctrl + ; ” 如果所有的参考线都不想用了,可以点击视图菜单>清除参考线 ----------- 导出切片: alt+shift+ctrl+s(文件-存储为web所用格式) 选择png-24
    查看全部
    0 采集 收起 来源:PS传统切图

    2018-03-22

  • 文件--->脚本--->将图层导出到文本--->(目标文件,png24格式,选项打勾)--->确定 注意事项:目标文件名中不可出现中文 优点:自动把每个图层剪切为适当大小,图像名后缀为图层名。 缺点:运行慢,对配置要求较高,对图层较少的图片较方便。
    查看全部
    0 采集 收起 来源:PS精准切图

    2018-03-22

  • 小技巧:人物图片的处理 1.历史记录画笔工具:可以用于抹掉脸上的斑点,痘印; 2.涂抹工具:可以用于加长睫毛; 3.减淡工具:可以使脸部皮肤变白; 4.自由变换(Ctrl+t):可以增高鼻梁
    查看全部
  • CTRL+;打开参考线
    查看全部
  • alt v e 新建垂直参考线 alt v e h 新建水平参考线
    查看全部
  • 1920X1080网页尺寸
    查看全部
  • 左上角自动选择勾上
    查看全部
  • 切图 文本格式设置
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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