您当前的位置: 首页 >  动画

wendy_ya

暂无认证

  • 2浏览

    0关注

    342博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

PhotoShop简单案例(4)——利用ps制作正在加载中动画(loading.gif)

wendy_ya 发布时间:2022-01-05 17:17:19 ,浏览量:2

目录
    • 一、项目介绍
    • 二、基本流程
      • 2.1 新建画布并设置参考线
      • 2.2 绘制圆形
      • 2.3 深色填充
      • 2.4 创建帧动画
    • 三、效果演示

一、项目介绍

本文将介绍利用ps实现正在加载中动画(即loading.gif),制作完成的效果演示可以查看第三部分。

二、基本流程 2.1 新建画布并设置参考线

新建一个自定义大小的画布(宽高自行设置),将背景设置为透明。

然后点击视图——>新建参考线,绘制水平和垂直两条参考线,并将参考线位置设置为50%,如下: 在这里插入图片描述 绘制完的参考线如下: 在这里插入图片描述

2.2 绘制圆形

选择椭圆工具,按住shift键,绘制一个正圆,作为目标圆的边缘,如下所示: 在这里插入图片描述 然后在上述圆的周围绘制八个小圆,如下图所示: (绘制完一个小圆后,ctrl+j复制图层,复制该圆七次即可) 在这里插入图片描述 然后删除该大圆图层,删除后效果如下: 在这里插入图片描述

2.3 深色填充

然后再复制一个圆(ctrl+j),作为转动的点,使用深色填充,放在外面即可: 在这里插入图片描述 然后将圆圈上的八个点所在的图层选中,按ctrl+e合并为一个图层,合并后就剩两个图层,八个圆圈所在的图层和深色圆圈所在的图层,如下图所示: 在这里插入图片描述

2.4 创建帧动画

点击“窗口”→“时间轴”→“创建帧动画”: 在这里插入图片描述 然后开始第一帧制作:将深色圆形覆盖住其中一个点,如下图所示: 在这里插入图片描述 然后开始第二帧制作: 新建第二帧: 在这里插入图片描述 然后顺时针覆盖下一个点: 在这里插入图片描述 【注意】:下方的0秒表示延迟,如果觉得过快,可以将延迟适当增加。

其他帧以此类推…

ok,任务完成!点击播放按钮即可播放动画了。

三、效果演示

在这里插入图片描述

【拓展】: 【1】可以考虑在圆圈里增加解释性文字; 【2】可以考虑在圆圈下增加解释性文字; …

参考: https://blog.csdn.net/weixin_45389633/article/details/104266226 https://jingyan.baidu.com/article/ff411625b5db1e12e48237ea.html?qq-pf-to=pcqq.c2c

ok,以上便是本文的全部内容了,如果对你有所帮助,记得点个赞哟~

关注
打赏
1659256378
查看更多评论
立即登录/注册

微信扫码登录

0.0397s