创建新文档
如我们创建所有新项目那样,首先创建一个新文档(文件>新建或控制+ N),并进行以下设置:
画板数量:
1
宽度:
800像素
高度:
600像素
单位:像素
“高级”选项卡:
色彩模式:
RGB
栅格效果:屏幕(72 ppi)
![](https://img.haomeiwen.com/i4080478/76ff685e62ea3ec1.png)
设置图层
创建新作品的时候要养成分层的习惯,方便我们进行后面的操作。所以首先我们要打开图层面板,创建四个图层,命名:
第1层>reference grids参考网格
第2层>present box礼品盒
第3层>snow globe雪花玻璃球
第4层>cookie treat曲奇饼干
![](https://img.haomeiwen.com/i4080478/91f551b4933e7484.png)
创建参考网格
创建好图层以后我们就可以创建我们需要的第一个参考网格图层了。
步骤1
使用矩形工具(M)创建一个128x128像素的正方形,使用#F15A24进行着色,然后使用“对齐”面板的“水平”和“垂直对齐中心”选项将其定位到画板的中心。
![](https://img.haomeiwen.com/i4080478/b369f492ee0dc684.png)
第2步
创建另一个较小的120x120像素正方形,将它作为有效的绘图区域,使用白色(#FFFFFF)对形状进行着色,然后将正方形(Control+ G)分组创建两个副本,一个在左侧,另一个在右侧,与最初创建的正方形距离40像素。
![](https://img.haomeiwen.com/i4080478/8ef196b4bcd045b9.png)
创建礼品盒
移动到第二层(即礼品盒),让我们放大视图开始创建第一个图标
步骤1
使用矩形工具(M)创建80x62像素形状创建盒子的主体,使用#D46244进行着色,然后将其中心对齐到底层,留出4像素的距离。
![](https://img.haomeiwen.com/i4080478/1bc9dfcdc566c9e6.png)
第2步
创建一个矩形副本(Control + C> Control + F)给刚刚创建的图形添加轮廓,将其颜色更改为#472C2C,然后填充(Shift + X)边缘,设置为8像素。
完成后,选择两个形状并使用Control + G键盘快捷键将它们组合在一起。
![](https://img.haomeiwen.com/i4080478/077d1309c9201448.png)
第3步
创建20x62 px矩形作为包装用的丝带,使用#2E8F4A进行着色,然后使用“对齐”面板中的“水平对齐中心”和“垂直对齐中心”选项将其对齐到底层。
![](https://img.haomeiwen.com/i4080478/780d74816b9f6a79.png)
第4步
使用描边工具,给我们刚刚创建了一个宽8 px的轮廓(#472C2C),之后将两者组合在一起。
![](https://img.haomeiwen.com/i4080478/067e503268fbbe07.png)
第5步
创建一个20x24像素的矩形开始创建金色礼品卡,使用#DBB963进行着色,然后定位到盒子正面的右侧,距离底部边缘6 px,距离顶部14 px。
![](https://img.haomeiwen.com/i4080478/272c7561445d3220.png)
第6步
给卡片创建一个8像素宽的轮廓(#472C2C),使其与绿色包装的边缘重叠,然后使用Control + G键盘快捷键将两者组合在一起。
![](https://img.haomeiwen.com/i4080478/4d962c82856e80f4.png)
第7步
使用钢笔工具(P)创建礼品卡的绳子调整为圆角并把宽度设置为8像素,颜色为#472C2C。
完成后,不要忘记选择礼品卡和绳子,使用Control + G键盘快捷键将它们组合在一起。
![](https://img.haomeiwen.com/i4080478/08c3224152a7e784.png)
第8步
接下来创建一个96x18像素的矩形作为盒盖,并使用#ED6F4C对其进行着色,然后将中心对齐到主体,将其定位在其轮廓边缘的上半部分。
![](https://img.haomeiwen.com/i4080478/3b72bcb1b9a37bec.png)
第9步
给盖子创建一个8像素的轮廓(#472C2C),然后选择并将两个形状组合在一起(Control-G)。
![](https://img.haomeiwen.com/i4080478/6acedc32c842eb1b.png)
第10步
使用28x18 px矩形创建包裹的主体,使用#329B50进行着色,然后将中心对齐到盖子。
![](https://img.haomeiwen.com/i4080478/5ae3232346f2c8b0.png)
第11步
使用描边为包裹建立一个8 px的轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将两者组合在一起。
完成后,选择盖子和包裹,并将它们分组。
![](https://img.haomeiwen.com/i4080478/539926f230bb7841.png)
第12步
创建一个8像素轮廓(#472C2C)32x32 px的圆圈开始创建丝带的左半部分,我们将它放在盖子顶部,距离绘图区域的左边缘16 px。
![](https://img.haomeiwen.com/i4080478/3ac6f9f9d22bf706.png)
第13步
调整我们刚刚创建的圆,在直接选择工具(A)的帮助下选择其右锚点,然后将其向下推16 px(右键单击>变换>移动>垂直> 16 px) ,然后向右移动另一个锚点8像素(右键单击>变换>移动>水平> 8像素),通过使用手柄调整曲率。
![](https://img.haomeiwen.com/i4080478/455447d7245f808a.png)
第14步
创建丝带的副本(Control + C> Control + F),然后将其放置在盖子的另一侧,确保它们面向内部的锚点重叠,然后选择并将它们分组(Control + G) 。
![](https://img.haomeiwen.com/i4080478/3b35902db1433403.png)
第15步
创建28x10像素的矩形创建色带的中心部分,使用#DBB963对其进行着色,然后将其对齐到盖子中心,将其定位到轮廓的上半部分。
![](https://img.haomeiwen.com/i4080478/8ee2feae2acf0312.png)
第16步
给出我们刚刚创建的图形添加8 px轮廓(#472C2C),然后选择并分组(Control-G)两者。
这样我们的第一个图标就完成了。
![](https://img.haomeiwen.com/i4080478/b9b10466c06bfc3a.png)
创建雪球
完成了第一个图标,我们可以锁定它的图层接着进行图标的创建,开始之前记得放大参考网格,以便更好地查看形状。
步骤1
创建一个92x92 px圆开始创建雪花球的主要形状,使用#AFD6E2进行着色,然后将中心对齐到下面的活动绘图区域,距离其顶部边缘4 px。
![](https://img.haomeiwen.com/i4080478/89ad881072cca4ed.png)
第2步
创建36x24 px矩形创建房屋的主体,使用#D38063进行着色,然后将中心对齐到我们刚刚创建的圆,将其定位在距离其底部锚点26 px的位置。
![](https://img.haomeiwen.com/i4080478/c51eef03956fc088.png)
第3步
给矩形创建一个8像素宽的轮廓(#472C2C),但不要将它们分组,你会在后面的操纵中看到原因。
![](https://img.haomeiwen.com/i4080478/0f69a88c4bdf646f.png)
第4步
添加房子的小门,创建一个8x10像素的矩形,使用#472C2C进行着色,然后将其对齐到可见填充形状的底部。
准备好门后,选择它和房屋的主要形状,然后使用Control-G键盘快捷键对它们进行分组。
![](https://img.haomeiwen.com/i4080478/227581c6777aabea.png)
第5步
创建48x20 px矩形(#6B4D44)作为屋顶,然后使用添加锚点工具(+)将新锚点添加到其上边缘的中心,然后使用删除锚点工具( - )删除其两边的锚点。完成调整后,将调整后的形状与房屋的主体对齐,放在轮廓的上半部分。
![](https://img.haomeiwen.com/i4080478/941907cd39c66643.png)
第6步
给屋顶一个8像素轮廓(#472C2C),将描边属性改成圆角。完成后,选择两个形状并将它们组合在一起(Control + G)。
![](https://img.haomeiwen.com/i4080478/54e3961b62c9fe71.png)
第7步
创建一个8x12像素的矩形作为房子的烟囱,使用#472C2C进行着色,然后将其定位到屋顶的右侧,将其与房屋的轮廓对齐。
![](https://img.haomeiwen.com/i4080478/c9c3f5be8f49e1ae.png)
第8步
创建一个12x4 px圆角矩形(#472C2C)并添加2 px圆角边缘来添加烟囱的顶部,我们将其定位在前一个形状的顶部,确保居中对齐然后分组(Control-G)。
![](https://img.haomeiwen.com/i4080478/624ce3565a3566dd.png)
第9步
使用描边为雪提供一个8 px厚轮廓(#472C2C),然后选择并将两个形状组合在一起(Control-G)。
![](https://img.haomeiwen.com/i4080478/6b96763b576fccaa.png)
第10步
通过创建圆的副本(Control + C)并将其粘贴在雪前面(Control -F)。选择它和下面的雪节,然后创建剪贴蒙版用右键单击>制作剪贴蒙版。
![](https://img.haomeiwen.com/i4080478/7ee7266b42b8f329.png)
第11步
创建4x4 px圆圈当作雪花,使用#EFE6E6进行着色。完成后,选择所有圆圈并使用Control + G键盘快捷键对它们进行分组。
![](https://img.haomeiwen.com/i4080478/bd94b17a404388eb.png)
第12步
由于我们已经完成了雪花玻璃球内部元素的工作,现在我们可以给它一个8像素的轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将所有组成部分组合在一起。
![](https://img.haomeiwen.com/i4080478/820981b12a560a23.png)
第13步
创建一个带有8像素角半径的76x16像素圆角矩形(#AF644A),我们将对准蓝色圆圈,将其定位在距活动绘图区域底边20 px的位置。
![](https://img.haomeiwen.com/i4080478/01c9608d70bd275e.png)
第14步
给出我们刚刚创建的图形添加8 px轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将两者组合在一起。
![](https://img.haomeiwen.com/i4080478/1f458c53d2ee2b0a.png)
第15步
使用88x16 px圆角矩形(#C47857)创建底座的底部,并赋予该矩形8 px角半径,我们将其居中对齐到上一部分,将其定位到与其轮廓的下半部重叠的部分。
![](https://img.haomeiwen.com/i4080478/95ccd42cc9dba449.png)
第16步
给刚刚创建的形状一个8像素的轮廓(#472C2C)然后选择它和它的轮廓,并将它们组合在一起(Control + G)。
![](https://img.haomeiwen.com/i4080478/85dc58705499da5e.png)
第17步
使用28x12 px矩形创建小金牌,使用#DBB963进行着色,然后定位到地球基座的中心。
![](https://img.haomeiwen.com/i4080478/193169941b833d5d.png)
第18步
给金牌一个8像素轮廓(#472C2C),将“直角”设置为“圆形”,然后使用Control + G键盘快捷键选择并将两个形状组合在一起。
![](https://img.haomeiwen.com/i4080478/0921a0d09dbe69f7.png)
创建曲奇饼干
现在我们开始创建最后一个图标,现在让我们放大它的参考网格,开始吧。
步骤1
首先用48x48像素的圆创建曲奇饼干的主体,并使用#AF644A为其着色,然后定位到绘图区域的右上角,在距离顶部4像素距离右边缘24像素的位置。
![](https://img.haomeiwen.com/i4080478/de1982b1e5b9c0de.png)
第2步
给我们刚刚创建的图形添加8 px宽轮廓,将其颜色设置为#472C2C。
![](https://img.haomeiwen.com/i4080478/3c936dd0e66aa39c.png)
第3步
现在我们开始创建小巧克力片,使用#472C2C进行着色,然后使用Control + G键盘快捷键进行分组。
完成后,不要忘记选择并分组所有饼干的组成形状。
![](https://img.haomeiwen.com/i4080478/d462dbff9e4fcd9b.png)
第4步
使用80x80像素矩形(#ED6F4C)创建主杯的主要形状,将其顶角半径设置为6 px,底部半径设置为变换面板中的28 px进行调整。完成后,将生成的形状居中对齐到饼干,将其定位在距离绘图区域底边4 px的位置。
![](https://img.haomeiwen.com/i4080478/c9df9fdbfd0a91c3.png)
第5步
使用椭圆工具(L)创建一个36x24像素的形状,使用#EFE6E6进行着色,然后稍微调整其右下曲率。将生成的形状放在杯子的顶部。
![](https://img.haomeiwen.com/i4080478/b1d327d894cd3eb0.png)
第6步
为形状创建8 px厚的轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将两个形状组合在一起。
![](https://img.haomeiwen.com/i4080478/8b023a9cad4b66ca.png)
第7步
给我们已经建好的图形添加副本(Control + C> Control + F)创建杯子花边衣领的右半部分,将其定位到杯子边缘的另一侧,然后右键单击>变换>反射>垂直翻转它。
![](https://img.haomeiwen.com/i4080478/a75793c38cba5fe7.png)
第8步
给杯子添加一个8像素的轮廓(#472C2C),然后选择所有当前创建的形状并将它们组合在一起(Control-G)。
![](https://img.haomeiwen.com/i4080478/8ed71bf7494217ef.png)
第9步
使用椭圆工具(L)创建两个8x8 px圆(#472C2C),我们将在彼此相距4 px的位置垂直堆叠,然后将它们分组(Control + G)。简单地将它们对准杯体,就在它的衣领下面。
![](https://img.haomeiwen.com/i4080478/b504c987392b82a3.png)
第10步
使用钢笔工具(P)8 px宽度的笔在杯体上绘制,颜色设置为#472C2C。
![](https://img.haomeiwen.com/i4080478/390b95ff732e79cb.png)
第11步
创建带扣,这一次使用36x32 px圆角矩形(#472C2C)创建腰带轮廓,给矩形设置8像素的圆角半径,将对齐到腰带。
![](https://img.haomeiwen.com/i4080478/79c16938d56d0be6.png)
第12步
首先使用20x16 px矩形创建带扣,并用#E5D6D3对其进行着色,然后将中心对齐到上一步的轮廓。
![](https://img.haomeiwen.com/i4080478/b919b8203e6ccfb3.png)
第13步
通过创建12x8 px矩形(#472C2C)添加到前一个矩形的中心来完成扣环,然后选择并分组(Control + G)所有其他形状。
![](https://img.haomeiwen.com/i4080478/777e80052cc7c53d.png)
第14步
使用36x48 px矩形(#D46244)创建手柄的主要形状,将其左角的半径设置为18像素。将生成的形状放置在杯子的左侧,距离活动绘图区域的左边缘8 px。
![](https://img.haomeiwen.com/i4080478/e313330cbf6260d7.png)
第15步
使用路径查找器减去多余部分,然后创建较小的白色(#FFFFFF)12x24像素矩形(其左角的半径设置为6像素)来调整我们刚刚创建的形状。
![](https://img.haomeiwen.com/i4080478/758cd6418f822668.png)
第16步
为生成的形状创建一个8像素的轮廓(#472C2C),然后分组(Control + G)并将两个发送到杯子的背面(右键单击>变换>排列>发送到后面)。
完成后,选择并组合(Control + G)所有杯子的组成形状,然后对整个图标执行相同操作。
![](https://img.haomeiwen.com/i4080478/a8d8c2a04fd50527.png)
完成
![](https://img.haomeiwen.com/i4080478/a72991c64e4e9a0a.jpg)
网友评论