photoshop教程|UI教程|礼物小图标

第十八期

UI图标初期教程

礼物小图标

|photoshop教程|

(以下界面演示以Photoshop CC2017为演示工具)

【图形设计师  ID:tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

你说捏

photoshop教程|UI教程|礼物小图标_第1张图片

第一步:新建文件,给背景填充你喜欢的颜色,简单把大体轮廓画一下,做到心里有个数(如图)

photoshop教程|UI教程|礼物小图标_第2张图片
photoshop教程|UI教程|礼物小图标_第3张图片

第二步:选择钢笔工具,把礼物小图标的各个部份形状给勾勒出来,钢笔工具不是很熟练的小伙伴,可以借此机会多练习练习钢笔工具的使用,尽量每个部份单独一个图层,各个图层命好名字,方便后面添加样式,修改等(如图)

photoshop教程|UI教程|礼物小图标_第4张图片
photoshop教程|UI教程|礼物小图标_第5张图片

注意各图层之间的图层关系

photoshop教程|UI教程|礼物小图标_第6张图片
photoshop教程|UI教程|礼物小图标_第7张图片
photoshop教程|UI教程|礼物小图标_第8张图片
photoshop教程|UI教程|礼物小图标_第9张图片
photoshop教程|UI教程|礼物小图标_第10张图片

第三步:根据自己的需求确定好主体色彩,确定明暗关系(如图)

小编这里想选盒子为红色,彩带用黄色,铺色,我就不多说了,就是一个一个给它填充本应该属于它的色彩就行,相信小伙伴比我要专业。

photoshop教程|UI教程|礼物小图标_第11张图片

第四步:慢慢添加细节(如图)

新建剪切蒙版,使用深色,浅色表现它的明暗变化关系,深色、浅色分开建立,方便控制,可以多建立,几个图层来表达关系

photoshop教程|UI教程|礼物小图标_第12张图片
photoshop教程|UI教程|礼物小图标_第13张图片

第五步:处理盒盖投影(如图)

photoshop教程|UI教程|礼物小图标_第14张图片

第六步:处理蝴蝶结细节(如图)

photoshop教程|UI教程|礼物小图标_第15张图片
photoshop教程|UI教程|礼物小图标_第16张图片
photoshop教程|UI教程|礼物小图标_第17张图片

第七步:处理蝴蝶结投影(如图)

photoshop教程|UI教程|礼物小图标_第18张图片
photoshop教程|UI教程|礼物小图标_第19张图片

第八步:添加纹理(如图)

photoshop教程|UI教程|礼物小图标_第20张图片

第九步:添加装饰(如图)

photoshop教程|UI教程|礼物小图标_第21张图片
photoshop教程|UI教程|礼物小图标_第22张图片

<完>

好了,本次教程到这里就结束了,

如果有兴趣的朋友,

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【图形设计师】

一起学习、一起探讨

更多教程请查看

photoshop教程|UI教程|礼物小图标_第23张图片
photoshop教程|UI教程|礼物小图标_第24张图片
photoshop教程|UI教程|礼物小图标_第25张图片

你可能感兴趣的:(photoshop教程|UI教程|礼物小图标)