- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
使用Ai做U I设计系列教程 :效果、外观面板和质感表现 (上 )
(题图为我两个 前的一个 「飞机稿」 ,使用了 「效果」等手段来表现质感 )
在前面 的几篇教程里说过 ,相对于像素图编辑软件来说 ,A do be Illust rat o r 作为矢量图编辑软件 ,
用作 UI 设计领域 ,有更多的优势。最大的优势 ,或许就是在于矢量图编辑的 「无损性」 ,就是说在
A I 里 ,用矢量工具画东西不会像用 PS 的画笔那样会 「污染」同一图层的其他部分 ,而且矢量编辑
操作大部分是可逆的。这样 ,用 A I 这样的矢量图编辑软件做东西 ,后期修改、调整比像素图编辑软
件要方便的多。
对于 A I 来说 ,保证 「无损性」编辑这个特性 ,很大程度上得益于 A I 自带的矢量效果和像素图效果
。对于 A I 来说 ,矢量效果和像素图效果 (后文通称 「效果」 ),配合以前面曾经介绍过的多重描边
和多重填充 , 几乎可以说是杀手级的功能 ;是为什么 PS、Sket ch 这些软件均不能完全取代 A I 的
重要因素。A I 的效果或许刚上手时比较难以掌握 ,不过上手之后会感觉其实挺好用也挺强大的。在
前面的几篇文章里 ,曾经用到了效果 ,本次教程就梳理、总结一下效果的使用 , 以及相关联的外观
面板。
首先 ,还是先通过一个非常简单的案例 ,来介绍一下效果和外观面板。如果要是看了先前的一系列
教程 ,应该操作起来会非常顺利。即 —— 画一个圆角矩形。画圆角矩形应该是一个挺常见的需求。
虽然 A I 自带有圆角矩形工具 ,不过一般来说 ,不建议直接用圆角矩形工具画 ,更推荐先画一个普通
的矩形 ,然后添加一个圆角效果 ;同时 ,为了说明效果的作用 ,演示效果 命令和外观面板的使用 ,
在这里 ,我们用这种方法做。
第一步依然是新建一个新文件 ,大小随意。然后 ,在画板上画一个矩形 ,需要带填充颜色和描边
颜色。颜色、大小、位置、描边粗细同样随意 ,只要能与背景区分开 ,并且填充与描边区分开就好
,类似这样的 :
选中这个矩形 ,查看 「外观」面板 ,可以看到 ,现在这个矩形有一个描边和一个填色层 :
然后 ,给这个矩形加上一个 「圆角」效果。添加这个效果有两种办法 :第一种办法是使用顶部应用
程序菜单添加 ,第二种办法是点击 「外观」面板的 “f x” 按钮添加 ,两种办法是等效的。添加效果时
圆角半径可随意设定。总之 ,添加以后 ,图形应该类似这样 :
此时的外观面板应该类似这样 :
可以看到 ,相对于先前的 「外观」面板 ,应用了 「圆角」效果后 , 「圆角」效果出现在了外观面
板里 ,后面以 “f x” 提示这是一个效果。
图形画好了 ,该说说一些关于效果和外观面板的理论知识了。
A I 里的效果是什么 ?
如果您用过一些 3D 软件 ,使用过里面的 「修改器」功能的话 ,可能会比较容易理解。A I 里的效果
大体上就是能够无损改变矢量对象形状、色彩、风格等的东西。
再详细说明一下 「无损」的概念。上面的案例里 ,加上了 「圆角」效果后 ,图形是 「加了圆角效果
的矩形」 ,即它实际上还是原来的那个矩形 ,只是加了 「圆 角」效果 ,而不是圆角矩形。如果在 「
外观」面板里点击已经添加的 「圆角」效果 ,会发现现在 「圆角」的半径仍然是可以修改的 ;相对
来说 ,如果上来就用圆角矩 形画 ,那么后期如果需要修改圆角大小的话 ,就很麻烦了。
如果不想要这个圆角 ,可以点击 「圆角」效果 ,将圆角半径大小设为 0 ;或者点击圆角外观前面的
眼睛图标 ,令圆角效果不可见 ;还可以干脆将圆角外观拖至面板上的垃圾桶图标来删除掉。删除圆
角效果 ,或关闭圆角效果的可见性 后 ,会看到图形又恢复到了未加圆角效果的状态 ,即最初的矩形
。
这些就是 「无损编辑」特性。有了 「效果」 ,会给 A I 文稿后期的修改、微调带来了很大的便利。
这样 ,设计师在创作初期 ,不必过于担心出错 ,使后期修改特别麻烦了。觉得修改自己一年前用 A I
做的烂设计 ,要比重构自己一年前的烂代码要有趣的多。
对于 「外观」面板 ,需要知道什么 ?
矢量对象的描边、填充和可见性、可见度 ( 「不透明度」这个翻译太拗口了 ,下面均以 「可见度」
代替这个翻译 ),以及矢量对象添加的效果 ,均会出现在外 观面板上。如果希望修改上述这些图形
要素 ,在 「外观」面板上点击相应的要素即可。就像上面修改圆角大小的办法一样。如果希望修改
矢量对象的描边 ,也类似 , 点击 「描边」就可以了 :
一个矢量对象可以不止有一个描边和一个填充。同样 ,也可以有不止一个效果。如上
您可能关注的文档
最近下载
- 2023年山东省青岛市市北区“未来之星”选拔活动试卷(四、五年级).pdf VIP
- 鲁科版高中化学目录.pdf VIP
- 金融英语翻译 Chapter 15 应收款项.pptx VIP
- 烟草法律知识考试真题题库(含答案).pdf VIP
- 三年级上册 劳动教案.pdf VIP
- DB12T 775-2018 防雷装置检测业务规范.docx VIP
- 专题2.6 一元二次方程应用-几何动态问题(专项训练).pdf VIP
- 觉醒年代人物小传800字.doc VIP
- [通力KONE电梯资料]CTP-07.30.S2A_安全钳.pdf VIP
- 【名校课堂】九年级数学下册 28.1 锐角三角函数 正弦(第1课时)练习 (新版)新人教版.doc VIP
文档评论(0)