用AI创建出一套苹果产品UI图标教程(1)

来源:网络   作者:热心网友   发布时间:2016-09-21    浏览次数:417

小编:Hello大家好!还有一周就要开学了呢~ 嘉儿自己也是刚刚升大四,马上就要去学校了呢,但暑期的时间也有坚持用来学习,所以此刻屏幕前的你也一定不能偷懒哦!今天嘉儿为大家分享的是一个用AI创作一套APPLE产品图标的教程,我将告诉大家使用Adobe Illustrator制作图标是多么容易的一件事~^^这次的图标配色也是高端大气上档次的金色,是不是看起来手痒痒呢?参照我们的教程,马上你也可以拥有一套自己亲手制作的APPLE产品哦!在这篇教程中,我们将通过使用AI的基本形状工具,以及面板功能来描述这样一个制作过程。制作方法很简单,赶快学起来吧!

all-icons-finished我们将创建四个不同的产品:iPod、iMac,一个鼠标和一个数位板,这是APPLE公司的摄影创意系列的配件。

跟着我们的教程,手把手教你用Adobe illustrator制作出这四枚高端大气的图标~

那么,让我们开始吧!


第一步、调整AI软件的设置开始制作前,我们需要调整AI的一些设置,确保你的工作更加顺利~步骤1:打开你的AI,然后打开【编辑 > 首选项 > 参考线和网格】,设置网格线间隔为1px,次分割线为1,如下图。

adjusting-the-grid-settings步骤2:调整好网格之后,点击【单位】标签,设置常规为【像素】,描边为【像素】,文字为【点】,如下图。

adjusting-the-units-settings第二步、建立一个新的文件完成第一步之后,我们就可以开始创建我们的图标了,此时我们建立一个新的文件。点击【文件 > 新建(或CTRL+N)】,设置如下:画板数量:1宽度:800px身高:600px单位:像素颜色模式:RGB栅格效果:屏幕(72 ppi)

预览模式:默认值勾选:使新建对象与像素网格对齐

setting-up-a-new-document

第三步、新建图层打开图层面板(F7),并创建五个不同的图层,按如下命名:第一层:参考网格第二层:iPod第三层:iMac第四层:鼠标第五层:数位板

layering-the-document

第四步、创建参考网格选中【参考网格】图层,使用【矩形工具(M)】创建四个96×96像素的正方形作为参考,填充颜色E8E8E8,描边颜色F6F6F6,并设置描边像素为12px。并把它们放置在下图中相应的位置上。

creating-the-reference-grids第五步、创造iPod步骤1:确保你选中了ipod图层,然后放大,将视野中心放在第一个参考网格上。选择【圆角矩形工具】(右击矩形工具(M)切换),创建一个66×80像素、圆角半径6的圆角矩形,填充颜色eac363,然后将它对其参考网格的中心。

dG8BAAAAAAAAampboVwFYAQAAAAADBy0amprfviewer_

步骤2:每个图标都有一个轮廓,选中我们刚刚创建的形状,按CTRL+C然后CTRL+F复制出一个新的形状。设置描边颜色为303338,描边粗细为4像素。打开【描边】面板,确认【端点】、【边角】、【对其描边】均选择第一个,如下图。

adding-an-outline-to-the-ipod-icon

步骤3:使用圆角矩形工具,添加一个54 x 30像素、圆角矩形2像素的圆角矩形,颜色303338,放在图标上方,距离左边、顶部和右侧均为4像素。

adding-the-screen-to-the-ipod-icon


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4965.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通