Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴
Vivian 2018-04-26 来源 : 阅读 2072 评论 0

摘要:在Illustrator教程中,既然要做出一个应用,就需要来绘制一下自己的图标。我们今天来学习如何用Adobe Illustrator绘制应用磁贴,,让我们从中学到Illustrator教程绘制应用磁贴的重点所在,让我们在今后学习和使用的时候能够更加熟练的运用它们。

Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

在Illustrator教程中,既然要做出一个应用,就需要来绘制一下自己的图标。我们今天来学习如何用Adobe Illustrator绘制应用磁贴,,让我们从中学到Illustrator教程绘制应用磁贴的重点所在,让我们在今后学习和使用的时候能够更加熟练的运用它们。

Windows Phone的应用图标是一个个的动态磁贴,与其他平台有着鲜明的区别。从下面一张图便可以看出来,磁贴的主体部分是一个个抽象的图形(忽略那个充满违和感的新浪大眼睛),而其它部分则会随着手机的主题颜色改变。其实,在磁贴图片中,颜色可改变的部分是透明的,而其他地方是填充了颜色的。

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

 

 

Windows Phone官方推荐使用Adobe Illustrator(简称AI)绘制图表,而AI是一款用来专门绘制矢量图形的软件。

 

上面图片的DriveMode磁贴便是最终绘制出来的磁贴。其实我并没有去自己绘制,而是在网上找到一张图片,用AI处理了一下。

 

原图片如下:

 

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

这是一个百度到的一张方向盘的图片,下面就用AI处理一下。

 

第一步:用AI打开图片,如下图所示。

 

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

 

第二步:点击变换,调整图片大小为360px,360px(px是像素,windows phone图标必须用这个单位,这个大小事中型磁贴)。

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

 

第三步:点击画板,把画板大小同样调整为360×360px。

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

第四步:选择 对象-图像描摹-建立并拓展,这时,AI便会把方向盘的轮廓抽成几个矢量图线。

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

第五步:下图分为几个区域,其中有的地方需要透明,有的地方需要填充成白色,需要透明的部分,选中区域,把不透明度改为0就可以了,填充成白色地方,把填充改为白色就完成了。

 

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

第六步:选择文字工具,键入应用名称,调成合适的字体和粗细,把字体颜色改为白色。

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

第七步:选择文件-导出,在对话框中选择png格式,勾选“使用画板”,便可以导出图片啦。

 

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

 

导出图片在桌面的效果。透明吧!

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

最后,把图片导入到Visual Studio里面,再次部署应用,把应用Pin到桌面是便可以看到毫无违和感的磁贴啦

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

 Illustrator教程:WIFI小车记录四:用Adobe Illustrator绘制应用磁贴

 

 

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注常用软件Illustrator频道!


本文由 @Vivian 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程