这一步后,按钮就画好了,有高光,且模拟了下凹效果:
此时的外观面板应如图所示:
按钮画好了,接下来,说说这样做有什么好处。
首先,这个按钮本身只用了一个图层,并且只是一个矢量对象,保持了文件的整洁。不信,可以看看「图层」面板,只有按钮和背景两个图层。
到此为止,按钮的大小正好是预定的 72×32 像素大小,且是像素精确的:
然后,如果我不满意按钮的大小的话,我可以随意调整,而不用担心渐变和圆角大小什么的也跟着变动。如图,虽然按钮大小变大了,但边缘依旧是 1 像素粗细,且圆角依然是 5 像素大小,渐变也没变:
要是不满意圆角的大小的话,也可以随意调整,不必担心其他的也跟着变:
把按钮换个颜色?简单,把最下面的填色层换一个颜色就可以了,其他的都不用改,渐变什么的依然在:
导出时,可以很方便地,严格按照按钮大小来建立切片,切出来的大小不多不少正好是 72×32 像素大小。
为 iPhone 4 这样的 Retina 屏做设计?好说,导出时设置按 200% 比例导出就可以了。
有好几个按钮?也好说,可以用一种方法,让所有的按钮都做成这样。更棒的是,修改一个按钮的样式后,可以让其他按钮的样式也跟着变。这个方法留作课后探究题来研究吧。 XD
课后作业:
1. 根据本课所学到的知识,做出如图所示的文字效果:
2. 说说用这种方法做文字效果有什么好处。
下课了,希望大家学习愉快。
FEVTE编注:更多AI教程讨论及AI作品提交请到飞特论坛AI交流区:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=132
飞特游客
快点赞~!!!~
教程很好~ 点赞赞赞~~~
感谢楼主的详细教程,我帮楼主回答下吧。[使描边内侧对齐]在描边下的选项中,见图。第二个问题,说的不详细。
查看全部评论(12)
委托设计