相关分类
AI实例教程
AI技巧
AI脚本运用
illustrator视频教程
飞特网 顶部通栏广告

AI在UI设计中的注意事项

留苏发布于:2014-2-12 15:14
留苏
河北省 石家庄市 平面设计师
发私信 + 关注
简介: 对于做设计而言,工具只是完成作品的手段。因此,其实对于做 UI 设计来说,到底是选择 PS 还是 AI 还是别的这样的问题并不重要的。只是对于我自己而言,做设计几乎全部是用 AI 来做的,所以这一系列教程大多数是关于 ...


 

这样,可以看到,通过一个底色填色层,和一个明暗渐变填色层,我们成功地做出了色彩明暗渐变效果。这,就是多重填充的应用之一。另外再解释一下,混合模式选择「明度」的意思是,取下层对象的色相和饱和度,取上层对象的明度(亮度)作为最终颜色输出。因此,这样可以做出一个颜色只在明度上的渐变,而不会影响色相和饱和度。

给矩形的描边设置为一个像素,颜色为 #7F7F7F 描边。这样,按钮的基本描边就做出来了。不过却有一个问题:打开像素预览,会发现描边是虚的:

出现这个情况的原因是描边没有对齐到像素网格,而是被夹在两条像素的正中。并且,这个图形加上描边后,大小超出了预定的 72×32 大小。解决这个问题的办法是,将描边对齐方式设置为「使描边内侧对齐」。设置好后,描边就清晰了。现在的图形和外观面板看上去应该是这样:

 

接下来,再新建一个描边,颜色设置为纯白,依然是内侧对齐,透明度为 50%。并在外观面板里,把这个描边置于灰色描边的下方,如图:

到这一步时,按钮看上去没有什么变化。不过接下来,就是见证奇迹的时刻了。给半透明白色描边加上一个「变换」效果,「移动」参数设置为 1 像素:


51

好评
13

差评

刚表态过的朋友 (64 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

留苏
河北省 石家庄市 平面设计师
+关注 发私信
发表评论

最新评论

引用
MOMOWEOLAI发布于:2015-12-2 15:40

啦啦啦啦!
引用
安然苦笑发布于:2015-8-25 14:55

引用
larva发布于:2014-9-7 12:41

快点赞~!!!~

引用
AlfredKo发布于:2014-8-4 11:11
做了一晚上,请教了大神才做出来了
虽然这帖子很久了,但我有必要回答一下各位的疑问
1. 描边的单独作变换。在外观中,选中那个半透明白色描边层,然后左下方那里有个fx,点选中,扭曲和变换=》变换,就好了
 
2. 我是做出来了个像位图般很多像素的样子,字体一点都不清楚,原来我是按了视图=》像素预览,这个功能是用来看杂点的,一般不需要摁,摁了的话,导出来的jpg也是很多像素渣这样子
引用
minxy919发布于:2014-5-22 11:36
我怎么描边那没有出现虚的状况呀  还有那个变换在哪呀 我选中整个矩形 然后点变换那 是整个矩形移动了 怎么单独选中那个白色描边变换
引用
fanfanhappy发布于:2014-3-14 12:01

教程很好~ 点赞赞赞~~~

引用
(∵)nnn发布于:2014-3-9 16:51
历经千辛万苦,我终于做出来了,哈哈哈哈哈哈哈,我AI人生的第一个按钮

引用
(∵)nnn发布于:2014-3-9 16:34
那个变换在哪里打开啊,找不到这个功能。。。
引用
杨洋发布于:2014-2-18 11:41

感谢楼主的详细教程,我帮楼主回答下吧。[使描边内侧对齐]在描边下的选项中,见图。第二个问题,说的不详细。

引用
九侯发布于:2014-2-17 15:11
文字描边没有【使描边内侧对齐】,这样【变换】之后用来做字体嵌入效果的描边会显的比较大,请教下楼主有什么好方法吗?谢谢

查看全部评论(12)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计