ps制作圆环加载动画-制作过程

用户头像
北京/设计爱好者/9年前/8128浏览
ps制作圆环加载动画-制作过程

自己做的时候遇到一些小问题,所以想记下来。

1.新建画布

这个我是随便建的,750X400像素,随便给它一个颜色。

2.创建视频时间轴

将“窗口”-“时间轴”勾选上,时间轴面板就出来了,然后点击“创建视频时间轴”。8a5c5833f80ba8012060c863fd79.jpg

3.画圆环

用矢量图形画圆环,不要用描边,我画的是大圆直径238像素,圆环的宽度是28像素,给它一个颜色。755b5833fdf1a801219c77e00030.jpg

4.加关键帧

1)、复制刚画的圆环,添加“渐变叠加”,在左侧“样式”处给它加关键帧,每个关键帧的“渐变叠加”都要调,从左到右分别对应0%、25%、50%、75%、100%。

401b5834033fa801219c7708973e.jpg

495e583403eda801219c77524e70.jpg


2)、复制刚刚加好关键帧的圆环,在时间轴上与第一个的位置错开,调这个圆环所对应的每个关键帧的渐变叠加,从左到右分别对应100%、75%、50%、25%、0%,并将“渐变叠加”的“渐变”勾选“反向”。

5.画小圆

画一个28x28像素的小圆,添加黄色。放在圆环的正上方中间,复制一个,第一个不动,将第二个转成智能对象。双击智能对象进行编辑,将其画布大小改成28X238像素,复制一个小圆,两个小圆分别置于画布的顶部和底部,隐藏底部那个小圆,关闭并保存编辑,回到动画制作界面。

6.给小圆添加变换关键帧

给转成智能对象的小圆添加“变换关键帧”,每一帧都要与下面两个圆环的关键帧相对应,然后根据每一帧圆环颜色转动的位置给每一帧的小圆调位置,从左到右9帧小圆的位置分别对应:0度、90度、0度、-90度、0度、90度、0度、-90度、0度。

7.最后给你们看一下这几个时间轴的长度分布。


ab6258341074a8012060c876a093.jpg


79
举报
|
65
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
中国传统纹样创新图案设计
平面书法字手写
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
平面设计 吊牌设计
课程海报,平面素材
牛奶乳液层次平面平铺平面
海底世界插画
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
平面男孩喝咖啡插画设计
水蜜桃和李子的平面水果图案
空的平台平面和自然景观
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
平面人物插画
学习,优惠券,平面,海报
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
倒计时,海报,平面
平面插画设计女孩喝咖啡
平面插画情侣/矢量
平面花卉图案扁平简约无缝拼接插画
你可能喜欢
大家都在看
登录注册