1. 首页 > ps教程 > ps加载动效教程(ps怎么加载动作)

ps加载动效教程(ps怎么加载动作)

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

留言与评论(共有 0 条评论)
   
验证码:

联系我们

在线咨询:点击这里给我发消息

微信号:vx614326601

工作日:9:30-18:30,节假日休息