当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

动态图片,可用于网页或视频加载中的动态过度

来源:公众号 作者:PS实用教程 学习:4368人次

加载中动态图制作,适用于网页、app、视频等等加载中状态的动态效果。

效果图:

 动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

 动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

操作步骤:

1.调出标尺,可以直接拉参考线或者用画笔工具,直接用shift+两点画直线,画好米字线。(这里我们直接用直线工具拉了一下。)

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

2.选择椭圆工具,鼠标放在中心点位置上,同时按住shift+alt+鼠标左键,鼠标往外拉,就可以画好一个以鼠标初始位置为中心的正圆,重复一次l;如图画好同中心的一个大圆和一个小圆。

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

3.用圆角矩形工具,在两圆之间,画好一个矩形;再用变形工具,将上两角往外拉一些,调整一下四边弧度,画好如图长条圆弧。

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

4.点击圆角矩形工具,更改矩形填充为蓝色,更改矩形边框为无色。(这个填充色随便选一个就可以,后面会调整)

动态图片,可用于网页或视频加载中的动态过度_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!