设计师如何用原型中钢笔工具快速画图?

今天给大家介绍一种使用摹客在线原型中钢笔工具,一分钟画出一只鹅。

首先为大家展示一下我的创作过程:

是不是觉得很简单呢?

其实只要学会使用摹客原型设计的钢笔工具,结合形状合成功能(布尔运算),就能自由绘制你想要的形状,让你的设计更加得心应手。

什么是钢笔工具?

在PS、Sketch等绘图软件中,都有钢笔工具。钢笔工具可以勾画出平滑的直线或曲线,创建矢量图形,让图案在缩放或变形后依然保持清晰和平滑。勾画出线条后,还可以继续编辑,经常用于中高保真设计中绘制不规则曲面,插画等等。

随着互联网产品设计的发展,仅仅使用传统的组件已经无法满足原型设计的需求,如果想要在原型内绘制一个特殊形状的组件或Logo,使用PS等绘图工具设计完后再导入到原型中,不仅来回切换软件费时费力,修改起来也非常麻烦。

摹客在线原型设计推出的钢笔工具,完美地解决了原型设计中自由绘制复杂图形的难题。接下来,就让我们一起来看看,在摹客在线原型设计中,如何使用钢笔工具绘制想要的图形吧~

如何使用钢笔工具绘制想要的图形?

钢笔工具绘制出来的线条,又被称为贝塞尔曲线。贝塞尔曲线的有趣之处在于它的“皮筋效应”。也就是说,随着路径点的移动,曲线会像被皮筋牵引一样有规律地变换。使用钢笔工具绘制的路径,主要由线段和路径点组成:

了解了钢笔工具的工作原理,我们就可以开始创作啦!

1.绘制直线

在工具栏选择“钢笔”工具,在画板中单击鼠标左键,就能生成一个路径点,点击空白处,可以生成另一个路径点,两个路径点之间会自动生成线条。

2.绘制曲线

当我们需要绘制曲线时,可以在单击生成路径点时,长按住鼠标并拖动,则会生成曲线。

3.改变曲线方向

那么鹅头形状的两条相连的曲线是如何绘制的呢?在绘制到两条曲线的连接点时,按住ALT键拖动,就可以调整控制线的方向,从而使下一条曲线的方向发生改变。

4.形状合成(布尔运算)

在绘制图形时,巧妙使用摹客的形状合成功能,可以快速生成需要的形状。摹客的形状合成功能,有联合、减去、排除、相交四种不同的组合方式。

在画鹅的过程中,小摹使用了“联合”的方式,将鹅的身体与三个椭圆形状进行了合并,为大鹅增加了蓬松的羽毛。

5.调整路径

通过上面的操作完成了图形绘制后,突然发现某个地方画得不好或者画错了怎么办?难道需要删掉重来吗?

别着急,这时候只需要双击需要修改的地方,就可以进入编辑模式,点击路径的任意位置,就会出现路径锚点,拖动路径点就可以调整路径形状了。

通过上述简单操作,一只憨态可掬的大鹅就这样诞生啦。当我们可以熟练操作钢笔工具,就可以完成Logo绘制、扁平风插画等高阶操作。

钢笔工具使用小技巧

在使用摹客在线原型设计中的钢笔工具时,只要记住这几点,就可以得心应手地完成图形的绘制啦:

1.结束编辑有两种方式:

新路径点和第一个路径点相重合时,路径会闭合,自动退出编辑状态;

使用Esc键退出编辑状态。

2.直线与曲线的切换:双击路径点,可以使路径点两侧的线段从直线变为曲线,或从曲线变为直线。

3.调整曲线形状:选中曲线上的路径点,会显示控制柄,拖动控制柄即可调整曲线弧度。

4.删除路径点:选中路径点并使用Delete键,可以删除路径点。

除了钢笔工具,摹客在线原型设计还新增了铅笔工具,可以快速用鼠标绘制设计雏形或灵感思路。钢笔工具和铅笔工具为产品团队的小伙伴们提供了理想的图形编辑与创造能力,使摹客在线原型设计不仅仅局限于原型绘制,高保真设计生产力也大大提升。

在阅读了本文之后,相信你对于摹客的钢笔工具已经有了足够了了解,那么马上开始你的创作吧!

体验地址:https://www.mockplus.cn/rp​​​​

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,015评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,262评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,727评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,986评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,363评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,610评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,871评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,582评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,297评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,551评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,053评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,385评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,035评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,079评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,841评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,648评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,550评论 2 270

推荐阅读更多精彩内容