简单几步让你学会如何设计高大上的图标，不信你进来瞅瞅。
在今天的教程中我们将进行一些更改我们的常规项目,和解决一个主题,我想做很久了。我们要创建五个简单的图标。
在这个过程中,我们将使用你的基本几何形状的选择加上对齐面板和一些其他工具,让我们开始吧！
效果图
步骤1
首先锁定参考网格层,然后使用矩形工具(M)和创建一个96 x 96 px橙(#F15A24）广场,这将有助于定义图标的总体规模。
步骤2
添加另一个规模较小的88 x 88像素(#FFFFFF),将作为我们活跃的绘图区域,从而使我们全面4 px填充。
步骤3
组两个正方形组成参考网格使用Control-G键盘快捷键,然后创建三份24像素的距离,确保使画板的中心。
一旦你完成了,锁当前层和移动到下一个,我们将开始我们的第一个图标。
1、如何创建电池图标
我们将开始这个项目通过创建电池图标,可用于一个节能应用,甚至一个状态指示器,因为它很简单。也就是说,确保你在正确的层(这将是第二个),然后放大第一参考网格,这样我们可以开始。
步骤1
首先创建图标的背景使用88 x 88 px圆,我们将使用颜色（#00C853）中心调整底层活跃区域。
步骤2
建立电池的使用24 x 40像素矩形主体,我们将使用白色(#FFFFFF大圆),然后设置为居中对齐,距离为20 px的底部边缘。
步骤3
我们刚刚创建的形状变成一个大纲,翻转它装满中风(移动x),然后设置其体重4 px和角落来加入,所有在中风面板。
步骤4
创建第一个状态指示器栏,使用一个12 x 4 px矩形(#FFFFFF)或12 px宽中风(#FFFFFF)与4 px重量,我们将中心对齐到电池的身体,留下4 px差距。
步骤5
添加两个指标的酒吧,我们将垂直堆栈的距离4 px,分组在一起(Control-G)之后。
步骤6
完成顶罩,通过添加的图标,我们将创建使用矩形小8 x 4 px(#FFFFFF),我们将中心对齐到电池的身体,在一个距离6 px(4 px的填充 2 px的上半部分中风)。
一旦你完成了,别忘了选择和组(Control-G)所有电池的组合形状,做同样的事情的所有图标的组成部分。
2、如何创建消息图标
步骤1
创建图标的背景使用一个88 x 88像素的圆,我们将使用颜色（#7C4DFF）然后绘制区域中心对齐到底层的活跃。
步骤2
创建消息框左边的主要形状使用32×24像素矩形,我们将使用白色(#FFFFFF),然后在距离20 px活性绘图区域的左边和上边。
步骤3
开始我们刚刚创建的形状进行调整,首先打开像素预览模式(Alt-Control-Y),然后添加一个新的锚点它的底部边缘,距离10 px从其左,左点击添加锚点工具的帮助下。
一旦你完成了,不要忘记退出像素预览模式使用Alt-Control-Y键盘快捷键。
步骤4
继续调整矩形选择其左下侧锚点与直接选择工具(一),然后把它的底部8 px的帮助下移动工具(右键>变换> >垂直移动> 8 px)。
步骤5
把产生的形状变成一个轮廓,翻转它装???中风(移动x),然后设置其体重4 px和角落来加入。
步骤6
添加小文本行通过创建一个10 x 4 px矩形,我们将使用白色(#FFFFFF),然后小消息框的位置内,使它向左上角,确保离开4 px差距。
步骤7
添加更广泛的文本行使用20 x 4 px矩形(#FFFFFF),我们将之前创建一个居左,从底部边缘的距离4 px。
一旦你完成了,别忘了选择和文本框的形状分组使用Control-G键盘快捷键。
步骤8
创建一个副本(control - c > Control-F)的小文本框的轮廓,然后反映(右键>变换>反映>垂直)和位置到右边的圆,在远处的18 px活性绘图区域的权利和底部边缘。
步骤9
完成的图标,通过删除文本框的重叠部分(用红色突出显示),这样你最终拥有一个4 px,左边的轮廓之间的差距。为此,只需添加一个新的锚点其顶部和左边缘,然后删除所有其他的。
一旦你完成了,选??所有图标的组成部分和组一起使用Control-G键盘快捷键。
3、如何创建闹钟图标
步骤1
创建一个88 x 88 px的圆圈,然后???们将使用颜色#FFC107中心调整底层活跃绘图区域。
步骤2
创建一个闹钟的主体使用40 x 40 px圆,我们将使用白色(#FFFFFF),然后设置为居中对齐到活动图区域,距离为20 px的底部边缘。
步骤3
我们刚刚创建的形状变成一个大纲,翻转它装满中风,然后设置其重量4 px在中风面板。
步骤4
选择钢笔工具(P)和画在时钟的指针使用4 px厚中风的颜色设置为白色(#FFFFFF)圆的加入和角落,确保离开4 px结局锚点之间的差距和大圆。
步骤5
朝前移动几个像素,创建一个8 x 6像素矩形(#FFFFFF),我们将设置为居中对齐的上层部分更大的圆,它最终定位重叠中风的上半部分。
步骤6
添加一个矩形(16 x 4 px（#FFFFFF)在一个我们刚刚创建,选择和分组(Control-G)在一起。
步骤7
完成图纸的图标的两个对角线段使用4 px中风的颜色设置为白色(#FFFFFF)。
一旦你完成选择和集团(Control-G)闹钟的所有组合形状在一起,做同样的为整个图标。
4、如何创建照片图标
步骤1
使用一个88 x 88像素的圆(#FF6F00）创建图标的背景,我们将中心对齐到底层活跃的绘图区域。
步骤2
创建一个照片的主体使用36 x 36 px矩形,我们将使用白色(#FFFFFF),然后设置为居中对齐到底层活跃绘图区域,距离为20 px的顶部边缘。
步骤3
我们刚刚创建的形状变成一个大纲,翻转它装满中风(移动x),然后设置其重量4 px和它的角落在中风中加入小组。
步骤4
使用钢笔工具(P)画在水平分隔线使用4 px厚中风(#FFFFFF),我们将之前创建的形状,位置的距离4 px的底部边缘。
步骤5
使用相同的4 px厚中风(#FFFFFF)和一个圆形的加入,开始画第一个山定位第一个锚点到左边缘的照片,在远处的10 px水平分隔线,我们刚刚创建的。
添加第二个锚距离10 px水平和垂直的第一个。完成山上通过添加第三个和最后一个锚在水平分隔线,按住Shift键画一个完美的对角线。
步骤6
画在第二个小的山,使用相同的4 px厚中风(#FFFFFF),然后一旦你完成,选择和群体一起照片组成的形状使用Control-G键盘快捷键。
步骤7
创建图标的使用28 x 6像素矩形底部分,我们将使用白色(#FFFFFF),然后设置为居中对齐到较低的部分照片的轮廓,在远处4 px。
步骤8
完成的图标,把我们刚刚创建的形状变成4 px厚大纲(#FFFFFF)和一个圆形的加入,然后调整通过添加一个新的锚点上边缘的中心,我们将删除为了打开路径(以红色突出显示)。
选择最终的形状和其余的照片的组成元素和它们分组(Control-G)做同样的图标的组成部分。
最后我希望大家设法跟上每一步骤中,最重要的是和有用的在这个过程中学到新的东西。也就是说,再见下一个!
联系客服
