批量裁切静态素材透明区域

用户头像
杭州/设计爱好者/200天前/46浏览
批量裁切静态素材透明区域
一、普通切图透明区域裁切
制作lottie的动画或者css动画的时候,需要裁切掉图片多余的透明像素,以保证每个素材处于最优状态,避免占用过多动画资源。如果是单张图片可以直接使用PS的裁切功能直接裁掉,但是如果我们拿到的切图或者素材是下面图片这个样子的,但是如果图片数量过多,就会花费大量的时间。接下来介绍两种批量处理图片的方法节省素材处理时间
批量裁切静态素材透明区域(图ZMzk4NTQ2MTI0) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
方法一:使用动作面板记录动作
操作步骤:
1.创建一个文件夹起好名字作为输出图片的存放路径(例如:"裁切图片输出")
2.拖一张图片进入PS,然后打开动作面板(如果没有动作面板可以按F9,动作面板就打开了)
批量裁切静态素材透明区域(图ZMzk4NTQ2MjA4) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
3.新建一个动作,命名(例如:“裁切”),然后点击记录
批量裁切静态素材透明区域(图ZMzk4NTQ2NTI0) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
4.然后选择
图像 > 裁切 > 确定
批量裁切静态素材透明区域(图ZMzk4NTQ2NjEy) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
5.CTRL+SHIFT+ALT+S输出图片,输出路径选择之前创建好的文件夹("裁切图片输出",*这里输出文件的文件名不要更改,直接点保存)
批量裁切静态素材透明区域(图ZMzk4NTQ2ODAw) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
6.按住
CTRL+W
关闭文档,选择
批量裁切静态素材透明区域(图ZMzk4NTQ2Mjc2) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
7.点击按钮停止动作录制(如果动作界面消失了,就按下F9)
批量裁切静态素材透明区域(图ZMzk4NTQ2Mjgw) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
这样你就得到一个完整的图片裁切动作
那么怎么去让它批量处理图片呢(*接下来是解放双手的精髓)
1.
文件 > 自动 > 批处理
批量裁切静态素材透明区域(图ZMzk4NTUwNTI4) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
2.选择创建好的动作>选择图包所在文件夹>确定
批量裁切静态素材透明区域(图ZMzk4NTUwNDk2) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
然后你的PS界面就会不断闪烁(不用惊慌,这是PS在给你处理图片)等画面停止闪烁之后,就是已经处理好了
然后你就会得到一堆已经处理好的素材,完美结束(
*已经录制好的裁切动作以后可以直接使用,不用再次录制,图片存储路径就是前面新建的那个文件夹
)
批量裁切静态素材透明区域(图ZMzk4NTUwNTAw) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
方法二:使用ps的插件 PhotoshopToSpine(网上很容易可以搜到)
1.新建一个比最大的图片尺寸大的画布,然后把所有图片拖进去,然后栅格化所有图层
2.
文件 > 脚本 > PhotoshopToSpine
批量裁切静态素材透明区域(图ZMzk4NTUwNTA0) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
3.按图中的参数填写,然后ok
批量裁切静态素材透明区域(图ZMzk4NTUwNTA4) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
然后就会生成一个images文件夹,所有裁切好的图片就在里面了
二、序列图透明区域裁切
如果给到的序列图是一套完整的动画,需要导入AE的时候画面中的元素保持位置不变,就需要另外的处理办法
批量裁切静态素材透明区域(图ZMzk4NTUwNTEy) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
1.文件 > 脚本 > 将文件载入堆栈
批量裁切静态素材透明区域(图ZMzk4NTUwNTE2) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
2.载入图片,选择需要处理的文件夹,确定
批量裁切静态素材透明区域(图ZMzk4NTUwNTIw) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
批量裁切静态素材透明区域(图ZMzk4NTUwNTI0) - 其他 - 站酷设计师设计用工团队原创素材 - 站酷ZCOOL
收藏
3.载入完成之后就会直接生成这样一个psd,保存之后就直接可以拖入AE使用了。
上述就是本次教程的全部内容,如果有更高效的裁切方法,欢迎在评论区留言~与大家共同进步!加油!!!
1
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
 ps常用偷懒笔刷
宠物纪念相册H5模板系列 · 温馨治愈系 · 三款主题
校园文化宣传栏
香盒包装设计国风国潮通用香礼盒
我要奋斗
彩灯_花灯_春节彩灯_春节花灯_马年彩灯_马年花灯
木纹贴图设计师常用
欧美动物漫画 北欧古典漫画 漫画装饰画
苏门答腊虎母子插画
二十四节气图片之霜降
卡通兔子插画
新能源腊八节海报
古典中国风线香礼盒包装设计矢量素材
清新壁纸
国画水墨江南山水画装饰画电视背景墙装饰画
乐陶创意体验工坊标志设计
中国风书法汉字字体设计其他
奶油风家装
头发1
科技元素、环形图、仪表盘、图表、弹框
船坞民宿概方案
玫瑰
24款ps常用植物笔刷
中秋佳节花好月圆
豌豆射手
你可能喜欢
相关收藏夹
大家都在看
登录注册