ps加载动效教程(ps怎么加载动作)
本文主要介绍ps加载动态效果教程(ps如何加载),下面跟着东辰网详细了解一下吧。
作为一个生活在网络上的IT人,如果你想无所不知,那么设计gif动画也是一个不错的学习方向。
下面一步步教你如何设计loading.gif的加载动画:
1.创建一个100100PX的图层,背景色为#2d2d。
2.用线条工具在背景文件上画一条1px的白色竖线:
注意这条直线要水平居中,具体方法如下:
同时选择两个浮动层:
单击水平中心对齐和。;排列中的图标:
3.选择线图层,用命令行控件t将线旋转45度。
4.选择直线变换后的浮动图层,使用快捷键控制AltShiftT复制并旋转直线,效果如下:
5.创建一个半径为1px的圆角矩形,如下图所示。此处添加参考线是为了更好地将圆角矩形和直线水平居中。
6.变换圆角矩形,如下所示:
这里的变形方法是先控制圆角矩形T,然后点击鼠标右键打开下图所示的菜单,再选择斜面属性。
您可以变换左下角和右下角的点。
7.按如下移动中心点:
将中心点移动到以下位置
如果中心点可以不要直接移动,试着像这样把小黑点放在中间。
设置
下面,那么中心点就可以随意移动了。
8.选择在步骤7中变形的圆角矩形,使用快捷键,控制AltShiftT,使其如下所示:
目前,整个图层的布局如下:
9.添加一些样式到形状2并打开图层——图层样式:
这里的颜色值是#242424。
最终效果应该如下所示:
10、复制上面的图片,然后删除一些刀片,做成如下图:
删除刀片的方法:
使用删除幼苗工具
11.将以下样式添加到形状浮动层。
注意:投影样式是默认样式,不需要修改。
12.添加到shape1图层的样式属性和shape1图层的完全一样,除了外发光样式(这里不需要给Shape1图层添加外发光样)。
13.修改图层形状2,如下所示:
14.修改形状3,如下所示:
15.最终结果如下
在这里风格可以自由发挥,仅供参考。
16.按照左图把下面五层组合成一组(ctr),然后复制整个组按ctrlT旋转45,以后再复制(注意tirck3是在复制tirck2的基础上旋转45,以此类)。
17.最后做个动画。步骤如下:
1选择动画属性:
2创建一个新层:
这里,每一帧对应要显示的组,其他组需要隐藏。
比如下图所示:第2帧对应的是下面显示trik2的组,但是其他组都需要隐藏,以此类推。
18.最后保存:——文件
最终结果如下
总结:了解了gif动画的基本原理后,为我们以后制作逐帧动画打下一定的基础!
作为一个生活在网络上的IT人,如果你想无所不知,那么设计gif动画也是一个不错的学习方向。
下面一步步教你如何设计loading.gif的加载动画:
1.创建一个100100PX的图层,背景色为#2d2d。
2.用线条工具在背景文件上画一条1px的白色竖线:
注意这条直线要水平居中,具体方法如下:
同时选择两个浮动层:
单击水平中心对齐和。;排列中的图标:
3.选择线图层,用命令行控件t将线旋转45度。
4.选择直线变换后的浮动图层,使用快捷键控制AltShiftT复制并旋转直线,效果如下:
5.创建一个半径为1px的圆角矩形,如下图所示。此处添加参考线是为了更好地将圆角矩形和直线水平居中。
6.变换圆角矩形,如下所示:
这里的变形方法是先控制圆角矩形T,然后点击鼠标右键打开下图所示的菜单,再选择斜面属性。
您可以变换左下角和右下角的点。
7.按如下移动中心点:
将中心点移动到以下位置
如果中心点可以不要直接移动,试着像这样把小黑点放在中间。
设置
下面,那么中心点就可以随意移动了。
8.选择在步骤7中变形的圆角矩形,使用快捷键,控制AltShiftT,使其如下所示:
目前,整个图层的布局如下:
9.添加一些样式到形状2并打开图层——图层样式:
这里的颜色值是#242424。
最终效果应该如下所示:
10、复制上面的图片,然后删除一些刀片,做成如下图:
删除刀片的方法:
使用删除幼苗工具
11.将以下样式添加到形状浮动层。
注意:投影样式是默认样式,不需要修改。
12.添加到shape1图层的样式属性和shape1图层的完全一样,除了外发光样式(这里不需要给Shape1图层添加外发光样)。
13.修改图层形状2,如下所示:
14.修改形状3,如下所示:
15、最终结果如下
在这里风格可以自由发挥,仅供参考。
16.按照左图把下面五层组合成一组(ctr),然后复制整个组按ctrlT旋转45,以后再复制(注意tirck3是在复制tirck2的基础上旋转45,以此类)。
17.最后做个动画。步骤如下:
1选择动画属性:
2创建一个新层:
这里,每一帧对应要显示的组,其他组需要隐藏。
比如下图所示:第2帧对应的是下面显示trik2的组,但是其他组都需要隐藏,以此类推。
18.最后保存:——文件
最终结果如下
总结:了解了gif动画的基本原理后,为我们以后制作逐帧动画打下一定的基础!
了解更多ps加载动态效果教程(ps如何加载动)相关内容请关注东辰网。
本文由东辰网发布,不代表九游娱乐立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/13189.html