三次贝兹曲线 优动漫PAINT CSP教程

优动漫

2019-01-10 14:59:40发表

收藏这个教程 (5)

分享到新浪微博 (3)

基础系列

#优动漫PAINT教程# #CSP教程#

曲线与形状工具

  • 2155
  • 0

三次贝兹曲线

三次贝兹是以复数控制点和方向点构成的曲线。

 

 359b4d83744a268fe5b58d62a11c4135_zh-tw.jpg


使用矢量图层,暂且描绘线条后调整控制点、方向点。使用位图层的话,一旦画好线则无法调整线的控制点和方向点。

在[工具]面板上,将[图形]工具以[子工具]面板选择[连续曲线]工具。

在[工具属性]面板的[曲线]选项选择[三次贝兹]。

 

Snipaste_2019-01-10_09-42-35.png 


※子工具[连续曲线]在初始设定上的定义方法为[以拖动定义]。

为[以拖动定义]时,会变成与2次贝兹相同操作,无法进行与本讲座相同的操作。

 

 Snipaste_2019-01-10_10-24-09.png


【POINT】

优动漫Ver.1.5.5起变更了预览曲线的方法。在描绘中也会反映线的颜色和宽度。

欲返回以前的简易显示时,开启菜单栏[文件]→[环境设置]对话框→[工具]→勾选[使用图形工具时,简单显示创建过程中的线]。



 

三次贝兹的使用方法

<1.设定控制点和方向点>

 

三次贝兹以下列操作方法定义控制点。

 

■以单击定义控制点

以单击定义控制点后,控制点之间会以直线连接。

 

c67a19cb04e37701b0c515d64727b0ca_zh-tw.jpg

 

■以拖动定义控制点

以拖动定义控制点后,拖动的起点会变成控制点,拖动的终点会变成参考点,决定线的曲线方向和大小。

 

76fa8f13035182a67e42a0d3e9f1783b_zh-tw.jpg


<2. 基本的线条描绘方法>

 

■直线・折线

以单击定义控制点后,控制点之间会以直线连接。在最后的控制点④上单击后按[Enter]键确定。

 

e93c8772082a6cec5530dd37b2137d42_zh-tw.jpg

 

■单纯的曲线

以拖动定义控制点后,即可设定方向点。

①从控制点延伸的线会对应方向点的方向和长度来描绘曲线。

单击②的控制点后以[Enter]键确定线稿。

 

ce3032f2144ba933e3bc9acd58c3af01_zh-tw.jpg

 

■起点与终点相异方向的曲线

在起点的控制点和终点的控制点上拖动定义参考点后,可依各控制点设定曲线。

在此范例上,在②控制点的下方拖动设定方向点后,按[Enter]确定线稿。

在②的控制点上要注目的是,拖动的相反侧会设定线条对称的方向点。

 

 70c163ca466614e12daca5a3020c603f_zh-tw.jpg


■有角的曲线

在①控制点上拖动设定方向点,在下一个②控制点上单击,下一个③控制点上拖动设定方向点后,即可建立有「角」的曲线。

设定③的控制点后按[Enter]描绘线稿。

 

 de407ae7b3a7f1b60e0b54d8b1b31c6b_zh-tw.jpg


调整方向点

在矢量图层上描绘线稿时,可于之后调整控制点和方向点整顿线条的形状。

使用[操作]工具的子工具[对象]选择线稿后,可以再调整控制点和方向点。


 Snipaste_2019-01-10_10-25-40.png

 

■调整曲线

曲线与曲线之间控制点的左右会延伸方向点。

调整任一边的方向点位置后,另一边的方向点会成为目标点进行移动。

方向点指的是曲线的顶点位置。


■调整直线

移动直线边边的控制点后,可以调整执线的长度和方向。

 

【画画看正圆】

显示网格,大正方形作为估测位置用。

※网格的显示方法:[视图]菜单→[网格]

 

 14bf47d37fa715f37cb8bc0ad2bd535c_zh-tw.jpg


从正方形边边的正中间将方向点如图进行设定。

 

4ed7be8a3c87a0af1aba2895a71c1501_zh-tw.jpg

 

剩余的边也依序设定方向点。请以图做为参考,设定方向点的位置试着制作线稿。

 

 e77264d7e52fd905e4bf1f0d5e182be4_zh-tw.jpg


最后单击起点的位置封闭线条。

 

 1db4accad17f7f3dc8cc8b1351e49850_zh-tw.jpg


正圆的部分,从控制点延伸的两个方向点调整为相同距离为诀窍。

 

 5d7d95c79a4584df7e51e7d82b2f895d_zh-tw.jpg

切换角度

控制点可在之后切换角。切换角后,从控制点延伸出来的左右方向点可各别进行控制。

[操作]工具→以子工具[对象]单击圆上方的控制点进行选择。

 

0e7f0e734b32c16a54b3d4853aead92d_zh-tw.jpg

 

在控制点为红色选择的状态下,右键显示菜单选择[切换角点]。

 

71b959a7a9352e9a5b65930bfa57ccd7_zh-tw.jpg 


【从正圆制作心形】

以切换角将正圆变形为心形吧!

 

将正圆最上方的控制点往下移动。

 

1644deb1144ae14ea74049f64f09160b_zh-tw.jpg

 

各别拖动,调整成[V字]的样子。两个方向点设为线条对称。

 

 9a0143b94dbad3f1ed2ba2682d9dbcab_zh-tw.jpg


接着移动下一个控制点。

 

 67cd5d712e62bf748f241654604a9bd9_zh-tw.jpg


[切换角点]调整方向点,整顿下方(心形的尾巴)的形状。

 

9834309e541a29b111ddc5ff4d4df772_zh-tw.jpg


临摹手绘插图

三次贝塞尔曲线可做细微的曲线调整。临摹手绘插图可以整理成漂亮的线条。


   在栅格图层自由描绘底稿。

 

 423dc5287cc32d2e9a6f37959b3e7df0_zh-tw.jpg


   在上面建立临摹用的矢量图层,将底稿的线做为参考以[连续曲线]工具描绘线条。

在矢量图层上建立的连续曲线可在后来进行调整,即使稍微偏移底稿也没有问题。

 

 3698a3c35f092c4b90a7add65202c0e9_zh-tw.jpg


③确定线稿后,使用[操作]工具的子工具[对象]选择已描绘的线稿。

 

 696e609da79f7039f37ba8e6aa2cb1f5_zh-tw.jpg


④区分使用控制点(红点)和参照点(蓝点),稍微调整线稿。

欲调整曲线程度时调整参照点,欲移动线条时则拖动控制点。


09eae16175004279cf489091cfb9b630_zh-tw.jpg 

 

⑤控制点过多的话则删减控制点。

选择不必要的控制点,显示菜单选择[删除控制点]。

调整其他的控制点和参照点,整理线稿。


69443433a42b2e7e122d94828f3f43e7_zh-tw.jpg 

⑥整理好形状后选择线稿,在[工具属性]面板上调整[前景色]和[笔刷尺寸(线的粗细)]等等。

 

Snipaste_2019-01-10_10-30-05.png 


像是较于POP的插图等,需要平滑曲线时贝塞尔曲线能帮上大忙。

可依插图的笔触区分工具使用。

 

15a931279d20b4ea32c390fb0cc1b2c3_zh-tw_small.png

 

【POINT】

贝兹操作无法返回。

在操作贝塞尔曲线中,能以[Delete]/[BackSpace]键或右键一个一个回溯控制点的设定。


0d3de4c2fc12c9eb2aa3ba10218a4517_zh-tw_small.jpg



评论
还可以输入500个字
全部评论

    查看对话

    关闭

    COPYRIGHT©厦门优莱柏网络科技有限公司 版权所有      闽ICP备12010450号-2   |   闽网文[2016]1301-018号