甲虫课堂 > PS教程 >

PS绘制轻拟物风格甜品图标

204
7
点赞
收藏
发布时间:2021-04-02 10:02:36

效果图

PS绘制轻拟物风格甜品图标

草图绘制与挑选。

PS绘制轻拟物风格甜品图标(1)

一、雪糕

步骤1:新建文档并制作背景

1.1 新建文档,大小2000*1200px,分辨率72;新建图层,命名图层为【背景】,填充前景色(快捷键alt + delete)#63d7a5。

PS绘制轻拟物风格甜品图标(2)

步骤2:制作底座

2.1 新建300*300px的圆角矩形,圆角半径为60px,命名为【底座】。

PS绘制轻拟物风格甜品图标(3)

2.2 给底座添加图层样式,制造体积感。

PS绘制轻拟物风格甜品图标(4)

在制造体积感的时候要统一光影,底座的渐变叠加为上浅下深,斜面浮雕、内阴影和投影也遵照相同的光影进行添加。在添加图层样式时,记得经常查看右边小框内的预览效果。

PS绘制轻拟物风格甜品图标(5)

2.3 在添加斜面浮雕效果时,注意要点开光泽等高线的编辑器,将原等高线自定义编辑为曲线以凸显效果。

PS绘制轻拟物风格甜品图标(6)

PS绘制轻拟物风格甜品图标(7)

PS绘制轻拟物风格甜品图标(8)

步骤3:制作雪糕绿色主体

3.1 新建圆角矩形,大小113*184px,圆角半径左上和右上为55px,左下和右下为16px。将形状填充调整为渐变填充,作为雪糕的基础色,命名为【雪糕-绿色部分】。

PS绘制轻拟物风格甜品图标(9)

3.2 同样给雪糕添加图层样式制造体积感。

PS绘制轻拟物风格甜品图标(10)

PS绘制轻拟物风格甜品图标(11)

PS绘制轻拟物风格甜品图标(12)

PS绘制轻拟物风格甜品图标(13)

PS绘制轻拟物风格甜品图标(14)

3.3 根据现有效果,使用画笔和蒙版工具加强阴影,使得光影效果更突出。

3.4 快捷键B,调出画笔工具,单击右键调出画笔选项。选择柔边圆画笔,画笔大小35。然后在界面顶端画笔选项中,将流量调低,此时前景色设置为#3fc9b6。

PS绘制轻拟物风格甜品图标(15)

3.6 新建图层,命名为【绿色填补阴影】,将混合模式改为正片叠底,不透明度20%。

3.7 按住ctrl键(mac为command键),左键单击【雪糕-绿色部分】图层前方小预览图即可载入该图层的选区。

3.8 在【绿色填补阴影】右下侧和底部靠右侧用画笔在选区内填补阴影。

3.9 将绿色主体和填补阴影图层打组,快捷键Ctrl + G,命名为【雪糕-绿色】。

PS绘制轻拟物风格甜品图标(16)

步骤4:运用布尔运算制作雪糕白色部分

4.1 复制形状图层【雪糕-绿色部分】,快捷键Ctrl + J。

4.2 新建圆角矩形,大小22.5*66px,圆角半径11px。保留形状填充,去掉形状描边,按住alt,直接拖拽复制圆角矩形,复制出四个。将总共五个圆角矩形上下错落排列,之后通过布尔运算可以制作出糖霜融化流淌下来的感觉。

PS绘制轻拟物风格甜品图标(17)

4.3 使用选择工具,快捷键V,按住shift,选择1,3,5圆角矩形,将形状合并,快捷键Ctrl + E,再进行布尔运算。

4.4 选择形状工具,快捷键U,在顶部路径操作选项中选择 合并形状组件,如果弹出对话框点击【是】即可。

PS绘制轻拟物风格甜品图标(18)

选中三个小圆角矩形合并后的图层,按住shift,再选中底部的大圆角矩形,继续合并形状,快捷键Ctrl + E。

此时使用 直接选择工具,快捷键A。点击此时的三个小圆角矩形任意一个,界面中三个小矩形出现显示蓝色小矩形锚点时,继续 路径操作-减去顶层形状,然后再选择布尔运算中最后一个 合并形状组件。

PS绘制轻拟物风格甜品图标(19)

4.5 新建矩形,与原图层继续合并,快捷键Ctrl + E。

4.6 使用 直接选择工具,快捷键A,选择矩形工具后,选择减去顶层形状。此时可以看到原本的2,4小圆角矩形显示出来了。

PS绘制轻拟物风格甜品图标(20)

4.7 把这个图形合并形状组件,然后选中得到的图形和原来的2,4,合并形状,快捷键 Ctrl + E。

PS绘制轻拟物风格甜品图标(21)

4.8 将这个图层命名为【雪糕-白色部分】,对其添加图层样式制造体积感。

PS绘制轻拟物风格甜品图标(22)

PS绘制轻拟物风格甜品图标(23)

PS绘制轻拟物风格甜品图标(24)

PS绘制轻拟物风格甜品图标(25)

步骤5:制作雪糕棍

5.1 新建圆角矩形,大小26*66px,底部两个圆角半径为10px。使用自由变化工具,快捷键Ctrl + T,右键选择透视,将圆角矩形顶部缩进2,得到上窄下宽的形状。将图层命名为【棍】。

PS绘制轻拟物风格甜品图标(26)

5.2 给雪糕棍添加图层样式制造体积感。

PS绘制轻拟物风格甜品图标(27)

PS绘制轻拟物风格甜品图标(28)

PS绘制轻拟物风格甜品图标(29)

5.3 按住ctrl键,右键单击 棍 图层载入选区,新建图层,使用画笔工具,# 71c6a6,画笔大小45px,不透明度100%,流量30%,在棍的上方轻点一下。将图层混合模式改为线型加深,不透明度为80%。将图层命名为【棍上投影】。

5.4 将棍和棍上投影链接,以便后期整体移动。

PS绘制轻拟物风格甜品图标(30)

5.5 接下来,使用移动工具,选中【雪糕-绿色部分】和【雪糕-白色部分】两个图层,将水平居中对齐,顶端对齐。然后调整【绿色填补阴影】图层的位置。

PS绘制轻拟物风格甜品图标(31)

5.6 将棍图层与绿色部分、白色部分三个图层水平居中对齐,放在合适位置后,将棍图层置于绿色部分之下。

Ps:如果发现白色部分的形状面积太小,可以使用直接选择工具,快捷键A,调整锚点的位置。

PS绘制轻拟物风格甜品图标(32)

5.7 将现在三个部分进行打组,快捷键Ctrl + G,命名为【雪糕】。

5.8 选中【雪糕】组,进行自由变换,快捷键Ctrl + T。将鼠标移动到自由变换的四个角,出现旋转光标后,按住shift键再旋转,这样可以使旋转角度为15度的倍数,顺时针旋转30度。

PS绘制轻拟物风格甜品图标(33)

步骤6:整体细化

6.1 在糖霜部分“咬一口”。选中白色部分,使用形状工具,快捷键U,选择布尔运算中的减去顶层形状,在雪糕左上部分画一个圆,大小52*52px。如果希望改变圆的位置或大小,可以使用自由变换工具,快捷键Ctrl + T。

6.2 在被切去的边缘尖锐处分别画一个圆,大小9*9px。

PS绘制轻拟物风格甜品图标(34)

6.3 接下来,取消选中小圆,使用直接选择工具,快捷键A,点击界面内空白部分即可。

6.4 切换回形状工具,快捷键U,将布尔运算改为合并形状,然后画两个小圆,大小6*6px。

PS绘制轻拟物风格甜品图标(35)

6.5 先选中绿色部分,使用形状工具,快捷键U,选择布尔运算中的减去顶层形状,在雪糕左上部分画一个圆,大小66*66px。

6.6 取消选择这个圆,将布尔运算改为合并形状,画一个大圆,大小87*87px。使得有绿色夹心露出的效果。

PS绘制轻拟物风格甜品图标(36)

6.7 最后将雪糕和底座打组,快捷键Ctrl + G,命名为【雪糕】。

PS绘制轻拟物风格甜品图标(37)

二、拐棍糖

步骤1:制作底座

1.1 将雪糕的底座复制一层,快捷键Ctrl + J,将底座拖拽到空白界面进行创作,同时记得把新的底座图层拖出【雪糕】组。

1.2 建议在制作图标时候,每次制作新图标复制一个底座使用即可,最后再打组,根据参考线调整位置,这样更为方便。

1.3 如果一次性复制全部的底座,可能会导致图层混改。

步骤2:制作拐棍糖基本形状

2.1 先确定整体的糖直径为36px。拆解基本形状为两个圆角矩形和一段半圆环。

2.2 长圆角矩形:大小36*179px,圆角半径18px,填充#ffffff。

2.3 短圆角矩形:大小36*68px,圆角半径18px,填充#ffffff。

2.4 大圆:128*128px,填充#ffffff。

PS绘制轻拟物风格甜品图标(38)

2.5 运用布尔运算制作半圆环,先在大圆内将小圆减去,再使用矩形图形减去圆环的上半部分。

PS绘制轻拟物风格甜品图标(39)

2.6 将半圆环和两个圆角矩形排列,注意保持边缘相切。将三个形状合并形状,快捷键Ctrl + E。

PS绘制轻拟物风格甜品图标(40)

步骤3:制作条纹纹理

3.1 拐棍糖上的条纹用两个图层做剪切蒙版来实现效果。

3.2 新建矩形1,大小24*300px,填充#4bcebe。

3.3 新建矩形2,大小26*300px,填充#ffffff。

3.4 将矩形1和矩形2贴近排列,同时选中后按住Alt拖拽复制出5组,去掉最后的白色矩形。将全部矩形转换为智能对象,命名为【纹理】。

PS绘制轻拟物风格甜品图标(41)

PS绘制轻拟物风格甜品图标(42)

3.5 将纹理图层置于基本形状图层之上,右键-创建剪切蒙版。快捷键按住alt,左键单击图层。

PS绘制轻拟物风格甜品图标(43)

3.6 将纹理逆时针旋转30度。

PS绘制轻拟物风格甜品图标(44)

步骤4:制作拐棍糖糖果效果

4.1 接下来给拐棍糖添加图层样式,制造其晶莹剔透的糖果效果。

PS绘制轻拟物风格甜品图标(45)

PS绘制轻拟物风格甜品图标(46)

PS绘制轻拟物风格甜品图标(47)

PS绘制轻拟物风格甜品图标(48)

PS绘制轻拟物风格甜品图标(49)

PS绘制轻拟物风格甜品图标(50)

步骤5:制作糖面高光

5.1 透明硬质糖的透光效果比一般材质更强,叠加一层高光。

5.2 将基本形状复制一层,快捷键Ctrl + J,置于现有图层上方,清除图层样式,命名为【高光-加强】。图层填充为0,混合模式改为 滤色。

5.3 这里如果将拷贝出来的新图层直接更换图层顺序的话,会导致剪切蒙版效果缺失:

-可以不动复制层,将原【拐棍糖基本形状】的图层顺序调整到最上方,作为【高光-加强】。

-当然,也可以调整图层顺序后再制作一次剪切蒙版。

PS绘制轻拟物风格甜品图标(51)

5.4 给【高光-加强】添加图层样式,查看效果,将图层透明度改为50%。将【高光-加强】【纹理】【拐棍糖基本形状】Ctrl + G打组,命名为【拐棍糖】。

PS绘制轻拟物风格甜品图标(52)

PS绘制轻拟物风格甜品图标(53)

步骤6:制作蝴蝶结

6.1 蝴蝶结由三部分组成,其中两侧的蝴蝶结由两个椭圆组成。

PS绘制轻拟物风格甜品图标(54)

6.2 先新建一个圆角矩形,大小22*21px,圆角半径8px,填充#ffffff,对其添加图层样式。

PS绘制轻拟物风格甜品图标(55)

PS绘制轻拟物风格甜品图标(56)

PS绘制轻拟物风格甜品图标(57)

PS绘制轻拟物风格甜品图标(58)

6.3 新建一个椭圆,大小36*22px,填充#12a18b。将椭圆旋转15度,Ctrl + J复制一层,右键-水平翻转,将两个椭圆排列,Ctrl + E合并形状。

PS绘制轻拟物风格甜品图标(59)

6.4 对蝴蝶结添加图层样式。

PS绘制轻拟物风格甜品图标(60)

PS绘制轻拟物风格甜品图标(61)

PS绘制轻拟物风格甜品图标(62)

6.5 将右侧蝴蝶结Ctrl + J复制一层,水平翻转后将三部分排列,Ctrl + G打组,命名为【蝴蝶结】。

PS绘制轻拟物风格甜品图标(63)

步骤7:整体调整

7.1 将蝴蝶结放置于拐棍糖中上位置,Ctrl + T自由变换,将整体顺时针旋转25度,可以在顶部区域修改具体旋转数值,放在底座上。

7.2 将【拐棍糖】【蝴蝶结】【底座】Ctrl + G打组,命名为【拐棍糖】。

PS绘制轻拟物风格甜品图标(64)

PS绘制轻拟物风格甜品图标(65)

三、棒棒糖

步骤1:制作底座和糖基本形状

1.1 将拐棍糖的底座复制一层,快捷键Ctrl + J,将底座拖拽到空白界面进行创作,同时记得把新的底座图层拖出【拐棍糖】组。

1.2 新建圆,大小170*170px,填充#4bcebe,给其添加图层样式。

PS绘制轻拟物风格甜品图标(66)

PS绘制轻拟物风格甜品图标(67)

PS绘制轻拟物风格甜品图标(68)

PS绘制轻拟物风格甜品图标(69)

步骤2:制作白色部分

2.1 新建一个文档,快捷键Ctrl + N,大小312*312px,分辨率72px。

PS绘制轻拟物风格甜品图标(70)

2.2 新建画布参考线版面(视图-新建参考线版面),将行数设置为8,其他不勾选。

PS绘制轻拟物风格甜品图标(71)

2.3 新建矩形,大小312*39px,填充#4bcebe,去掉描边,按住Alt拖拽复制3个,在参考线版面中间隔排列。

PS绘制轻拟物风格甜品图标(72)

2.4 Ctrl + T进入自由变换工具,按住Ctrl键,将鼠标移至蓝色边框附近,鼠标出现斜切光标时左键拖拽往上移动。

2.5 使得第二条右端的顶部与第一条左端对齐。

PS绘制轻拟物风格甜品图标(73)

2.6 将四个矩形转换为智能对象,对其添加极坐标(滤镜-扭曲-极坐标),在弹窗中点击确定。

PS绘制轻拟物风格甜品图标(74)

PS绘制轻拟物风格甜品图标(75)

2.7 在这里极坐标如果出现偏差,可以点击智能对象图层前面的小方形,修改原始矩形,解决办法包括:

(1)检查调整对齐;

(2)改变画布大小,图像-画布大小,适当调整画布的宽高能够让极坐标完整。

PS绘制轻拟物风格甜品图标(76)

PS绘制轻拟物风格甜品图标(77)

2.8 将最终得到的图层再次转换为智能对象,Ctrl + C,Ctrl + V将这个图层复制到图标psd中。

PS绘制轻拟物风格甜品图标(78)

2.9 将复制过来的图层命名为【白色螺旋】,对糖的绿色部分做剪切蒙版,并对其添加图层样式。

【注意】如果要放大白色螺旋,需要到智能对象中对原始智能对象进行放大,直接放大会导致模糊。

PS绘制轻拟物风格甜品图标(79)

PS绘制轻拟物风格甜品图标(80)

PS绘制轻拟物风格甜品图标(81)

PS绘制轻拟物风格甜品图标(82)

PS绘制轻拟物风格甜品图标(83)

步骤3:制作塑料棒

3.1 新建圆角矩形,大小28*72px,无填充描边,顺时针旋转30度,命名为【棍】,对其添加图层样式。

PS绘制轻拟物风格甜品图标(84)

PS绘制轻拟物风格甜品图标(85)

PS绘制轻拟物风格甜品图标(86)

PS绘制轻拟物风格甜品图标(87)

步骤4:加强塑料棒光影

4.1 复制一个【棍】图层,清除图层样式,填充为0,命名为【投影-加深】,添加图层样式。

PS绘制轻拟物风格甜品图标(88)

4.2 新建圆角矩形,大小4*70px,无填充描边,顺时针旋转30度,命名为【高光】,对其添加图层样式。

PS绘制轻拟物风格甜品图标(89)

4.3 将【高光】图层混合模式改为滤色,置于【投影-加深】图层下,与基本形状一起Ctrl + G打组,命名为【棍】。

PS绘制轻拟物风格甜品图标(90)

4.4 最后将【棍】【底座】和糖的部分Ctrl + G打组,命名为【棒棒糖】。

PS绘制轻拟物风格甜品图标(91)

四、饮料

这个图标的形状比较复杂,可以拆解为五部分进行制作。

这里注意,为避免渐变叠加在旋转中出错,先制作好每部分的形状,然后顺时针旋转30度后,再对每部分添加图层样式。

PS绘制轻拟物风格甜品图标(92)

步骤1:制作底座和基本形状。

1.1 底座:将棒棒糖的底座复制一层,快捷键Ctrl + J。

1.2 瓶体:新建圆角矩形,大小102*140px,上端两个圆角半径为0,下端两个圆角半径为51。自由变换-透视,将上部分透视-6度。

PS绘制轻拟物风格甜品图标(93)

1.3 窄边:新建圆角矩形,大小140*8px,圆角半径2px。

1.4 吸管:新建圆角矩形,大小10px*196px,圆角半径5px。

1.5 顶部:新建正圆,大小128*128px,用直接选择工具将底部锚点删除,留下半圆形状。

PS绘制轻拟物风格甜品图标(94)

1.6 液体:将瓶体Ctrl + J复制一层,用钢笔勾勒液体形状,Ctrl + E合并形状后,进行布尔运算-与形状区域相交,获得液体形状。

PS绘制轻拟物风格甜品图标(95)

1.7 获得基本形状后,调整图层顺序为窄边-瓶体-顶部-液体-吸管,将五个形状排列好,一并顺时针旋转30度。(顶部和瓶体的透明度调整为50%)。

PS绘制轻拟物风格甜品图标(96)

步骤2:为瓶体添加图层样式

PS绘制轻拟物风格甜品图标(97)

PS绘制轻拟物风格甜品图标(98)

PS绘制轻拟物风格甜品图标(99)

PS绘制轻拟物风格甜品图标(100)

PS绘制轻拟物风格甜品图标(101)

PS绘制轻拟物风格甜品图标(102)

步骤3:加强瓶体光影

高光

3.1 新建圆角矩形1a,大小6*80px,填充#ffffff,图层混合模式改为滤色,不透明度为50%,然后属性-羽化5px。

3.2 新建椭圆2a,大小6*12px,填充#ffffff,图层混合模式为正常,不透明度为70%,属性-羽化3.5px。

3.3 将两个高光都复制一层,分别为1b,2b; 不透明度调低为40%。

3.4 将四个图层置于瓶体上。

PS绘制轻拟物风格甜品图标(103)

PS绘制轻拟物风格甜品图标(104)

PS绘制轻拟物风格甜品图标(105)

暗部

3.5 新建圆角矩形,大小64*130px,圆角半径32px,填充#b4e4cd,羽化3px。

3.6 图层命名为【暗部】,混合模式改为深色,不透明度50%,置于瓶体中间。

PS绘制轻拟物风格甜品图标(106)

3.7 新建椭圆,大小46*60px,填充#4bcebe,羽化6.8px。图层命名为【暗部2】,混合模式改为线型加深,不透明度为10%。

PS绘制轻拟物风格甜品图标(107)

3.8 调整图层顺序为四个高光图层、暗部、瓶体,Ctrl + G将瓶体所有图层打组,命名为【瓶体】。

步骤4:制作窄边

4.1 窄边同样会受到高光影响,将窄边图层置于【瓶体】组,图层顺序在高光之下,对窄边添加图层样式。

PS绘制轻拟物风格甜品图标(108)

PS绘制轻拟物风格甜品图标(109)

PS绘制轻拟物风格甜品图标(110)

PS绘制轻拟物风格甜品图标(111)

PS绘制轻拟物风格甜品图标(112)

PS绘制轻拟物风格甜品图标(113)

步骤5:制作顶部

5.1 考虑到顶部吸管插入处有凹陷,在顶部半圆用布尔运算减去一个小圆,圆大大小24*24px。

PS绘制轻拟物风格甜品图标(114)

5.2 给顶部添加基本的图层样式,右键单击【瓶体】图层,拷贝其图层样式,粘贴到【顶部】图层,再做适当修改。

PS绘制轻拟物风格甜品图标(115)

PS绘制轻拟物风格甜品图标(116)

PS绘制轻拟物风格甜品图标(117)

PS绘制轻拟物风格甜品图标(118)

PS绘制轻拟物风格甜品图标(119)

PS绘制轻拟物风格甜品图标(120)

步骤6:加强顶部光影

高光

6.1 复制一层顶部,清除图层样式,无填充,添加图层样式。将混合模式改为滤色,不透明度为25%,填充为0。

PS绘制轻拟物风格甜品图标(121)

PS绘制轻拟物风格甜品图标(122)

6.2 新建椭圆,大小128*128px,填充#ffffff,复制一个椭圆用布尔运算减去。

6.3 新建一个矩形用布尔运算切去不要的部分,制作出一个半圆弧。羽化3.8px,混合模式改为滤色,不透明度为40%,命名为【高光1】。

PS绘制轻拟物风格甜品图标(123)

6.4 复制一层【高光1】,命名为【高光2】,水平翻转后置于顶部适当位置。

6.5 选择顶部图层,按住Ctrl键,右键载入顶部选区,作为高光图层的蒙版选区。

PS绘制轻拟物风格甜品图标(124)

6.6 新建椭圆,大小16*8px,填充#ffffff,羽化1.5pxm,图层不透明度为70%,命名为【顶部椭圆高光】。

PS绘制轻拟物风格甜品图标(125)

PS绘制轻拟物风格甜品图标(126)

暗部

6.7 新建图层,载入顶部选区,用柔边圆画笔,画笔大小70px,不透明度50%,流量30%,前景色#3ac68b,在选区右下部分涂抹出阴影。

6.8 然后调小画笔,大小为25px,在顶部吸管凹陷处点一下。

6.9 将图层混合模式改为线性加深,命名为【顶部暗部】。

PS绘制轻拟物风格甜品图标(127)

PS绘制轻拟物风格甜品图标(128)

步骤7:制作液体部分

PS绘制轻拟物风格甜品图标(129)

7.1 对【液体】图层添加图层样式。

PS绘制轻拟物风格甜品图标(130)

PS绘制轻拟物风格甜品图标(131)

PS绘制轻拟物风格甜品图标(132)

PS绘制轻拟物风格甜品图标(133)

7.2 将【液体】图层复制一层,清除图层样式,将混合模式改为柔光,添加图层样式,命名为【液体光影】。

PS绘制轻拟物风格甜品图标(134)

PS绘制轻拟物风格甜品图标(135)

PS绘制轻拟物风格甜品图标(136)

PS绘制轻拟物风格甜品图标(137)

步骤8:制作吸管

对吸管形状添加图层样式

PS绘制轻拟物风格甜品图标(138)

PS绘制轻拟物风格甜品图标(139)

PS绘制轻拟物风格甜品图标(140)

PS绘制轻拟物风格甜品图标(141)

PS绘制轻拟物风格甜品图标(142)

加强高光

8.1 新建圆角矩形,大小2*180px,圆角半径1px,顺时针旋转30度,填充白色渐变,不透明度为80%,置于【吸管】上方,命名为【吸管高光】。

PS绘制轻拟物风格甜品图标(143)

PS绘制轻拟物风格甜品图标(144)

PS绘制轻拟物风格甜品图标(145)

五、冰淇淋

拆解冰淇淋的形状——包括蛋筒和冰淇淋球。其中蛋筒上要有华夫饼纹路,冰淇淋球上添加一点甜点装饰。

PS绘制轻拟物风格甜品图标(146)

步骤1:制作底座

1.1 底座:将棒棒糖的底座复制一层,快捷键Ctrl + J。

步骤2:制作蛋筒

2.1 先新建一个三角形,布尔运算切去底部。新建椭圆,大小10*10px,Ctrl + E合并形状,将基本形状顺时针旋转30度,命名为【蛋筒】。

2.2 对蛋筒添加图层样式。

PS绘制轻拟物风格甜品图标(147)

PS绘制轻拟物风格甜品图标(148)

PS绘制轻拟物风格甜品图标(149)

PS绘制轻拟物风格甜品图标(150)

PS绘制轻拟物风格甜品图标(151)

PS绘制轻拟物风格甜品图标(152)

步骤3:制作蛋筒光影

3.1 复制一层【蛋筒】,清除图层样式,将图层填充设置为0,添加图层样式,命名为【蛋筒光影】。

PS绘制轻拟物风格甜品图标(153)

PS绘制轻拟物风格甜品图标(154)

PS绘制轻拟物风格甜品图标(155)

PS绘制轻拟物风格甜品图标(156)

步骤4:制作华夫饼纹路

4.1 新建圆角矩形,大小6*146px,圆角半径3px。复制5个,等距排列,Ctrl + E合并形状。

4.2 复制横向纹路,旋转90度,将横向和纵向合并成网格纹路。

4.3 Ctrl + T,进入自由变换-透视,将底部透视-10度。

PS绘制轻拟物风格甜品图标(157)

4.4 给网格纹路添加图层样式,将图层顺序放在【蛋筒光影】之下,将混合模式改为颜色减淡,填充为0,载入蛋筒图层选区作为蒙版,命名为【纹路】。

PS绘制轻拟物风格甜品图标(158)

PS绘制轻拟物风格甜品图标(159)

PS绘制轻拟物风格甜品图标(160)

PS绘制轻拟物风格甜品图标(161)

PS绘制轻拟物风格甜品图标(162)

给蛋筒补充光影

4.5 新建圆角矩形,大小24*86px,圆角半径12px,羽化3.9px,混合模式改为亮光,不透明度为20%,命名为【亮部】。

4.6 新建椭圆,大小89*31px,羽化7px,填充# 4bcebe,混合模式改为线性加深,不透明度为40%,命名为【暗部1】,载入蛋筒图层选区作为蒙版。

4.7 复制一个椭圆,透明度改为20%,命名为【暗部2】。

4.8 将【亮部】【暗部1】【暗部2】排列,Ctrl + G打组,命名为【蛋筒光影】。

PS绘制轻拟物风格甜品图标(163)

步骤5:制作冰淇淋球

5.1 新建椭圆,大小124*124px,添加图层样式。

PS绘制轻拟物风格甜品图标(164)

PS绘制轻拟物风格甜品图标(165)

PS绘制轻拟物风格甜品图标(166)

PS绘制轻拟物风格甜品图标(167)

PS绘制轻拟物风格甜品图标(168)

PS绘制轻拟物风格甜品图标(169)

5.2 制作小球,新建椭圆46*46px,拷贝大球的图层样式。Ctrl + J,复制两个小球,将三个球排列。

5.3 而为了让冰淇淋看起来更加柔软,使用蒙版和画笔擦除球体连接的部分。

5.4 将四个球体Ctrl + G打组,命名为【上球】。

PS绘制轻拟物风格甜品图标(170)

步骤6:给球体增添光影

6.1 给【上球】组添加图层样式-投影。

PS绘制轻拟物风格甜品图标(171)

PS绘制轻拟物风格甜品图标(172)

6.2 冰淇淋球与蛋筒和与地面的距离不同,所以其投影也不一样,距离越近投影越清晰。

6.3 所以冰淇淋球在蛋筒上的投影需要另作。

去除图层样式在蛋筒上的投影部分

6.4 右键单击【上球】组的图层样式,选择创建图层,在新得到的两个投影图层中用蒙版去除蛋筒的部分。

6.5 这里可以先选择一个图层,创建蒙版,然后载入蛋筒图层选择,Alt + delete填充前景色#000000。

6.6 然后按住Alt,拖拽蒙版到另一个图层。

PS绘制轻拟物风格甜品图标(173)

增加蛋筒上的投影

6.7 选中三个小球,Ctrl + J复制后清除图层样式,Ctrl + E合并形状,将图层略往左下方移动,填充#36a195,羽化2.3px,混合模式改为线性加深,不透明度为20%。

PS绘制轻拟物风格甜品图标(174)

增加球上的投影

6.8 目前四个球的连接还有点生硬,载入四个球的选区,按住Ctrl和Shift右键单击图层左侧缩略图即可同时载入多个图层的选区。

6.9 新建图层,使用柔边圆画笔工具,大小100px,不透明度50%,流量30%,前景色#00af91,在选区右下部分涂抹加强阴影,调整图层不透明度为20%。

PS绘制轻拟物风格甜品图标(175)

步骤7:制作小装饰物

7.1 新建圆角矩形,大小10*80px,圆角半径5px,顺时针旋转66度,添加图层样式,命名为【棒子】,放置于【上球】组之下。

7.2 排列好所有形状,将相关图层Ctrl + G打组,命名为【冰淇淋】。

PS绘制轻拟物风格甜品图标(176)

PS绘制轻拟物风格甜品图标(177)

PS绘制轻拟物风格甜品图标(178)

PS绘制轻拟物风格甜品图标(179)

PS绘制轻拟物风格甜品图标(180)

PS绘制轻拟物风格甜品图标(181)

六、甜甜圈

步骤1:制作底座和基本形状

1.1 底座:将冰淇淋的底座复制一层,快捷键Ctrl + J。

1.2 基本形状:新建大圆,大小202*202px,填充# 4bcebe,新建小圆,大小86*86px,填充#ffffff,居中对齐后,运用布尔运算减去顶层小圆,得到圆环。

PS绘制轻拟物风格甜品图标(182)

1.3 给圆环添加图层样式,并命名为【蛋糕胚】。

PS绘制轻拟物风格甜品图标(183)

PS绘制轻拟物风格甜品图标(184)

PS绘制轻拟物风格甜品图标(185)

PS绘制轻拟物风格甜品图标(186)

PS绘制轻拟物风格甜品图标(187)

PS绘制轻拟物风格甜品图标(188)

步骤2:制作白色奶油

2.2 新建圆,大小76*76px,去掉描边,保留能看清的填充即可。

2.3 Ctrl + J复制一个圆,Ctrl + T进入自由变换,按住Alt移动圆的旋转中心至圆的下方,修改旋转角度为60度。

2.4 单击回车,按shift + Alt + Ctrl +T多次复制,形成形状。

PS绘制轻拟物风格甜品图标(189)

2.5 将Ctrl + E合并形状。新建圆,大小148*148px,和原形状居中对齐,Ctrl + E合并形状。

2.6 将形状布尔运算-合并形状组件;新建圆,大小5*5px,复制5个,放置于边缘尖锐处。

2.7 将小圆布尔运算-合并形状组件,Ctrl + E合并两个形状图层,并减去顶端小圆的形状。

2.8 新建圆,大小80*80px,与形状居中对齐,Ctrl + E合并形状,布尔运算-减去顶层形状。

2.9 命名为【白色奶油】。

PS绘制轻拟物风格甜品图标(190)

2.10 对【白色奶油】添加图层样式。

PS绘制轻拟物风格甜品图标(191)

PS绘制轻拟物风格甜品图标(192)

PS绘制轻拟物风格甜品图标(193)

PS绘制轻拟物风格甜品图标(194)

PS绘制轻拟物风格甜品图标(195)

PS绘制轻拟物风格甜品图标(196)

PS绘制轻拟物风格甜品图标(197)

步骤3:制作圆点装饰

3.1 新建圆,大小12*12px,添加图层样式增加体积感,将小圆复制五个,放置。

PS绘制轻拟物风格甜品图标(198)

PS绘制轻拟物风格甜品图标(199)

PS绘制轻拟物风格甜品图标(200)

PS绘制轻拟物风格甜品图标(201)

PS绘制轻拟物风格甜品图标(202)

3.2 将6个小圆Ctrl + G打组,命名为【圆点装饰】,并添加图层样式-投影。将相关图层打组,命名为【甜甜圈】。

PS绘制轻拟物风格甜品图标(203)

PS绘制轻拟物风格甜品图标(204)

七、牛油果

步骤1:制作底座

1.1 将甜甜圈的底座复制一层,快捷键Ctrl + J。

步骤2:制作果皮

2.1 新建圆,大小146*146px,使用直接选择工具将圆的上方锚点上移位置,顺时针旋转30度,对其添加图层样式,并命名为【果皮】。

PS绘制轻拟物风格甜品图标(205)

PS绘制轻拟物风格甜品图标(206)

PS绘制轻拟物风格甜品图标(207)

PS绘制轻拟物风格甜品图标(208)

PS绘制轻拟物风格甜品图标(209)

PS绘制轻拟物风格甜品图标(210)

PS绘制轻拟物风格甜品图标(211)

步骤3:制作果肉

3.1 复制一层【果皮】,清除图层样式,Ctrl + T进入自由变换,锁定宽高比,等比缩放至75%,命名为【果肉】。

PS绘制轻拟物风格甜品图标(212)

3.2 对【果肉】添加图层样式,制造体积感。

PS绘制轻拟物风格甜品图标(213)

PS绘制轻拟物风格甜品图标(214)

PS绘制轻拟物风格甜品图标(215)

PS绘制轻拟物风格甜品图标(216)

PS绘制轻拟物风格甜品图标(217)

步骤4:制作【果核】

4.1 新建椭圆,大小74*74px,添加图层样式,命名为【果核】。

PS绘制轻拟物风格甜品图标(218)

PS绘制轻拟物风格甜品图标(219)

PS绘制轻拟物风格甜品图标(220)

PS绘制轻拟物风格甜品图标(221)

PS绘制轻拟物风格甜品图标(222)

PS绘制轻拟物风格甜品图标(223)

PS绘制轻拟物风格甜品图标(224)

步骤5:制作叶片

5.1 新建椭圆,大小65*52px,Ctrl + J复制一层,Ctrl + E 合并形状,布尔运算-与形状区域相交,得到叶片形状。

5.2 填充#46ccbc,添加图层样式,命名为【叶片】。

PS绘制轻拟物风格甜品图标(225)

PS绘制轻拟物风格甜品图标(226)

PS绘制轻拟物风格甜品图标(227)

PS绘制轻拟物风格甜品图标(228)

5.3 排列相关图层,并将相关图层Ctrl + G打组,命名为【牛油果】。

PS绘制轻拟物风格甜品图标(229)

八、星球(糖?)

步骤1:制作底座

1.1 将牛油果的底座复制一层,快捷键Ctrl + J。

步骤2:制作星球

2.1 新建椭圆,大小178*178px,添加图层样式,并命名为【星球】。

PS绘制轻拟物风格甜品图标(230)

PS绘制轻拟物风格甜品图标(231)

PS绘制轻拟物风格甜品图标(232)

PS绘制轻拟物风格甜品图标(233)

PS绘制轻拟物风格甜品图标(234)

PS绘制轻拟物风格甜品图标(235)

PS绘制轻拟物风格甜品图标(236)

PS绘制轻拟物风格甜品图标(237)

PS绘制轻拟物风格甜品图标(238)

步骤3:制作行星环

3.1 新建圆角矩形,大小214*30px,圆角半径15px,顺时针旋转30度,对其添加图层样式制造体积感,命名为【行星环】。

PS绘制轻拟物风格甜品图标(239)

PS绘制轻拟物风格甜品图标(240)

PS绘制轻拟物风格甜品图标(241)

PS绘制轻拟物风格甜品图标(242)

PS绘制轻拟物风格甜品图标(243)

PS绘制轻拟物风格甜品图标(244)

PS绘制轻拟物风格甜品图标(245)

PS绘制轻拟物风格甜品图标(246)

PS绘制轻拟物风格甜品图标(247)

3.2 最后,建立参考线,将八个图标对齐排列。

PS绘制轻拟物风格甜品图标(248)

PS绘制轻拟物风格甜品图标(249)

还没人评论,快来抢沙发~

X