平面设计：创建绿色能源包

建立新文件

正如我们对每个新项目所做的那样，首先要设置一个新文档（文件>新建或Ctrl + N），我们将使用以下设置进行调整：

画板数量： 1

宽度： 800像素

高度： 600像素

单位： 像素

在“高级”标签中：

色彩模式： RGB

栅格效果： 屏幕（72 ppi）

设置图层

对于每个新项目，将元素分成几个不同的层

打开“图层”面板，创建四个图层，将其命名如下：

第1层>参考网格

第2层>灯泡

第3层>植物

第4层>插头

创建参考网格

项目文件进行了分层后，开始创建参考网格，这将通过关注一致性和大小来帮助我们创建图标

第1步

抓住矩形工具（M），创建一个128×128像素的正方形，使用＃F15A24对其进行着色，然后使用“对齐”面板的“水平和垂直对齐中心”选项将其放置在画板的中心

第2步

创建另一个较小的120×120像素正方形，用作活动绘图区域，从而为我们提供了4 px的圆形填充。使用白色（#FFFFFF）为形状上色，将正方形分组（Ctrl + G），然后再创建两个副本，一个在左边，另一个在右边，使它们与原始像素相距40 px

制作灯泡

向上移动到第二层，通过创建第一个图标开始项目，放大到其参考网格

第1步

使用88×88 px的圆圈创建图标的背景，使用＃d9f4e5对其进行着色，然后将其居中对齐到基础活动绘图区域

第2步

通过创建68×68 px的圆圈开始在实际的灯泡上，使用白色（#FFFFFF）对其进行着色，然后将其与绘图区域的顶部边缘居中对齐（相距4 px）

第3步

使用矩形工具（M）创建一个28×8像素的形状，使用白色（#FFFFFF）对其进行着色，然后将其居中对齐到刚创建的圆，将其放置在2像素的距离下方

第4步

调整圆，方法是使用直接选择工具（A）选择圆弧的底部锚点，然后按Delete删除圆弧的下半部分

第5步

打开矩形的路径，使用“添加锚点工具

”（+）左键单击以在其顶部边缘的中心添加新的锚点，然后使用“直接选择工具”（A）将其选中，然后将其删除（Delete键）

第6步

通过选择两个形状，然后按两次Ctrl + J，将刚刚打开的两个路径合并为一个较大的封闭路径

第7步

通过首先打开“像素预览”模式（Alt + Ctrl + Y），分别选择并将选定的锚点转换为平滑来调整结果形状，然后分别选择中心锚点的手柄并重新定位其端点，如参考图像所示

第8步

使用Stroke方法，通过创建形状的副本（Ctrl + C> Ctrl + F），将其颜色更改为＃45c980并对其进行描边（Shift + X）翻转其Fill，来给生成的形状一个轮廓，请确保从“描边”面板中将其权重设置为8像素。完成后，选择填充形状（白色形状）及其轮廓，然后使用Ctrl + G键盘快捷键将它们分组在一起

第9步

通过使用36 px高8 px粗的描边线（＃45c980）创建叶柄，将其居中对齐到灯泡的底部

第10步

使用

16×16 px矩形（#FFFFFF）创建左叶子，将通过在“转换”面板的“矩形属性”中将其右上角和左下角的半径设置为8 px进行调整。给所得的形状一个8像素厚的轮廓（＃45c980），将“角”设置为“圆角连接”，使其感觉更加有机，然后将两个组合在一起（Ctrl + G），将其置于叶柄顶部

第11步

使用刚制作的副本（Ctrl + C> Ctrl + F）创建第二张叶子，将其放置在茎或叶柄的右侧，并确保此后垂直反射（右键单击>变换>反射>垂直）

完成后，使用Control-G键盘快捷键选择叶子和叶柄并将它们分组在一起

第12步

通过使用36×20 px矩形创建灯泡的上部，开始在灯泡的基座上工作，使用白色（#FFFFFF）进行着色，然后将其居中对齐到灯泡的底部

第13步

使用Stroke方法，给出我们刚刚创建的8 px粗轮廓线（＃45c980）的形状，然后加上36 px宽8 px粗线（＃45c980）的水平细节线，将其与基础的中心对齐形状（白色）

第14步

再添加一个垂直高度为20像素，高度为4像素（＃45c980）的垂直像素，将其放置在笔帽的右侧，与较粗的轮廓相距4像素

完成后，使用Ctrl + G键盘快捷键选择和组合该部分的所有组成形状

第15步

使用20×14 px矩形创建盖帽的底部，将使用白色（#FFFFFF）中心对其进行着色，将其与先前创建的区段对齐

第16步

通过提供刚刚创建的8 px粗轮廓（＃45c980）的形状和使用20×8 px矩形（＃45c980）的阴影来结束图标，将其居中对齐到白色的顶部边缘形状

完成操作后，请不要忘记使用Ctrl + G键盘快捷键将所有当前部分的形状选择和分组在一起，然后对整个图标进行相同的操作

创建植物

对上一层进行锁定后继续前进到下一层（即第三层）并放大第二个参考网格，以便我们可以开始处理第二个图标

第1步

首先使用88×88 px的圆圈创建圆形背景，使用＃d9f4e5对其进行着色，然后将其居中对齐到基础活动绘图区域

第2步

使用28×28 px的圆圈创建植物的“头部”，将使用白色（#FFFFFF）对其进行着色，然后将其与下层活动图形区域居中对齐，并与其顶部边缘相距4 px

第3步

在处理所有形状时，使用Stroke方法为刚创建的轮廓创建一个8 px的轮廓线（＃45c980）

第4步

通过创建5×10 px

矩形（＃45c980）（1），开始对小小的电气符号进行操作，使用直接选择工具（A）选择左上角的锚点，然后通过以下方法将其删除来进行调整按Delete键，使用Ctrl + J键盘快捷键（2）关闭路径

创建结果形状的副本（Ctrl + C> Ctrl + F），然后水平和垂直反射它（右键单击>变换>反射>水平然后垂直），将其放置在原始形状的右下角，这样他们的交集会创建一个2像素宽4像素高的矩形（3）

完成后，只需将两个形状组合在一起（Ctrl + G），然后将它们与白色圆圈（4）居中对齐，对其所有形状执行相同的操作

第5步

使用高88像素，高8像素的垂直描边线（＃45c980）创建植物的茎，将其居中对齐到刚刚分组的形状

第6步

通过创建一个34×34像素的正方形（#FFFFFF）开始在左叶子上工作，将通过在“变形”面板的“矩形属性”中将其右上角和左下角的半径设置为16 px进行调整

完成后，将生成的形状放置在茎的宽度的左半部分，距顶圆8像素

第7步

使用Stroke方法将叶子的轮廓画成8像素厚（＃45c980），然后从茎的中心开始画一个8像素厚的对角细节线（＃45c980），并用圆帽盖住，并从中心开始一点的叶子

完成后，选择所有三个形状并使用Ctrl + G键盘快捷键将它们分组在一起

第8步

通过使用刚刚完成的工作的副本（Ctrl + C> Ctrl + F）创建第二个叶子，将图标结束，将其放置在茎的右半边一定距离处距顶部圆圈24像素，请确保将其垂直反射（右键单击>变换>反射>垂直）

完成后，可以使用Ctrl + G键盘快捷键来选择图标的所有组成部分并将其组合在一起

创建插头

进入第三个图标和最后一个图标，因此，锁定上一层并向上移动到最后一层后，放大参考网格并进行总结

第1步

首先使用88×88 px的圆圈创建圆形背景，使用＃d9f4e5对其进行着色，然后将其居中对齐到基础活动绘图区域

第2步

通过创建一个10×26 px的矩形开始在左图钉上工作，使用白色（#FFFFFF）进行着色，然后将其与活动图形区域的顶部边缘相距4 px，与左侧图形相距44 px

第3步

给出我们刚刚创建的8像素粗轮廓（＃45c980）的形状，然后使用钢笔工具（P）将其以4的距离定位，绘制10像素宽4像素粗的水平细节线（＃45c980）较大轮廓的顶部边缘的px

与往常一样，完成操作后，请使用Ctrl + G键盘快捷键将所有三个形状组合在一起

第4步

使用刚刚完成的副本的副本（Ctrl + C> Ctrl + F）创建插头的第二个引脚，将其放置在活动绘图区域的右侧，相距12像素然后从原件中选择并分组（Ctrl + G）两个销钉

第5步

通过创建一个带有8 px粗轮廓（＃45c980）和56×12 px矩形（#FFFFFF）开始对插头的上部进行操作，对其进行分组（Ctrl + G），然后将其放置在我们刚刚使用的两个引脚的下面完成工作

第6步

使用40×32 px矩形创建插头的中心部分，使用白色（#FFFFFF）进行着色，然后将其中心对齐到先前创建的形状的底部边缘

第7步

我们刚刚使用Stroke方法创建了8像素粗的轮廓（＃45c980）的形状，然后加上40像素宽4像素粗的水平细节线（＃45c980），将其中心对齐到基础白色形状，将其放置在距其底边缘4像素的距离处

第8步

通过创建40×8 px矩形来添加微妙的阴影，使用＃45c980对其进行着色，将其居中对齐至基础白色矩形的顶部边缘

第9步

通过从第二图标抓住电动符号的副本（

CTRL + C），并将其粘贴返回到当前的图层（Ctrl + F）玩完此部分

获得副本后，首先将其旋转90°角（右键单击>“变换”>“旋转”>“ 90”），然后垂直翻转（右键单击>“变换”>“反射”>“垂直”）将其调整到中心，以对其进行调整当前部分的空白区域

然后，简单地选择所有的构成的形状和它们组合在一起使用Ctrl + G键盘快捷键

第10步

创建使用20×14像素的矩形，颜色使用白色（#FFFFFF），然后位置之前的形状下方插头的底部部分

第11步

给出我们刚刚创建的8像素粗轮廓（＃45c980）的形状，然后创建20×8像素阴影（＃45c980）的形状，然后使用Ctrl + G键盘快捷键将所有三个形状选择并分组在一起

第12步

完成图标后，添加一条小绳子，该绳子将使用32像素高，8像素粗的描边线（＃45c980）创建，并将其居中对齐到先前创建的轮廓的底部边缘

一旦完成，别忘了选择图标的所有组成部分并将它们分组（Ctrl + G），这样，如果移动它，最终就不会留下形状

大功告成啦！