加入收藏 | 设为首页 | 会员中心 | 我要投稿 佛山站长网 (https://www.0757zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

PaintCode 用户操作指南(绘制篇)

发布时间:2016-10-13 02:41:24 所属栏目:策划 来源:人人都是产品经理
导读:图形(Shapes) 创建新图形(Creating a new shape) 首先,从工具栏中选择设计师要的图形。 在画布中点击任意位置,然后按住鼠标左键不动。 拖动光标。 当到达设计师满意

和其他图形和组一样,贝塞尔曲线也是能够被旋转、缩放和调整位置的。在贝塞尔曲线中,可以在贝塞尔曲线中的控制节点上应用这些变形。这将重新计算所有贝塞尔曲线的控制节点的位置,不论是应用变形或者移除变形。

00052

00052

已经使用变形的贝塞尔曲线:

00053

00053

预览(Preview)

点击 Command + P,或者从 PaintCode 的菜单中选择 视图 预览,激活预览窗口。

预览将展示当前画布中的实时画面预览。

通过点击预览中的一点,设计师能够确定画布中特定点的中心。此外,还能够顺畅地,在预览视图中单击并拖动画布。

00054

00054

检查器(Inspector)

设计师能够在检查器中调整物体的属性,尤其是被选中的图形。检查器支持多重选择,所以设计师能够在检查其中同时一次编辑多个图形。

当设计师选择正在绘制的画布,画布设置会在检查器中展示出来。

00055

00055

重命名图层(Renaming a shape)

每一个图形都有一个命名,并且这个命名能够在检查器中编辑。PaintCode 会为设计师自动生成这些明明,但是设计师可以根据需要随时为图层重命名。新的命名会应用到图形代码生成。

检查器盒子(Inspector Boxes)

一些检查器盒子能够展开和折叠。折叠设计师暂时不需要的盒子,使设计师的注意力集中在检查器中图层的属性,这对设计师来说非常重要。

00056

00056

用过点击检查器盒子的顶部,能够非常容易的展开和折叠检查器盒子。

00057

00057

注意,当设计师展开检查器盒子的时候,设计师正在绘制画布的用户界面会发生变化。例如,当设计师展开检查器盒子的时候,有关(旋转和缩放)的变形原点是唯一可见的。同样的,当填充盒子打开的时候,调整的两点以及圆形渐变也是唯一可见的。

PaintCode 用户操作指南系列文章

PaintCode 用户操作指南(概述篇)

PaintCode 用户操作指南(库篇)

PaintCode 用户操作指南(绘制篇)

PaintCode 用户操作指南(画布和选项卡)

PaintCode 用户操作指南(样式表和代码生成)

PaintCode 用户操作指南(变量篇)

PaintCode 用户操作指南(动态图形篇)

PaintCode 用户操作指南(符号篇)

更多文章将陆续发布,敬请关注。

本作品由人人都是产品经理特邀专栏作家@郑几块 翻译并独家授权发布,未经许可禁止转载

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:佛山站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读