平面设计AI软件教程若何设计精灵主题图标设计

1.新建文档利用Ctrl-N 键盘快捷键，然后按如下办法调度它：

并从“ 高等”选项卡：

2.设置一些图层一旦我们得到了项目文件，最好将其分层，以便我们可以建立并掩护稳定的事情流程，这将有助于我们一次关注一个图标。
要实行此操作，请打开“ 图层”面板，然后创建五个图层，我们将利用简短描述重命名这些图层，以便于识别：

3.创建参考网格该参考网格（或基地电网）是一组精确的界定参考面，这让我们专注于规模性和同等性，以建立我们的图标。
常日，网格的大小决定了实际图标的大小，并且它们该当始终是您在开始新项目时做出的第一个决定，由于您总是希望从尽可能小的尺寸开始并在此根本上构建。
现在，在我们的例子中，我们将利用一个尺寸创建图标包，更准确地说是128 x 128像素。
步骤1锁定除参考网格之外的所有图层，并利用矩形工具（M）创建一个128 x 128像素的赤色（#ff6b57）方块，这将定义图标的整体大小。

第2步添加另一个较小的116 x 116 px square（#FFFFFF）作为我们的活动绘图区域，从而为我们供应全面的6 px添补。

第3步利用Ctrl-G键盘快捷键将两个正方形组合在一起，然后创建三个彼此间隔40 px的副本 ，确保将它们对齐到画板的中央。

4.精灵球步骤1首先在椭圆工具（L）的帮助下绘制一个108 x 108 px圆（），然后我们将位于活动绘图区域的中央，从而对球的上半部分进行处理。
#ff6b57

第2步创建一个116 x 52像素的矩形，我们将对齐到活动绘图区域的顶部，然后通过选择两个形状然后右键单击>制作剪贴蒙版来屏蔽我们刚创建的圆 。

第3步通过创建另一个略大的116 x 116 px圆圈（#423b3b），将轮廓添加到球的上部，我们将利用116 x 56 px矩形进行遮罩，确保之后将其发送到背面（右键单击>排列>发送回来）。
此外，此时我们还可以对两个形状（Ctrl-G）进行分组，由于我们将利用它们的副本创建下部分。

第4步创建球的下半部分，捉住上半部分的副本（Ctrl-C> Ctrl-F），我们将通过水平翻转它来调度它（右击>变换>反射>水平），然后改变颜色从赤色到浅灰色（#ede2e2）。

第5步通过在个中心添加一个108 x 4 px矩形（#423b3b）添补球的两个部分之间创建的空缺空隙。

第6步开始处理按钮周围的插入，绘制一个44 x 44像素的圆圈，我们将利用它们进行着色#423b3b，然后朝向参考网格的中央。

第7步通过绘制我们将利用的28 x 28 px圆圈添加按钮底部的紧张形状#ede2e2。

第8步通过绘制一个20 x 20 px圆（#423b3b）来创建按钮的轮廓，我们将对齐到先前创建的形状的中央。

第9步通过创建一个12 x 12 px圆圈（#ede2e2）来添加按钮本身，该圆圈将在此部分的所有其他组成形状之上，然后选择并分组它们（Ctrl-G），以便它们不会与一个分开另一个意外。

第10步由于此时我们已经完成了图标的组合形状，我们现在可以连续添加精加工细节，例如高光和阴影。
首先，双击分组按钮进入隔离模式，然后创建较大灰色圆圈的两个副本（Ctrl-C> Ctrl-F）。
复制到位后，将顶部的一个向下移动约2像素，然后利用“ 探路者 ”的“ 减 形状模式”创建剪切。

第11步通过将其颜色设置为白色（#FFFFFF）然后将其不透明度降落到 80％，将天生的形状转换为高光。

第12步利用相同的过程，为充当物理按钮的较小灰色圆圈添加奇妙的高光。

第13步在捅球的上半部分添加一个类似的高光，只有这一次将第二个副本向下移动4 px并利用 柔光进入稠浊模式，使不透明度达到80％。
哦，不要忘了，由于赤色圆圈被遮盖了，你必须双击它才能进入隔离模式并将你的高光放在那里，否则终极会重叠轮廓。

第14步将末了一组高光添加到球的下半部分，利用白色（#FFFFFF）作为添补颜色，利用80％ 作为不透明度。

第15步完成高光后，在按钮的下半部分添加阴影，方法是创建较小轮廓的副本（Control-C> Control-B），我们将通过将其颜色设置为玄色（#000000）来调度。
将其不透明度降落至28％。

第16步通过在灰色半部的底部添加终极阴影，利用与上一步中相同的颜色和不透明度值完成图标。
完成后，不要忘却利用Control-G键盘快捷键选择所有图标元素并将其组合在一起。

5.探测器图标步骤1捉住圆角矩形工具并创建一个72 x 108像素的形状，个中我们将利用4 px角半径进行着色#ff6b57，然后将其定位到活动绘图区域的中央。

第2步通过选择形状为轮廓授予轮廓，然后转到工具>路径>偏移路径并在偏移值字段中输入4 px。

第3步通过变动颜色来调度天生的形状，#423b3b以使其突出。

第4步在我们开始添加任何图标的组成元素之前，我们须要在其上部添加一个奇妙的高光，利用white（#FFFFFF）作为添补颜色，Soft Light作为我们的稠浊模式，80％作为我们的不透明度。

第5步一旦我们添加了高光，我们可以通过绘制一个8 x 8 px圆（#34d5ea）并利用偏移路径方法给它一个4 px轮廓（#423b3b）创建主镜头，确保利用Ctrl-G对两者进行分组键盘快捷键并将它们定位在左上角。

第6步接下来，通过绘制三个2 x 2 px圆圈（赤色：#d96151，黄色：#ffb85a，绿色:)#92db63并给它们轻微更薄的2 px轮廓（#423b3b）来添加小光指示器。
将每个圆圈的轮廓（Control-G）分组，然后将它们 彼此相距2 px，将它们放在镜头的右上方。

第7步在指示灯指示灯的情形下，捉住钢笔工具（P）并利用#423b3b添补颜色绘制从翻盖部分划分图标主体的剖面线。

第8步通过在设备紧张轮廓的右下部分添加一个4 x 88 px矩形（#ff6b57）和4 px轮廓（#423b3b），为翻盖的铰链创建紧张形状。

第9步通过绘制两个4 x 4 px矩形（#423b3b）并在赤色形状的每一侧定位一个来向铰链添加一些细节。
添加完毕后，选择所有的合成元素，然后利用Control-G键盘快捷键对它们进行分组。

第10步利用钢笔工具（P），绘制小的右向箭头（#423b3b）并将其朝向设备翻盖的中央。

第11步选择圆角矩形工具 并创建一个28 x 2 px形状（#d96151），个中1 px角半径，然后给它一个2 px轮廓（#423b3b），组（Ctrl-G）并将两个形状定位到下半部分翻盖。

第12步由于在这一点上我们已经完成了图标组成部分的事情，我们可以开始添加别的的高光和阴影。
话虽如此，花点韶光在您认为须要的地方添加细节，完成后，利用Ctrl-G键盘快捷键选择并将所有图标的元素组合在一起。

6.孵化器图标步骤1利用圆角矩形工具，创建一个68 x 32 px形状（#ede2e2），个中14 px Corner Radius，我们将利用直接选择工具（A）选择其底部锚点并利用Delete 键删除它们进行调度。
移除锚点后，按Control-J关闭天生的形状的路径，然后给它一个4像素的轮廓（#423b3b），将其与活动绘图区域的上半部分对齐。

第2步利用Minus Front方法，在孵化器的上半部分添加一个奇妙的高光，利用白色作为添补颜色（#FFFFFF）并将不透明度 降落到80％。

第3步在突出显示的情形下，通过绘制一个带有4 px Corner Radius的28 x 10 px圆角矩形开始处理内部面板，我们将利用黄色（）进行着色，然后给出2 px轮廓（），定位两个形状在底层部分的中央。
#ffb85a#423b3b

第4步利用带有2 px Corner Radius的24 x 6 px圆角矩形（#423b3b）添加面板的内部部分，然后选择其所有三个形状并将它们分组（Ctrl-G）。

第5步捉住矩形工具（M）并创建一个68 x 4像素的形状（#ffb85a）。
给它一个4像素的轮廓（#423b3b）并将两个放置在孵化器的较大部分下面。

第6步在仍旧选中矩形工具（M）的情形下，创建两个80 x 4 px矩形（#423b3b），并将一个位于黄色部分轮廓的顶部，另一个朝向底部。

第7步在我们对黄色部分的合成元素进行分组之前，在个中心添加另一个26 x 2 px矩形（#423b3b），将其对齐到底部。

第8步通过绘制一个60 x 48 px矩形（#000000）来创建玻璃面板，我们将通过将其不透明度降落到14％来调度，然后定位在我们刚创建的黄色部分下方。

第9步在玻璃面板的左侧和右侧 添加一个4 x 48像素的矩形（#423b3b），作为轮廓。

第10步利用钢笔工具（P），为玻璃面板创建对角线反射，确保在它们与下面的形状之间留出一个全方位的4 px空缺空间。
利用白色（#FFFFFF）作为添补颜色，将不透明度降落 到60％。
完成后，选择所有玻璃面板的组成元素，并利用Ctrl-G键盘快捷键对它们进行分组。

第11步通过抓取我们已有的副本（Ctrl-C> Ctrl-F）并水平翻转（右击>变换>反射>水平）来创建孵化器的下半部分。

第12步通过移除面板和向下突出显示调度下部，以便我们可以添加卵孵化进度指示器。

第13步利用圆角矩形工具，创建一个10 x 24像素的形状，个中我们将利用4 px Corner Radius进行着色#423b3b，然后将其定位到灰色形状的中央。

第14步添加三个4 x 2 px矩形 ，彼此相距2 px，朝向我们刚刚创建的形状的中央，利用green（#92db63）着色前两个，利用red（#ff6b57）将末了一个着色。
哦，不要忘却选择它们和底层的形状，并利用 Control-G键盘快捷键将它们粘在一起。

第15步通过添加一些您认为须要的高光和阴影来完成图标，然后将所有组成元素组合在一起（Ctrl-G）。

7.蛋图标步骤1捉住椭圆工具（L）并创建一个84 x 84 px圆（#f2f0f0），我们将定位到参考网格的底部，为其轮廓留下4 px空隙。

第2步通过利用直接选择工具（A）选择其顶部锚点并利用键盘或移动工具（右击>变换>移动>垂直> -24像素）将其向顶部推顶24倍来调度形状。

第3步对主形状进行调度后，可以利用“ 偏移路径”方法选择它并为其授予4 px厚的轮廓（#423b3b）。

第4步在蛋的上半部分 添加一个奇妙的高光（颜色：白色; 不透明度： 40％），在底部添加一个阴影（颜色：玄色; 不透明度： 14％）。

第5步通过利用两个圆圈（#9fb77d）添加小色点来完成图标，您将通过向外部推动一些锚点来扭曲，然后给它们相同的4像素轮廓（#423b3b）我们已经用于大多数我们的形状。
创建斑点后，利用Ctrl-G键盘快捷键选择并将所有图标的元素组合在一起。

完成！