【如何用Photoshop CC迅速地制作一张Loading的gif动图】Photoshop CC的帧动画和时间轴功能,让它在动画制作上也屡屡能展现奇迹 。Loading小GIF图在ppt演示文档中,或者一些ui演示中都能被当做素材,很好的展示内容 。接下来就跟大家分享一枚Loading动图设计小技巧 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/16462445G-0.gif)
方法如下
1、打开ps软件,新建400*300的文档,分辨率72就行,背景白色即可 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646241301-1.png)
2、新建一个透明图层,选择椭圆选框工具,按住shift,拉出一个圆形 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646241037-2.png)
3、设置好前景色ffe689和背景色fa8b00 。选择渐变工具,选定角度渐变 。在圆形选框中拉一个渐变出来 。效果如图 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/164624O46-3.png)
4、按住ctrl d,取消选区,这个时候,loading素材就做好了,接下来制作动画效果 。把ps的工作面板设定成“动感”模式 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646244137-4.png)
5、点击创建视频时间轴按钮,创建一条时间轴,并缩短到两秒钟 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646243004-5.png)
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/164624GN-6.png)
6、右键单击图层一,选择转换成智能对象 。因为,智能对象的变换动画效果更好操作 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646243K7-7.png)
7、在时间轴面板中,将时间指示器移动到起始位置,然后点击变换左侧的锚点添加关键帧 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/16462449D-8.png)
8、将时间指示器移动到1秒的地方,选择编辑>变换>旋转180° 。则会自动在该时间点处添加关键帧 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646243Y4-9.png)
9、将时间指示器移动到最后,再次选择编辑>变换>旋转180° 。同样会自动添加关键帧 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646243501-10.png)
10、如此,已经完成了Loading的简单制作,可以按空格键播放预览效果 。如果对效果满意,则可以选择文件>存储为web所用格式,保存为gif格式图片即可了 。PS:注意动画的循环选项设置成永远 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/164624N50-11.png)
11、最终效果见下图 。
![如何用Photoshop CC迅速地制作一张Loading的gif动图](http://pic.yunnanlong.com/230307/1646242516-12.gif)
推荐阅读
- OKWAP C310 G卡C卡WAP上网解决方案
- 如何找到Photoshop CC打开过文件在电脑资源管理器中的位置
- Photoshop CC如何一步精确旋转视图
- 安装霏凡主题包后,只想留下其中的两三个主题,请问如何
- 居则曰不吾知也如或知尔则何以哉的翻译 居则曰不吾知也如或知尔则何以哉
- 民生银行如意宝收益怎么样?民生银行如意宝承诺保本吗?
- 如何评价电影失常Anomalisa
- 如何安装电脑主题包!moto E2 需要的软件
- 工行贷款如何查询?工行贷款进度查询方法攻略介绍!
- Photoshop CC怎样将一个照片弄成油画效果