使用Photoshop记录切图动作

作为前端，切图是繁琐费事又必不可少的工作，但可以将复杂的操作记录下来，再次切图时，可以实现一键切图的功能。

一、使用Photoshop打开一个PSD文件，打开动作窗口。

二、在打开的动作窗口新建动作，输入名称，点击记录，接下来你要进行的操作，都将被记录下来，包括错误操作。

三、接下来进行切图操作，在图层模块中想要切图的图层上右键，选择复制图层...，文档选择新建。点击确定，该图层会在一个新的画布上打开。

注意：在点击开始记录动作按钮前选好想要切图的图层，点击开始后不要再执行选中图层的动作，直接在已选中的图层上右键即可。否则会将选中图层的动作也记录在内。

四、在新建的画布上，点击图像→裁切，弹框后点击确定。此时画布已经裁切为和需要切的图片同样大小。

五、点击方形图标，停止记录。切图动作记录完毕。

六、使用时，选中需要切图的图层，选中建立的切图动作，点击三角图标执行动作。图片切好啦，按照自己的需求保存就可以了。

使用Photoshop记录切图动作相关推荐

Photoshop CS6切图
Photoshop CS6切图基础工具切图基础工具标尺: 在视图中选择标尺,标尺将显示在上边和左边辅助线: 利用放大镜放大需要计算尺寸的图,鼠标左键选择标尺,向下拖动到相应位置生成辅助线,方 ...
Photoshop快速切图技巧
作为一名前端开发,"切图"是必不可少的工作.在切图这种"低级"工作中,除了向设计师学习各种复杂技能,有没有一种低门槛.高效率的切图方式呢?今天就让博主这个从小就 ...
Photoshop如何切图
准备工作 1.切图工具(firework ,Photoshop ,px_cook) 本文分享一些用Photoshop切图的一些经验.需要把Photoshop功能面板设置成我们前端常用的并保存下来,这样 ...
photoshop android 切图插件,摹客PS插件-摹客PS插件(PS切图插件)下载 v2.1.3官方版--pc6下载站...
摹客PS插件是一款PS切图插件,可以自定义切图尺寸,使用摹客PS插件可以一键上传图片,智能标注数据,不再需要手工切图,智能标注查找方便,摹客PS插件可以提高用户工作效率. 摹客PS插件是一款PS切图插 ...
photoshop android 切图插件,CutSlice me 切图神器（PhotoShop强力割图插件）
前些时候,一同事给我装了这么一个插件 Cut&Slice me .说是一切图神器,只要我设计的时候按照该插件的规则进行图层命名和分组,至少减少百分之50以上的切图工作量.试之,甚爽~~~把它分 ...
Photoshop的切图的常规流程以及常用快捷键
PS切图常规流程打开ps软件(cc/cs都OK),选择工具栏中的文件,点击打开相应你要导入的文件打开一个文件,锁住图层(防止放大缩小时图片大小发生改变) (放大缩小 alt+鼠标滚轮上下滑动) 3 ...
css学习任务二：切图写代码
今天的任务是根据UI给的图进行切图,然后写出相应的页面,UI如下: 收获:学习前端知识一年有余,却因为老是找不到实战项目而得不到实际的提高,直到今天的学习我才知道切图是怎么一回事,明白了你看到一张漂亮 ...
PS切图 - （快捷键）操作方法
PS快速切图 - 动作(Shift + F8) PS切图 - (快捷键)操作方法动作快捷键: 选中你需要切图的图层: Shift + F8 就会直接切图(以图层的边缘为准): 然后,保存就好. @2 ...
android ps切图工具下载,移动APP设计之PS切图插件大汇总，值得收藏
移动APP界面设计切图和标注是一项必不可少的步骤.所以,设计界也涌现出了很多切图神器和标注神器. 包括25学堂之前介绍过的很多切图工具和切图教程. 今天25学堂的小编为大家精选了几个不错的移动APP设 ...

使用Photoshop记录切图动作

使用Photoshop记录切图动作相关推荐

最新文章

热门文章