如何创建一组精美的冬季圣诞图标

用户头像
北京/设计爱好者/7年前/134浏览
如何创建一组精美的冬季圣诞图标

今天就让我们来学习一下如何创建一组精美的冬季圣诞图标!





                                    (本教程由寻图标https://icon.52112.com提供)


创建新文档


如我们创建所有新项目那样,首先创建一个新文档(文件>新建或控制+ N),并进行以下设置:


画板数量: 1


宽度: 800像素


高度: 600像素


单位:像素


单击“高级”选项卡:


色彩模式: RGB


栅格效果:屏幕(72 ppi)



                                (本教程由寻图标https://icon.52112.com提供)


设置图层


创建新作品的时候要养成分层的习惯,方便我们进行后面的操作。所以首先我们要打开图层面板,创建四个图层,命名:


第1层>reference grids参考网格


第2层>present box礼品盒


第3层>snow globe雪花玻璃球


第4层>cookie treat曲奇饼干



                                   (本教程由寻图标https://icon.52112.com提供)  


创建参考网格


创建好图层以后我们就可以创建我们需要的第一个参考网格图层了。


步骤1


使用矩形工具(M)创建一个128x128像素的正方形,使用#F15A24进行着色,然后使用“对齐”面板的“水平”和“垂直对齐中心”选项将其定位到画板的中心。




第2步


创建另一个较小的120x120像素正方形,将它作为有效的绘图区域,使用白色(#FFFFFF)对形状进行着色,然后将正方形(Control+ G)分组创建两个副本,一个在左侧,另一个在右侧,与最初创建的正方形距离40像素。



                                 (本教程由寻图标https://icon.52112.com提供)  


创建礼品盒


移动到第二层(即礼品盒),让我们放大视图开始创建第一个图标


步骤1


使用矩形工具(M)创建80x62像素形状创建盒子的主体,使用#D46244进行着色,然后将其中心对齐到底层,留出4像素的距离。




第2步


创建一个矩形副本(Control + C> Control + F)给刚刚创建的图形添加轮廓,将其颜色更改为#472C2C,然后填充(Shift + X)边缘,设置为8像素。

完成后,选择两个形状并使用Control + G键盘快捷键将它们组合在一起。



第3步


创建20x62 px矩形作为包装用的丝带,使用#2E8F4A进行着色,然后使用“对齐”面板中的“水平对齐中心”和“垂直对齐中心”选项将其对齐到底层。



第4步


使用描边工具,给我们刚刚创建了一个宽8 px的轮廓(#472C2C),之后将两者组合在一起。




第5步


创建一个20x24像素的矩形开始创建金色礼品卡,使用#DBB963进行着色,然后定位到盒子正面的右侧,距离底部边缘6 px,距离顶部14 px。



第6步


给卡片创建一个8像素宽的轮廓(#472C2C),使其与绿色包装的边缘重叠,然后使用Control + G键盘快捷键将两者组合在一起。



第7步


使用钢笔工具(P)创建礼品卡的绳子调整为圆角并把宽度设置为8像素,颜色为#472C2C。

完成后,不要忘记选择礼品卡和绳子,使用Control + G键盘快捷键将它们组合在一起。




第8步


接下来创建一个96x18像素的矩形作为盒盖,并使用#ED6F4C对其进行着色,然后将中心对齐到主体,将其定位在其轮廓边缘的上半部分。



第9步


给盖子创建一个8像素的轮廓(#472C2C),然后选择并将两个形状组合在一起(Control-G)。



第10步


使用28x18 px矩形创建包裹的主体,使用#329B50进行着色,然后将中心对齐到盖子。



第11步


使用描边为包裹建立一个8 px的轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将两者组合在一起。

完成后,选择盖子和包裹,并将它们分组。



第12步


创建一个8像素轮廓(#472C2C)32x32 px的圆圈开始创建丝带的左半部分,我们将它放在盖子顶部,距离绘图区域的左边缘16 px。



第13步


调整我们刚刚创建的圆,在直接选择工具(A)的帮助下选择其右锚点,然后将其向下推16 px(右键单击>变换>移动>垂直> 16 px) ,然后向右移动另一个锚点8像素(右键单击>变换>移动>水平> 8像素),通过使用手柄调整曲率。




第14步


创建丝带的副本(Control + C> Control + F),然后将其放置在盖子的另一侧,确保它们面向内部的锚点重叠,然后选择并将它们分组(Control + G) 。



第15步


创建28x10像素的矩形创建色带的中心部分,使用#DBB963对其进行着色,然后将其对齐到盖子中心,将其定位到轮廓的上半部分。



第16步


给出我们刚刚创建的图形添加8 px轮廓(#472C2C),然后选择并分组(Control-G)两者。

这样我们的第一个图标就完成了。



                                   (本教程由寻图标https://icon.52112.com提供)  


创建雪球


完成了第一个图标,我们可以锁定它的图层接着进行图标的创建,开始之前记得放大参考网格,

以便更好地查看形状。


步骤1


创建一个92x92 px圆开始创建雪花球的主要形状,使用#AFD6E2进行着色,然后将中心对齐到下面的活动绘图区域,距离其顶部边缘4 px。



第2步


创建36x24 px矩形创建房屋的主体,使用#D38063进行着色,然后将中心对齐到我们刚刚创建的圆,将其定位在距离其底部锚点26 px的位置。



第3步


给矩形创建一个8像素宽的轮廓(#472C2C),但不要将它们分组,你会在后面的操纵中看到原因。



第4步


添加房子的小门,创建一个8x10像素的矩形,使用#472C2C进行着色,然后将其对齐到可见填充形状的底部。

准备好门后,选择它和房屋的主要形状,然后使用Control-G键盘快捷键对它们进行分组。



第5步


创建48x20 px矩形(#6B4D44)作为屋顶,然后使用添加锚点工具(+)将新锚点添加到其上边缘的中心,然后使用删除锚点工具( - )删除其两边的锚点。完成调整后,将调整后的形状与房屋的主体对齐,放在轮廓的上半部分。



第6步


给屋顶一个8像素轮廓(#472C2C),将描边属性改成圆角。完成后,选择两个形状并将它们组合在一起(Control + G)。



第7步


创建一个8x12像素的矩形作为房子的烟囱,使用#472C2C进行着色,然后将其定位到屋顶的右侧,将其与房屋的轮廓对齐。



第8步


创建一个12x4 px圆角矩形(#472C2C)并添加2 px圆角边缘来添加烟囱的顶部,我们将其定位在前一个形状的顶部,确保居中对齐然后分组(Control-G)。




第9步


使用描边为雪提供一个8 px厚轮廓(#472C2C),然后选择并将两个形状组合在一起(Control-G)。



第10步


通过创建圆的副本(Control + C)并将其粘贴在雪前面(Control -F)。选择它和下面的雪节,然后创建剪贴蒙版用右键单击>制作剪贴蒙版。



第11步


创建4x4 px圆圈当作雪花,使用#EFE6E6进行着色。完成后,选择所有圆圈并使用Control + G键盘快捷键对它们进行分组。



第12步


由于我们已经完成了雪花玻璃球内部元素的工作,现在我们可以给它一个8像素的轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将所有组成部分组合在一起。



第13步


创建一个带有8像素角半径的76x16像素圆角矩形(#AF644A),我们将对准蓝色圆圈,将其定位在距活动绘图区域底边20 px的位置。



第14步

给出我们刚刚创建的图形添加8 px轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将两者组合在一起。


第15步


使用88x16 px圆角矩形(#C47857)创建底座的底部,并赋予该矩形8 px角半径,我们将其居中对齐到上一部分,将其定位到与其轮廓的下半部重叠的部分。



第16步


给刚刚创建的形状一个8像素的轮廓(#472C2C)然后选择它和它的轮廓,并将它们组合在一起(Control + G)。



第17步


使用28x12 px矩形创建小金牌,使用#DBB963进行着色,然后定位到地球基座的中心。



第18步


给金牌一个8像素轮廓(#472C2C),将“直角”设置为“圆形”,然后使用Control + G键盘快捷键选择并将两个形状组合在一起。



                                     (本教程由寻图标https://icon.52112.com提供)  


创建曲奇饼干


现在我们开始创建最后一个图标,现在让我们放大它的参考网格,开始吧。


步骤1


首先用48x48像素的圆创建曲奇饼干的主体,并使用#AF644A为其着色,然后定位到绘图区域的右上角,在距离顶部4像素距离右边缘24像素的位置。



第2步


给我们刚刚创建的图形添加8 px宽轮廓,将其颜色设置为#472C2C。



第3步


现在我们开始创建小巧克力片,使用#472C2C进行着色,然后使用Control + G键盘快捷键进行分组。

完成后,不要忘记选择并分组所有饼干的组成形状。



第4步


使用80x80像素矩形(#ED6F4C)创建主杯的主要形状,将其顶角半径设置为6 px,底部半径设置为变换面板中的28 px进行调整。完成后,将生成的形状居中对齐到饼干,将其定位在距离绘图区域底边4 px的位置。



第5步


使用椭圆工具(L)创建一个36x24像素的形状,使用#EFE6E6进行着色,然后稍微调整其右下曲率。将生成的形状放在杯子的顶部。




第6步


为形状创建8 px厚的轮廓(#472C2C),然后使用Control + G键盘快捷键选择并将两个形状组合在一起。




第7步


给我们已经建好的图形添加副本(Control + C> Control + F)创建杯子花边衣领的右半部分,将其定位到杯子边缘的另一侧,然后右键单击>变换>反射>垂直翻转它。




第8步


给杯子添加一个8像素的轮廓(#472C2C),然后选择所有当前创建的形状并将它们组合在一起(Control-G)。




第9步


使用椭圆工具(L)创建两个8x8 px圆(#472C2C),我们将在彼此相距4 px的位置垂直堆叠,然后将它们分组(Control + G)。简单地将它们对准杯体,就在它的衣领下面。



第10步


使用钢笔工具(P)8 px宽度的笔在杯体上绘制,颜色设置为#472C2C。




第11步


创建带扣,这一次使用36x32 px圆角矩形(#472C2C)创建腰带轮廓,给矩形设置8像素的圆角半径,将对齐到腰带。



第12步


首先使用20x16 px矩形创建带扣,并用#E5D6D3对其进行着色,然后将中心对齐到上一步的轮廓。



第13步


通过创建12x8 px矩形(#472C2C)添加到前一个矩形的中心来完成扣环,然后选择并分组(Control + G)所有其他形状。



第14步


使用36x48 px矩形(#D46244)创建手柄的主要形状,将其左角的半径设置为18像素。将生成的形状放置在杯子的左侧,距离活动绘图区域的左边缘8 px。



第15步


使用路径查找器减去多余部分,然后创建较小的白色(#FFFFFF)12x24像素矩形(其左角的半径设置为6像素)来调整我们刚刚创建的形状。



第16步


为生成的形状创建一个8像素的轮廓(#472C2C),然后分组(Control + G)并将两个发送到杯子的背面(右键单击>变换>排列>发送到后面)。

完成后,选择并组合(Control + G)所有杯子的组成形状,然后对整个图标执行相同操作。


完成




                                     (本教程由寻图标https://icon.52112.com提供)  


4
阅读原文
|
举报
|
3
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面男孩喝咖啡插画设计
牛奶乳液层次梯田平铺平面
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
课程海报,平面素材
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
倒计时,海报,平面
平面插画设计女孩喝咖啡
中国传统纹样创新图案设计
平面书法字手写
平面花卉图案扁平简约无缝拼接插画
平面插画情侣/矢量
空的平台平面和自然景观
水蜜桃和李子的平面水果图案
学习,优惠券,平面,海报
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
空的平台平面和自然景观
城阙凡花
你可能喜欢
大家都在看
登录注册