• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > AI绘制一套完整的Apple Watch图标

AI绘制一套完整的Apple Watch图标

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了AI绘制一套完整的Apple Watch图标,其中包含ai watch,apple watch图标,ai画ui图标,ps ai图标,ai绘制ui图标等知识点,遇到此问题的同学们可以参考下

今天的AI教程比较考验大家的耐心,但是绘制一套完整的图标和一个图标的收获绝对大不一样,这篇教程提到很多AI的实用技巧,设置图标的齿轮怎么画才方便?活动图标的渐变如何变得有质感?练个手你就知道了!好了,下面我们一起来看看AI绘制一套完整的Apple Watch图标过程吧,希望能给大家带来帮助!

图标展示:

具体的绘制过程如下:

1. Apple Watch 图标准则

Apple Watch 的图标被设计成与其他iOS图标非常相似的新潮的扁平化风格,一个引人注目的特定特征:图标是圆形的。 你可以下载一个非常漂亮的矢量图标模版,让你工作变得更容易。

如果你对制作Apple Watch图标的更深入的理论有兴趣,我强烈推荐你去看官方的Apple Watch界面准则和规范。

2. 创建时间,邮件,和音乐App图标

第1步

首先打开其中一个图标模版(单击上面的链接即可下载。这个教程中,我们将使用80x80px的图标模版,适用于38mm 手表)。 转到视图>隐藏网格,使网格不可见,但是要确保智能参考线和对齐功能可见。

第2步

让我们创建我们第一个图标,创建一个4×4 px的圆。 双击椭圆工具(L)调用弹出的选项窗口,然后前往对齐面板,使圆在画板的水平和垂直放向上对齐。 用橙色(#FF9506)填充这个圆。

第 3 步

用矩形工具(M)创造一个2 x 40 px的矩形用作秒针。用相同的橙色填充,然后把它放中心参考线上,如截图显示的一样。

你可以通过按住 Alt 键的同时单击圆对齐关键对象和秒针。

第4步

让我们复制秒针,使它变得更短一点然后选择-60度,如下面显示那样放在参考线上。

现在我们将绘制分针的身体。 制作一个黑色4 x 30 px的矩形,然后通过拉动小圆圈标记使尾端变圆,利用直接选择工具使他们最大化。(在我们这个例子中是2 px的圆角半径)。

第5步

放这个指针在参考线旁边的位置(你可以使它小一点,这样它适合图标底子内部的圆形)

第6步

创建另一个4 x 20 px尺寸的矩形作为我们的时针。 使其变圆,旋转60度然后放在与分针相反的一变。

第7步

最后,用椭圆工具(L)创建一个 80 x 80 px 白色的椭圆作为图标的底子,然后放在其他所有图标的下面。 太好了! 我们的第一个图标就绪。让我们转到下一个吧。

第8步

现在我们将创建邮件图标。 首先用一个任意颜色,50 x 33 px的矩形制作一个信封。

用多边形工具或钢笔工具创建一个有3边的三角形,并且添加2 pt的描边。 对象>扩展使这个三角形变得弯曲。

第9步

在信封底子的上面添加另一个三角形,用扩展形状使其最下面的角变圆润。 你可以用橡皮擦工具(Shift-E)擦去顶部和底部的矩形,因为我们不需要它们。

用橡皮擦工具(Shift-E)删除顶部较低的三角形,然后在路径查找器中合并这部分三角形。 最后,拷贝底子信封形状(Control-C > Control-F),选择矩形和顶部的形状,然后用路径查找器的交集功能切掉信封外面的部分。

第10步

再次选择矩形和条纹,然后应用路径查找器的减去顶层功能切除这些线。

将信封的颜色转为白色,然后为我们的图标添加一个圆形的底子,用线性渐变从顶部的深蓝色(#2066F0) 到底部的亮蓝色(#1DD4FD) 填充。

第11步

我们接下来的图标是音乐App,仅包含一个元素:一个音符标志。 首先创建一个27 x 11 px的矩形,用直接选择工具选中形状左边的锚点,然后向下拉使形状发生偏斜。

第12步

用矩形工具 (M)创建2个形状,形成符号的"腿"。

第13步

用直接选择工具选中下面方块的3个锚点然后使其角圆化。 然后在路径查找器中合并这些形状,并且利用活动角的特点使其变得圆润。

第14步

添加这个符号的第二部分,使总体形状更加光滑圆润。

制作底子,填充从橙色(#FA5D3B)到粉色(#FF2968)线性渐变。

 3. 世界时钟,秒表,定时器和闹钟图标

第1步

现在我们将转到一套与时间有关的图标。 首先创建一个48 x 48 px的圆,在里面创建一个小圆。 使用路径查找器中的减去顶层功能,创建一个圆环。

第2步

在第一个形状中创建一个更小的椭圆环并且添加2个交叉线,居中对齐。

在这个形状的上面部分添加一个水平线,在效果>变形>弧的帮助下与其混合。 设置水平弯曲值为-35%。

第3步

在我们球的底部添加另一个弯曲线。

用深橘色(#ff7632)和顶部亮橘色(#ff9408)的线性渐变绘制底子。

添加一个更小的深橘色 (#e45221)圆并且藏在球形形状的后面,给予更多的对比。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • AI绘制一套完整的Apple Watch图标

相关文章

  • 2017-05-23Ai怎么绘制叠加圆环中的星星?
  • 2017-05-23AI精确设置参考线之创建技巧
  • 2017-05-23Ai绘制一个方形的录音机图标
  • 2017-05-23AI制作漂亮的图案拼贴
  • 2017-05-23AI绘制复杂红色五角星构成图案
  • 2017-05-23Illustrator(AI)模仿制作整齐逼真的瓷砖拼贴效果图案实例教程
  • 2017-05-23AI制作漂亮的五彩缤纷文字效果
  • 2017-05-23Illustrator(AI)设计制作精细的具有三维效果的青花瓷盘实例教程
  • 2017-05-23Ai怎么画有质感的圆形图标?
  • 2017-05-23AI绘制一个清新超强质感进度条

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • AI绘制漂亮质感的扁平化宝石图标
    • AI制作创意可爱的烤肠文字效果
    • AI制作聚划算火拼周活动横幅字体设计思路流程分享
    • AI如何更换界面颜色?
    • AI绘制有趣可爱的卡通摩托车图标
    • AI绘制简单日月星辰的沙漠夜景插画
    • ai怎么制作折叠贴纸? ai制作折角效果的教程
    • Photoshop和Illustrator设计打造出碎花风格立体字
    • 小技巧:用AI控制路径剪切后的间距
    • ai怎么制作logo?ai绘制正多角形相交叉的logo的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有