【OK经验】动态设计基础理论第1篇-线

用户头像
苏州/设计爱好者/7年前/1604浏览
【OK经验】动态设计基础理论第1篇-线
用户头像
OK_先生

动态设计基础理论线条的一些总结 希望对大家有用

当我开始构思这个系列文章的时候,我知道会很漫长,但是还是决定着手去写,因为有太多的学生需要这些经验和理论知识去武装自己,既然有意义,接下来 我会连续写好几篇关于动态设计方面的基础理论,这些理论更多的是我的经验以及感受,如果你觉得好,那就让更多有需要的人看到。


在大学里面应该有相关的图形设计课程,但每个学生其实都是左耳进,右耳出,所以图形设计显得不那么重要。当然,如果我们对学习某个事物的目的性不是很强,很难做到专注。但是当你进入动态设计领域工作,图形学是非常值得你去学习和研究的,因为它支撑了诸如网页设计,版式设计,电视包装等很多设计领域,动态设计也不例外。


在图形学里,线扮演了很重要的角色,本来想把它放在图形里去讲,但我觉得有必要拆开来说,因为大多数动态设计师都好像喜欢用线条去motion。



图形设计学里面线条有直曲,粗细,长短,虚实之分,扮演的作用也是五花八门。虽然动态设计关于线条运用,也遵循了图形设计的一些基本原理,但今天我想从应用的角度去分析它,所以更多的是我总结的一些经验。


不管是在线上还是线下上课,我一般很少会提及这些,因为主要考虑太枯燥,学生不愿意听,我干讲也乏味,所以,大多数时候我会在他们做作品过程中讲这些,虽然比较碎,但潜移默化,因为目的性更强,所以记忆更加深刻。


接下来我主要从这几点去分析动态设计中的“线”。

  • 线的类型

  • 技术角度

  • 应用目的


1.线的类型

因为加入了设计思考在里面,线的类型也是多元的,但如果就从线的端点是否闭合来说,就分两种:闭合线条和非闭合线条。关于闭合线条我在这不多解释,我们主要来说非闭合,也就是单条线。


单根线的常见的类型,也就是线的四种特性“粗细” “长短”,“虚实” “曲直”。但因为我们讲的是动态设计,所以这些线条也存在着多变性。比如线得端点可以是圆滑也可以是平直,一头可以是粗,另一头可以是细,又或者是虚或实,曲或直。当然这些也可以在动态过程中转变。


在动态设计的过程中到底要怎么用。首先,最主要的决定权在你自己,也就是你得主观选择。但你在选择之前,应该要有所思考。比如你需要做的是一个非常简洁, 清爽的motion,你的线条就不应该太粗,因为粗线条过于厚重,让你的片子看起来很笨重。



一般来说,多数motion作品里面的线条都不是很粗。但是你在设计的时候一定要注意这一点,因为我发现大多数学生,并不能很好的区分粗细线条,因为他觉得不是很粗,但在我这里感觉就粗的离谱,我一般都会让他们修改。但这并不是说就一棒子打死,所有设计都要用较细的线条。


从静态视觉角度来说,要表现力量感,粗线条在这方面具有优势,当然较细一点的线条也可以表现力量,但要从构图去出发,在这我就不多说了。


线条的粗细更多的是外貌,是丑是美,给人第一眼最直观的感受,但线的长短,虚实以及曲直,更多的是一种表现形式。比如你可以用长长的线条表现常见的拖尾动画,长线变短线实现一种挣脱感等等。后三种更多的是需要动态设计师去思考,如何合理运用线条的表现形式,把画面变得多样性。



2.技术实现

当我们看到一幅有线条的动态画面的时候,浮现在你脑海里第一印象绝对是,我该怎么实现它呢?

在辅导我的学生制作动态设计作品的时候,我通常注重的就是思维的开放性,因为有时候有些方法行不通,所以努力了半天之后,你得折返回去重新做。这样非常耗时间的,所以这就要求你的知识面的宽,也就是思维性的活跃,时刻记住山不转水转这句话,只有这样你的问题可能就在反复尝试之后得到解决。

OK,下面我来讲讲一般线条动画常见的五种实现方式,当然具体的问题得具体对待,不能生搬硬套。



  • 图形

  • 遮罩

  • 插件

  • 脚本

  • 三维



图形最常用的就两点,第一就是和illustrator结合,把illustrator里面的线条导入AE,然后将AI文档转为形状图层,这样可以利用形状图层的属性对ai绘制的线条进行动画。

第二种需要直接在AE里面,利用钢笔工具去绘制只描边非填充类型的线条。在图形这一块,最爱和线条打交道的就是修剪路径,所以你要花点功夫在这一点。同时要注意一点,当线的封盖设为圆角类型,修剪路径的开始是0%,结束是0.1%的时候是可以得到圆,互换是一样的。在一些动画里经常看到圆变线条,线条变圆,这一点你得知道。


遮罩通常要搭配滤镜里面的效果来使用的,比如generate(生成)效果下面stroke(描边)也是非常常用的。当然你也可以配合3d stroke或者其他插件去实现。总之这一块也是使用频率比较高的。



插件主要注意这两个,比如粒子插件particular和点线插件plexus,当然还有其他制作线条的插件,我只说这些常用的。因为如果你对这两个足够熟练话,是可以完成很多片子的线条动画。


脚本就非常多了,你可以去aescript这个脚本网站去搜索,我目前最常用的就是connect layer以及motion2脚本,这两个都是具备制作线条的功能,但他们的线条是需要链接使用的,所以说必须依赖其他的图层,自由度不是很高。


最后一个就是三维软件里面去实现,具体方法就太多了,粒子,毛发,建模材质等等。但是你要根据线的难易程度去评估,并不是一定要利用三维软件去实现。这是一般的常用方法,当然你也可以去手绘或者利用其他我没有提到的,这个就取决于你的个人,一般我的学生利用上面这些方法是可以做出很多线条动画。

 

3.应用目的

 线在静态图形设计领域里更多的是起引导,注视和构图的作用。动态设计里面也是具备了这三个功能,比如我们看到的一些线条动画里面,线条经常是带着我们进入或者引出下一个内容场景,这里面就是涵盖了引导的作用。还有一种情况就是使用线条去表现力量,速度,平衡,空间等等,最直接的感受就是,因为线条的动画以及音乐的推动,你能感受到情绪。在这一块静态图形设计因为维度的限制,效果并没有动态设计领域来的直观。当然这一块也是最难表现的部分。



那我们该如何使用线条去表现你的目的了,首先你要清楚你到底要什么,比如你需要线条引出你的产品和logo,或者是一段文字,你就需要合理的安排你的线条进入的时间,位置,同时还要考虑线条按照这个路径行走的轨迹是否美观。如果你需要表达情绪,就需要多下点功夫在构图上,建议大家可以看一些国外的动态设计优秀作品,或者也可以去观察一下摄影,美术等作品。

 

关于动态设计作品的“线”,我就谈到这里。更多的是一些自己的感受,但是希望对大家进入动态设计行业能有所帮助。但动态设计作品中“线”是多变的,多花点心思在上面,你也可以做出非常棒的动态设计作品。

 

近三千字了,太佩服自己了,历史最长的一篇。

我的学生的做了很多关于线条动画的动态设计作品,大家可以去前面的文章查看


36
Report
|
39
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in