如何在图形中表示速度?


Answers:


30

使用钢笔工具创建水滴形状:

在此处输入图片说明

用白色(Command+ Delete)填充。

复制,拉伸和旋转副本以与对象中的某些行匹配:

在此处输入图片说明

通过选择所有形状以及1.hit Command+ E或2.右键将形状合并在一起。单击鼠标右键,然后选择“合并到智能对象”。

然后添加一个图层蒙版,并从下至上放置一个轻微的渐变...

在此处输入图片说明


1
+1这是最少介入的选项,非常适合清晰,清晰的插图风格
user56reinstatemonica8 2014年

1
@ user568458我同意。所有其他示例(即模糊和背景斑点)与原始插图风格完全不兼容,非常适合。他们使它看起来像一艘太空飞船,这使它看起来像是一架被扔掉的纸飞机。
vaxquis 2014年

我喜欢这样 这对于静态图像确实非常有用
Vinand 2014年

我还决定使用带有变形工具的椭圆来获得类似的结果,而不是使用钢笔工具。
Vinand 2014年

27

另一种方法是提供外部参考点。

在这种情况下,观看者将以您的拍摄对象的速度行进。静止的物体似乎朝相反的方向移动,如下面的云所示。

您会在Anime中看到这种方法,其中@Dalvenjia提供的示例可能更常见于西方的动画片中。并不意味着这是一种更好的方法,但是肯定具有不同的风格特征。

在此处输入图片说明

从技术角度来看,基本上是相同的。

我使用画笔工具创建了几层带有云的图层,然后对每个图层的副本应用运动模糊。改变运动的方向,使其沿被摄体的移动方向逐渐消失。

希望这可以帮助。


1
很好的答案。我编辑了您的图像,欢迎使用GD.SE!
Yisela 2014年

谢谢,@ Yisela我不确定如何发布图片以供直接查看。我在发布文档中没有注意到这一点。
jwarton 2014年

1
没问题:)您只有在有10个声誉时才能发布图像。这就是禁用该选项的原因(不再是问题!)
Yisela 2014年

您的方式似乎仅适合动画
Vinand 2014年

如果这对@Vinand没有帮助,我感到抱歉。我不了解您的应用程序,因此认为从稍微不同的角度查看隐式运动会很有效。我希望这里的其他一些帖子能够使您的车轮转向。:)
jwarton 2014年

16

正如斯科特(Scott)所说,通常使用尾随“运动方向”的对象的线条,模糊和/或半透明的局部图像来说明运动。

要最终获得干净的前边缘,并在后边缘上具有运动模糊或类似效果,则需要两层。第一个是对象本身,第二个是放置在顶部并部分遮盖的。

一种快速而简单的方法是使用运动模糊。这是一个示例,复制到第二层,并在副本上应用了运动模糊。

在此处输入图片说明

这就是用图层蒙版消除“前缘”模糊的情况:

在此处输入图片说明

通过使蒙版羽毛化,您可以调整覆盖对象的效果量。为了获得额外的信誉,您可以在模糊的尾端应用液化滤镜,以产生“湍流”。


1
从较短的运动模糊开始,然后仅移动模糊的图层以使前端与原始对象对齐通常不是更好的选择吗?然后,您可以根据需要使用蒙版微调效果。
Ilmari Karonen 2014年

1
有很多方法可以做到这一点。较短的运动模糊往往太不透明且羽化不足,并且可以移动多远有一定的限制。如果有的话,我会使用较大的模糊并朝相反方向移动它。
艾伦·吉尔伯森

15

应用一些“风和运动模糊”,您可以感觉到速度: 应用效果

  1. 将图像旋转90CW,因为“风”只能横向运行。
  2. 选择带有纸平面的图层(无背景或其他任何东西)。
  3. 复制图层,以便获得完整的副本,并且可以尝试各种设置并进行比较。
  4. 应用滤镜>样式化>风,然后根据需要重复,我只做了两次。
  5. 应用滤镜>模糊>运动模糊
  6. 进行设置,我使用了0°和100强度。

现在轮到您发挥创意了。

编辑: 别忘了将图像旋转回90CCW


1
这里的一个小问题是直线向下延伸的线与飞机的隐含角度不匹配,因此它可以看作是冰柱或飞机的背面向上运动
user56reinstatemonica8'4

1
我认为,如果消除飞机前的风/模糊,将会有所改善。
MrWhite 2014年

7

这可能对您更具吸引力,但是使用路径工具,笔触和一些仔细的遮罩会花费一些精力:


3
+1,这是一张不错的图片,可能不适合于速度,但可以肯定地用于运动
Ilan 2014年

哈哈,的确如此。您在这里有一个要点。
jwarton 2014年

我非常喜欢它,甚至可以重写一些游戏代码来添加它。但是我仍然发现使用钢笔工具的上一个示例更适合初始屏幕。
Vinand 2014年

3
这听起来像是一个有趣的项目!让我们随时了解您的进度!
jwarton
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.