PS双重画笔与路径描边打造完美的流动虚线

关于虚线的画法,有不少方法。主要都是通过设置画笔来实现。其中个人觉得用双重画笔画出来的效果最好。而用PS动画制作流动虚线的方法,网上的教程不多,最终效果也是不尽如人意。经过学习,本人琢磨出一个用双重画笔结合路径描边制作流动的虚线的方法,在此与大家一起探讨。

操作方法

  • 01

    先设置双重画笔,可以根据自己的需要设置大小和间距。

  • 02

    新建文档,再新建一空白图层,选择多边形工具(路径方式)画出一形状路径。

  • 03

    动画最终目的是通过路径描边来移动虚线在路径上位置,从而实现流动的效果。所以要在不改变路径形状的前提下,在路径中添加一个控制点,通过改变控制点位置来描边路径,得到不同的帧。这个控制点就是锚点。同时为保证锚点移动时路径整体形状不发生变化,就必须在路径的水平(或垂直)直线片段上添加锚点。但添加完锚点就直接用画笔描边,无论怎么移动锚点,最后得到的虚线都是一样的。这是因为现在是一条完整的路径,虽然添加了锚点,但没有改变路径的整体结构。要改变它,就要先将路径打断,再连接起来。 接下来,切换到钢笔工具,在路径直线段添加两个锚点,然后删除其中一个锚点。

  • 04

    连接锚点。这里的顺序很关键,因为最终要移动在直线上的控制锚点,所以先连接右边的锚点,再连接左边的锚点。

  • 05

    这样就得重新得到了一条路径(添加了一个连接路径首尾的锚点)。

  • 06

    画笔描边

  • 07

    这里出现一个了问题,在锚点处(也就是路径首尾连接处)两个线段连在了一起。这是因为路径的长度和画笔间距不同步,也就是说长度不是间距的整倍数而引起的。

  • 08

    返回一步,CTRL+T变换路径,稍微改变一下路径的大小,也就是改变路径长度。

  • 09

    再进行描边,就OK了。

  • 10

    拉两根参考线,查看一下两个虚线段的间距,这里是28像素。也就是说要做一个循环,要移动28像素,每帧移动4象素的话,要做7帧,因最后一帧与第一帧位置重合,其实做6帧就行了。

  • 11

    新建一层,选中锚点,用方向键移动4像素。再进行描边。同样的方法完成余下的帧。

  • 12

    进入动画面板,用帧模式或时间轴制作都行。这里是用时间轴做的。设置如下 ,最后存成GIF就大功告成了。

(0)

相关推荐

  • 【PS】怎样为路径描边

    ​ 朋友们都知道描边路径命令可以用于绘制路径的边框,还可以沿任何路径创建绘画描边.和描边图层的效果完全不同,也并不模仿任何绘画工具的效果. 了解了描边路径的一些特点后,我们一起来看一下在Photosh ...

  • ps怎样通过画笔预设和路径描边制作异性虚线

    通过画笔预设和路径描边,制作不同效果的虚线,简单实用的一种方法. 操作方法 01 新建一个矩形,可以根据需要调整长宽比例,填充黑色. 02 点击编辑-定义画笔预设,将新建的矩形保存为画笔. 03 打开 ...

  • 在PS软件中如何制作描边路径

    今天给大家介绍一下在PS软件中如何制作描边路径的具体操作步骤.1. 首先打开电脑,找到桌面上的Photoshop软件,双击打开2. 然后依次点击左上角的"文件"---"新 ...

  • 一分钟玩转PS路径描边,轻松画图标!(ps教程+psd下载)

    Photoshop的路径工具和钢笔工具,很容易被人忽视,功能其实是很强大的,但是一直很低调.嘻嘻~那今天咱一块唠唠怎么用路径和钢笔,快速绘制UI中的线状图标,这个看了都能做哦!!!!也希望小伙伴能够用 ...

  • ps.钢笔绘制曲线路径以及描边

    ps.钢笔绘制曲线路径以及描边 大家知道填充路径之后,路径范围之内是块状的,用钢笔描画的线就会不见,所以如果需要钢笔画后的路径是线的状态,就需要描点,比如建筑. 钢笔曲线路径是之前的延续,不知道的亲, ...

  • 美图秀秀一分钟快速打造完美自拍照 不要暗淡无光

    不要暗淡无光 一分钟快速打造完美自拍照 喜欢拍照的MM都知道,自拍照讲究光线、角度、状态等等细节,所以拍出一张完美的自拍照还真不是一件简单的事儿。不过,喜欢自拍的妹子也不要就此灰心,来看看小编今天带来 ...

  • AI中路径描边效果等比例缩放制作教程

    相信很多小伙伴都有在使用AI,那么在其中我们将路径的描边效果等比例缩放呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 下图所示的松针就是利用描边效果实现的,画笔选用的是"艺术画笔&q ...

  • 如何通过PS给图片人物添加描边

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道如何通过PS给图片人物添加描边,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的PS软件,先依次点击[文件-打开] ...

  • Photoshop怎么给路径描边

    以Photoshop的CS3版本为例,介绍怎么给Photoshop中的路径描边,让路径变成可打印的图形. 操作方法 01 例如要给下图中的路径描边. 02 Photoshop中用画笔描边路径比较方便, ...