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

ps加载动画图片(2)

来源:SDC翻茄匠 作者:TAT.sheran 学习:18599人次

6、对圆角矩形进行变形,如下所示:

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

这里变形方法是先对圆角矩形Control + T,到变形状态后,然后点击鼠标右键,出现下图所示的菜单,然后选择’斜切’属性,

即可变换左下和右下两个点

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

7、移动中心点,具体如下:

把中心点移到如下位置

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

 

如果中心点直接移不动,试试这样把中间的小黑点

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

移动到

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

下面,那么中心点就可以随意移动了

8、选中7步变形后的圆角矩形用快捷键,Control + Alt + Shift + T,使其形式如下:

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

目前整个图层的布局形式如下:

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

9、给‘形状2’增加一些样式,打开图层——图层样式:

这里的颜色值是:#242424

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

最后的效果要如下:

Photoshop制作网页加载动画教程,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
小蚂蚁_SM-G9008V2018-05-11 06:46
很不错
一只帅羊羊2016-11-21 10:17
一只帅羊羊2016-11-21 10:11
4966547462016-03-17 10:07
加载中.....
4966547462016-03-17 10:03
加载中.....
曉嫻君2013-02-20 08:46
好东西,谢谢分享
中华长城永不倒2013-02-20 08:15
很想学习
描述反向2013-02-20 06:06
想来学习,新手上路
私奔花火2013-02-20 01:39
看得云里雾里
有时候可是我2013-02-20 06:33
谢老师分享!!!!!!

关注大神微博加入>>

网友求助,请回答!