曲线的定义:
动点运动时,方向连续变化所成的线,也可以想象成弯曲的波状线。这个定义,我不在乎!
我在乎的是:它能带给我灵动、活力的画面,让人不自觉地被这样柔美的线条吸引。
问:直线和曲线同时管你借钱,你借给谁?
答:曲线。
说了这么多,还不如来看一组图:
▲ 设计师:Yoga Perdana
这些曲线,是不是特别好看?!你也想学,对不对?!
今天,小Q就向大家全方位立体360°无死角展示曲线的画法,不过,主要靠手感。
曲线主要有两个方面的运用:作为线条时,作为图形时。
1
线条
1. 分割页面
作为一条地地道道的线条,当然可以拿来分割页面。怎么分?小Q给大家介绍一种分法:
▲ 示例图
将页面分为上下两个部分(这也是非常常见的分法),来看看怎么画这条磨人的曲线吧:
▲ 动图
画好曲线之后,再插入一个矩形置于底层,填充为蓝绿渐变就可以啦。是不是很简单呢?
2. 引导视线
不得不说,线条的本分就是引导视线、划分页面。
▲ 设计师:雅客
“妈诶,这曲线我要怎么画?看起来好好看耶。”
跟着我的动图一起画,画的时候一定要注意停顿的地方:
▲ 动图
如果你觉得画的不满意,可以右键选择【编辑顶点】,调整曲线的弯曲程度。然后,设置一下曲线的相关参数就可以啦。我这里【宽度】设置的是“3磅”。
▲ 曲线的类型
▲ 版式图
▲ 效果图
不管你画成什么鬼样子,都可以通过【编辑顶点】的方式调整,效果图如上。
还可以做成这样,就更有活力啦:
▲ 效果图
3. 时间轴
时间轴的呈现方式多种多样,我们之前也给大家特意写 了一期时间轴的样式。但,今天小Q想给大家介绍用“曲线”画出的时间轴,一种全凭手感画出的时间轴。(相关链接:不好意思,我用一页时间轴就可以甩你一条街)
用曲线做的时间轴比直线/折线好很多,更能体现发展态势,也让页面更具活力。
怎么画呢?跟前面的动图一样,这里就跟着你插入的图片描边就可以啦。
2
图形——异形
1. 左右型排版
作为图形的时候,它经常被用来当做平衡页面的“利器”,这也是特别能体现曲线优势的。
比如下面这张图:
▲ 案例
这种异形要怎么画呢?先插入矩形,再用布尔运算,再编辑顶点???
NONONO,太慢了,直接用曲线勾勒就可以了。
▲ 动图
勾完之后,记得用编辑顶点调整曲线,使之更“柔美”。
这里需要注意的是:要从画布(灰色的地方)外开始画(不要问我为什么,实践一下就知道了
▲ 版式图
▲ 效果图
然后再选中形状,单击图片填充就可以啦~
2. 上下型排版
来看看这种异形要怎么画:
▲ 动图
这里也需要从画布(灰色的地方)外开始画。这样画完就完了吗?当然要调整细节了(根据个人喜好调节)。
▲ 版式图
▲ 效果图
连我这种渣渣都可以画成这样,相信你们也可以!自我感觉跟案例差不多。
甚至,多练几次,你就可以做出这样的曲线了:
▲ 案例aj
今天主要跟大家讲曲线的画法,排版方式我们已经讲过很多次啦。
如果你还不会画曲线,那我是无能为力了,不过可以找我们超神课的老师,手把手教学!
还有什么方法可以画曲线呢?赶紧在评论区/留言区告诉我这个渣渣吧!
联系客服