美文网首页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