PhotoShop如何切图

作为一个想学习前端开发的程序猿,怎么能少的了PS呢,PS切图也是开发中常用的技术,那么我就详细记录一下PhotoShop如何切图,希望对大家能有所帮助

操作方法

  • 01

    首先,我们需要用PS导入psd格式的文件,psd文件都是层级分明的(图片资源来自网络),如图:

  • 02

    然后找到我们想要切出的图片,例如图片中的“李白”,如图:

  • 03

    通过图层显示找到“李白”所在图层,右键,选择复制图层,如图:

  • 04

    选择“复制图层”后会弹出一个对话框,名称随便起,我这写的是“李白”,文档一定要选择“新建”,如图:

  • 05

    第四步中,点击确定后,会在一个新的界面出现李白这个单独的图片,如图:

  • 06

    然后选择导航栏中“图像”-->“剪切”,如图:

  • 07

    弹出对话框,直接点击确定就行,如图:

  • 08

    点击确定后,发现我们的图片,切好了,如图:

  • 09

    最后就是保存了,选择导航栏中“文件”-->“存储为”,如图:

  • 10

    我这选择的是png格式,会弹出对话框,点击确定就行,如图:

  • 11

    此时切图完成,桌面上已经有了切好的图片,最后再附上我切好的图片,如图

(0)

相关推荐

  • ps怎么切图保存,Photoshop如何切图教程

    Photoshop是一款灰常好的软件,可以作图,还可以用来切图.对于做前端的朋友来说用Photoshop切图再熟悉不过了.但是也有很多新手或者是业余朋友想学习用ps切图,下面呢,言小鱼就来教大家ps怎 ...

  • photoshop cc切图

    下面介绍在photoshop cc中切图的方法,希望本指南能帮到大家. 操作方法 01 切图我们需要用到切片工具.我们从工具栏中调出切片工具. 02 鼠标移到画布这里,右击图片:弹出菜单再点:划分切片 ...

  • Assistor ps怎么切图 ASSISTOR PS切图教程详解(附下载地址)

    ASSISTOR PS是一款Photoshop的切图外挂神器,这款外挂插件对于设计师们来说无疑是一款神器,可以帮你很轻松的完成切图操作.主要功能有标注.切图.圆角设置等,当然它参考线自定义和单位换算功 ...

  • 如何使用PhotoShop切图

    使用PS切图 操作方法 01 下载安装PhotoShop 02 使用PhotoShop打开要切割的图片 03 点击左侧工具栏的切片图标 04 在图片上右键单击,选择划分切片,在弹出的对话框中输入行数和 ...

  • photoshop如何快速切图

    传统photoshop切图比较传统,操作慢而且误差较大,今天介绍的这种切图方法简单易学,而且误差小,耗时短. 操作方法 01 打开一个ps源文件,然后选中左上角的"文件---脚本---将图层 ...

  • MAC下的SLICY切图神器怎么用

      MAC下的SLICY切图神器怎么用 切图方便,简单的拖放即可,傻瓜式操作2. 培养为图片资源合理命名的好习惯 自动生成@2x两套图片,极大方便IOS开发者 二.软件使用 1.PSD文件的预处理 这 ...

  • 包教包会切图教程(教程插件大合集)

    相信咱们网站分享的文章大家都有阅读,但是每天分享的肯定是不同类型的, 不够具体. 那么今天给大家带来的是切图篇. 总结了之前发的切图分享 , 还有插件, 让大家能够具体的 清楚认识,设计师必须学会的一 ...

  • 切图标记外挂神器ASSISTOR PS(上)

    @纪凡_Given:首先要告诉大家一个好消息,原本 $9.99 一个月 / $99.9 一年 的Assistor PS现已免费下载.对于学生用户全面免费,而其他用户在今年 6 月之后就不用再购买商业许 ...

  • 切图标记外挂神器ASSISTOR PS(下)

    小编:在切图标记外挂 Assistor PS 深入解读(上)中,@纪凡_Given给大家介绍了即将免费的切图标记外挂 Assistor PS 强大的标记功能,然后,这个神器的功能仅仅如此?本文将为介绍 ...