美文网首页PS爱好者摄影UI/设计
Photoshop动图教程之制作简单动态分割线

Photoshop动图教程之制作简单动态分割线

作者: 颜淑 | 来源:发表于2018-02-05 22:03 被阅读69次
常编辑微信公众号的小伙伴对图文排版中的分割线并不陌生,分割线也从静态走到了如今的动态,那么今天颜淑就给大家讲讲如何制作一个简单又实用的动态分割线。 动态分割线之行走的火车
图文教程:

1、在PS中新建一个透明的空白文档,大小设置为宽400px,高30px;

新建空白文档

2、为了使接下来的处理更好的过程,在图层面板中新建一个图层2,并将图层2填充为白色;(填充时可将前景色设置为白色,按ALT+删除键填充前景色白色)

图层显示

注意:前景色的设置可用吸管工具

3、在工具栏选择椭圆工具,绘制正圆形时需安装shift键;绘制形状完成后,会弹跳出一个属性窗口,设置形状的填充、描边颜色;

步骤解析

4、在图层面板中选中椭圆1图层,并右击在弹跳出的窗口选择复制图层,得到椭圆1拷贝图层,接着用移动工具把复制的椭圆移到椭圆1边上;

效果图

以此类推,共得到8个椭圆,一字排开;并在键盘上按住CTRL键,选中图层中的8个椭圆,移动至中间位置;

图层面板 工作区域

5、将之前的白色图层删除,白色图层只是为了方便我们的形状绘制;(右击图层2 ,选择删除图层即可)

6、执行窗口<时间轴命令,在工作区域下方会出现一个时间轴,单击创建视频时间轴;

时间轴

7、在选项栏中,单击选项栏,选择转换帧<转换为帧动画;

选项栏

8、单击新建帧按钮,在时间轴上有两个帧,首先我们设置第一个帧,隐藏第二个和最后一个圆形图层;第二个帧隐藏第一个和倒数第二个圆形图层;

新建帧按钮 每帧在工作区域的显示

9、设置播放次数和转换帧时间;

设置

10、gif动态图储存,执行文件导出<储存为Web所有格式,弹跳出储存窗口,单击储存之后,保存为图像和HTML即可;

储存界面 效果图

简单的一个动态分割线完成了,希望能给正在学习PS的你带来一些帮助与正能量,我是颜淑;

最新更文:
《零基础学PS,看这一篇够了吗?》

相关文章

网友评论

    本文标题:Photoshop动图教程之制作简单动态分割线

    本文链接:https://www.haomeiwen.com/subject/pjrbzxtx.html