平面设计 
首页 > 平面设计 > 浏览文章

ps怎么制作加载动画? ps做loading加载动画的实例

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

在浏览网页的时候,发现那个等待loading挺好看的,所以搜了一下加载中的动画,虽然看起来感觉不一样,但制作方法差不多。今天我们就来看看详细的制作方法。

软件名称:
Adobe Photoshop 2020 v21.2.4.323 ACR13.1/12.4 中文版+安装教程
软件大小:
1.93GB
更新时间:
2020-12-08立即下载

先发几个效果图

ps怎么制作加载动画? ps做loading加载动画的实例

1.打开ps,新建画布,命名

ps怎么制作加载动画? ps做loading加载动画的实例

2.新建两条参考线,为了让制作的图像居中。视图-新建参考线,位置为50%水平和垂直各一次

ps怎么制作加载动画? ps做loading加载动画的实例

3.新建完就是酱紫的

ps怎么制作加载动画? ps做loading加载动画的实例

4.新建图层,用硬脚画笔,大小为9像素(针对个人需要设置),在垂直参加线上面点一个点,如下图所示位置。这个位置会觉得最终完成的图片的形状。

ps怎么制作加载动画? ps做loading加载动画的实例

5.ctrl+t ,按住alt键,将黑点的重心点移到参考线的交点。设置旋转角度为45度。enter确定两次。

ps怎么制作加载动画? ps做loading加载动画的实例

6.ctrl+shift+alt+t,重复变换并复制,按7次。

ps怎么制作加载动画? ps做loading加载动画的实例

7.合并所有黑点图层,选中所有黑点图层,ctrl+e,合并。ctrl+h,隐藏参加线。

ps怎么制作加载动画? ps做loading加载动画的实例

8.新建图层,选一个喜欢的颜色,画笔大小分别为11、13、15、17,在原黑点的基础上点4个点,记得圆心要对准。

ps怎么制作加载动画? ps做loading加载动画的实例

9.将蓝点图层复制7次,一共8层。调出参考线,ctrl+h。先变换蓝色点拷贝图层,将中心点移到参考线交点处,改旋转角度为45度。其他拷贝图层依次旋转90度、135度、180度、-135度、-90度、-45度。

ps怎么制作加载动画? ps做loading加载动画的实例

10.旋转完成后如下图所示。

ps怎么制作加载动画? ps做loading加载动画的实例

接下来开始做动画11.打开窗口-时间轴,将小三角的地方点上去,改为无延迟。关闭上面复制的蓝色点图层,效果如下图所示。

ps怎么制作加载动画? ps做loading加载动画的实例

12.点一下时间轴的新建帧按钮,按钮在左下角的箭头处。戳瞎蓝色点图层的眼睛,打开蓝色点拷贝图层的眼睛,如下图所示。

ps怎么制作加载动画? ps做loading加载动画的实例

13.同上一步骤,为每一个拷贝层建一个新帧,当然,黑点图层的眼睛始终是亮着的。在左下角的箭头设置动画播放的次数,这里选择永远,设置好后点播放键。可以按ctrl+h,隐藏参考线。

ps怎么制作加载动画? ps做loading加载动画的实例

14.没有问题后保存,文件-存储为web所用格式,一般不需要改动,点存储,选择存储位置。完毕。

ps怎么制作加载动画? ps做loading加载动画的实例

15.打开效果

ps怎么制作加载动画? ps做loading加载动画的实例

以上就是ps做loading加载动画的实例,希望大家喜欢,请继续关注。

相关推荐:

PS怎么制作小猫眨眼睛的GIF动画?

PS时间轴创建帧动画总是出bug怎么解决?

PS怎么制作一段动画? ps动画效果的制作方法

上一篇:ps如何将店招切版 利用ps切片店招并上传到图片空间教程
下一篇:PS人物照片怎么做成惊艳的油画效果? ps图片转油画的技巧
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap