美文网首页
前端必会的切图技能

前端必会的切图技能

作者: 雨鱼鱼儿 | 来源:发表于2017-07-25 11:16 被阅读0次

第一种:

利用切片工具切图

打开ps---->在左边工具栏找到切片工具---->选中你要切下的图片----->选中鼠标右键----->有一个编辑切片选项------>可以修改你想要的图片的尺寸大小-------->在右边把不相关的图层都隐藏掉(很重要)------>ctrl+alt+shift+A(保存到png或者jpg格式的)------>在顶部菜单栏选择视图下拉菜单点击清除切片,图片就切ok了

第二种:

利用保存图层的方法切图(个人认为最方便快捷的方法)

打开ps---->在右边选中你想要切的图层------>鼠标右键选择复制图层------>选择文档里面的新建然后确定------>在顶部菜单栏选择图像里面的裁切确定------>ctrl+alt+shift+A(保存到png或者jpg格式的)

第三种:

利用脚本切图的方法

打开ps---->在左上角菜单里选择文件----->选择脚本------>选择图层复合导出到文件----->文件类型选择png,png-24类型选择的三个全选------>确定就ok,特别方便

希望对大家有帮助,欢迎吐槽。。。。。。。。。。。。。。。。

相关文章

  • 前端必会的切图技能

    第一种: 利用切片工具切图 打开ps---->在左边工具栏找到切片工具---->选中你要切下的图片----->选中...

  • 17个前端切图快捷键,你知道几个?

    都说前端切图很简单,好吧, 那起码我比你快! 相对于设计,web前端切图用到的PS技能较少,在切图过程中掌握一些必...

  • ps切图必知必会

    收听音频戳链接ps切图必知必会 前言 对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本...

  • 技术文章地址

    Web前端开发CSS、JS 廖雪峰的JS教程 JQuery基础 前端工程师必备的PS技能—切图篇 前端入门方法 A...

  • 前端技能一:photoshop切图

    一、切图 S1:选择切片工具: S2:导出,存储为Web所用格式 S3:保存切片【注意:选择所有用户切片】 备注:...

  • 前端切图

    前端技能之切图如何一稿适配iOS、AndroidAndroid适配的那些P事 切图的基本要素 清楚需要切出什么样的...

  • 介绍一个前端切图神器avocode

    安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能。杀敌要有趁...

  • 前端切图神器avocode

    安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能。杀敌要有趁...

  • 前端必备:PS切图小技能

    一、准备工作:工作区设置 1.新建图层的参数设置: 宽度一般是:1920px;颜色:RGB;背景内容:透明;可以存...

  • 前端小技能:切图小技巧

    一名web前端工程师,在工作中都要接触到切图这一方面,那么我们如何提升切图的能力呢? 我相信很多人都是先把图片图片...

网友评论

      本文标题:前端必会的切图技能

      本文链接:https://www.haomeiwen.com/subject/oxkwkxtx.html