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

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

步骤4:选择【椭圆工具(L)】,创建一个28×28像素的圆,颜色c69d4b,然后设置描边4像素,描边颜色303338,如下图。

adding-the-scroll-dial-to-the-ipod-icon

步骤5:添加一个10 x 10像素的圆,填充颜色303338,放置在中心。

ipod-icon-finished

第六步、创造iMac图标现在我们可以锁定ipod图层,并移动到iMac图层,将视野中心放在第二个参考网格上。步骤1:使用【圆角矩形】工具,创建一个80×60像素、圆角半径6像素的圆角矩形,颜色eac363,距离左、上、右均为2像素。

adding-the-base-shape-for-the-top-section-of-the-imac-icon

步骤2:选中我们刚刚创建的形状,按CTRL+C然后CTRL+F复制出一个新的形状,颜色设置为303338,然后打开【变换】面板,将其高度设置为46,取消选中【链接圆角半径值】,上两个圆角设置为6px,下两个圆角设置为0px,勾选【对齐像素网格】,放置在下图中的位置。

adding-the-screen-section-to-the-imac-icon

步骤3:给iMac的屏幕(步骤1创建的形状)添加4像素的描边,颜色303338,然后用【椭圆工具(L)】添加一个5×5像素的圆,颜色303338,放置在下图中的位置。

adding-the-pretend-logo-to-the-imac-icon

步骤4:使用【矩形工具(M)】,绘制一个26×12像素的矩形作为iMac的底座支架,使用【直接选择工具(A)】分别选择上部的两个锚点,将其向内部缩进一点,设置颜色c69d4b,描边4px,描边颜色303338,变成下图中的样子。

adding-the-middle-stand-section-to-the-imac-icon

步骤5:用【圆角矩形】工具创建一个34×10、6圆角半径的圆角矩形,作为iMac的底座,打开【变换】面板,设置其上面两个圆角为6px,下面两个圆角为0px,填充颜色为eac363,描边4,描边颜色303338,放置在下图中的位置,与参考网格下部对齐。

imac-icon-finished

第七步、创建鼠标图标这是迄今为止你所能做的最简单的图标!因为它只需要你创建三个东西:一个填充形状和一个圆。步骤1:锁定iMac图层,并移动到鼠标图层,将视野中心放在第三个参考网格上。

使用【圆角矩形】创建一个50×80像素、25圆角半径的圆角矩形,填充颜色eac363,描边4,描边颜色303338,确保它放置在参考网格的中心。

creating-the-main-shapes-of-the-magic-mouse-icon

步骤2:使用【椭圆工具(L)】,创建一个8×8像素的圆,颜色303338,并将其放置在距离鼠标顶部10像素的位置。完成啦!

mighty-mouse-icon

第八步、创建数位板图标锁定鼠标图层,并移动到数位板图层,将视野中心放在第四个参考网格上。步骤1:首先,选择【圆角矩形】工具,创建一个80×66像素、4圆角半径的圆角矩形,设置颜色eac363,描边4,描边颜色303338,放置在参考网格的底部,如下图。

creating-the-main-shapes-for-the-tablet-icon


123共3页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通