1.4.6

用PS打造融动画（QQ提示信息拖动时效果）效果

用户头像
Niki0806
上海/设计爱好者/9年前/892浏览
用PS打造融动画（QQ提示信息拖动时效果）效果
用户头像
Niki0806
QQ提示信息拖动时会有溶解的效果，今天跟大家分享一下类似于这种的融动画的制作过程，第一次分享教程，请多指教~
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzAzNDg=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
ctrl+N新建一个文档，大小随意
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0Mjg=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
矩形工具新建一个圆
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0MzI=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
alt键复制一个圆
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0MzY=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
打开窗口-属性栏
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NDA=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
执行羽化，羽化值越大，黏性越大
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NDg=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
在调整层中打开色阶
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NTI=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
将色阶中的黑白场挤到一起，使圆的边缘重新清晰起来
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NTY=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
打开窗口-时间轴
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NjA=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
创建视频时间轴
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NjQ=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
分别将两个圆右键转为智能对象
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0Njg=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
创建第一帧动画，注意看下图，点击的是“变换”
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NzI=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
拖动视频的滑块到第二帧的位置，后期可以再调整
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0NzY=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
移动一下圆形，与第一帧有点画面上的区别
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0ODA=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
重复步骤，创建第三帧
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0ODQ=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
可以继续创建无数帧，你喜欢就好~
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA0OTY=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
时间轨道可以缩短以减少结束的时间
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA1MDQ=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
按住alt键框选所有小方块后，（alt键不松），移动滑块的位置，可以等比例使所有的动画帧之间间隔时间加长或缩短
Collect
用PS打造融动画（QQ提示信息拖动时效果）效果（图ZNTk1MzA1MDg=） - 动效设计 - 站酷设计师Niki0806原创素材 - 站酷ZCOOL
ctrl+shift+alt+s存储为gif格式
Collect
10
Report
|
11
Share
相关推荐
手机主题
手机主题
123
熊孩子天气Icon
熊孩子天气Icon
119
手绘下午茶
手绘下午茶
7
「商机云」小程序设计
会员精选
「商机云」小程序设计
18
站酷推荐设计师已加入PRO计划
推广
AI动效设计合集（礼物勋章弹窗IP设计）
AI动效设计合集（礼物勋章弹窗IP设计）
83
站酷推荐设计师
教程
教程
教程
教程
教程
3
AI可视化动效设计合集
AI可视化动效设计合集
213
站酷推荐设计师
LiminalBlur界限模糊-死亡搁浅幻境｜摄影/UI动效/音效
LiminalBlur界限模糊-死亡搁浅幻境｜摄影/UI动效/音效
122
站酷推荐设计师
Tarot Card-hopi
Tarot Card-hopi
114
站酷推荐设计师
维新派新能源气体呼吸交互器UI动画
维新派新能源气体呼吸交互器UI动画
388
站酷推荐设计师
网易【时空中的绘旅人】VX动效环节-总结分享
网易【时空中的绘旅人】VX动效环节-总结分享
313
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
You may like
BaoBao｜餐具品牌全案设计
BaoBao｜餐具品牌全案设计
191
站酷推荐设计师
交通-山区高速干线管控系统
交通-山区高速干线管控系统
172
站酷推荐设计师
宠物零食包装-花芯爆浆肠系列包装设计
宠物零食包装-花芯爆浆肠系列包装设计
109
站酷推荐设计师已加入PRO计划
用 AI 0~1生成产品视频｜分镜稿 、运镜Prompt分享
10
用 AI 0~1生成产品视频｜分镜稿 、运镜Prompt分享
163
站酷超级AI设计师
数据可视化：三亚全域数字孪生与综合治理视窗
数据可视化：三亚全域数字孪生与综合治理视窗
220
已加入PRO计划
2026视觉/插画作品集
2026视觉/插画作品集
288
已加入PRO计划
相关收藏夹
教程
教程
教程
教程
教程
3
AE动效
AE动效
AE动效
AE动效
AE动效
C君精选-吉祥物设计
C君精选-吉祥物设计
C君精选-吉祥物设计
C君精选-吉祥物设计
C君精选-吉祥物设计
2859
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
品牌vi完整思路and呈现方式
1680
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
1918
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
7460
站酷推荐设计师
大家都在看
IP 形象国庆LOGO 设计海报设计插画设计壁纸图片作品集VI 设计UI 设计规范AI 绘画表情包PPT模板 #设计 #设计设计 #设计 设计’设计以设计a设计AS设计it设计是by设计把设计it设计设计inin设计设计的及设计设计】设计#设计#是也设计设计、 设计设计／设计 、@设计an设计 设计🤮设计设计还设计‘’设计及在设计is设计设计‘的设计 设计设计。
Log in
10Log in and synchronize recommended records
11Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share
1