ps如何画ui图标(ps制作ui图标详细教程)

注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处,自行脑补哦。

ps如何画ui图标(ps制作ui图标详细教程)

 

第 1 步

通过使用56 x 92 px矩形 ( #EDAD66) 和8 px粗轮廓 (#332E2E ) 和圆形连接创建其前部,开始处理谷物盒,我们将对其进行分组 ( Ctrl-G ),然后与活动绘图区域的对齐底部边缘,将其定位在距其左侧28 像素的距离处。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 2 步

使用四个12 x 12 px方块 ( #332E2E)添加谷物符号的底部种子,我们将按照参考图像中的位置放置它们。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 3 步

通过在“变换”面板的“ 矩形属性”中将左下角和右上角的半径设置为12 像素,调整左侧矩形的形状。

ps如何画ui图标(ps制作ui图标详细教程)

 

第 4 步

对右侧方块重复相同的过程,只是这次 使用相同的12 px值调整其左上角和右下角的半径

ps如何画ui图标(ps制作ui图标详细教程)

 

第 5 步

使用6 x 12 px椭圆 ( #332E2E)添加顶部种子,我们将其放置在刚刚调整的顶部两个形状之间,距其底部边缘8 px 的距离。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 6 步

通过使用锚点工具 (Shift-C)捏住它的顶部和底部锚点来调整我们刚刚创建的椭圆的形状,使它们变尖。完成后,选择并分组(Ctrl-G)所有种子,对框的前部执行相同操作。

ps如何画ui图标(ps制作ui图标详细教程)

 

第 7 步

使用24 x 52 px矩形 (#A08380 ) 和8 px粗轮廓 (#332E2E )创建盒子侧面部分的下半部分,我们将对其进行分组 ( Control-G ),然后将其放置在较大正面的右侧。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 8 步

使用24 x 40 px矩形 ( #BF7D47) 和8 px粗轮廓 (#332E2E )添加侧面部分的上半身,我们将对其进行分组 ( Ctrl-G ),然后将其放置在先前创建的形状的顶部。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

步骤 9

正如我们对牛奶盒所做的那样,花一些时间,使用两个12 x 2 像素的矩形 ( #332E2E)在12 x 12 像素的正方形 (#332E2E )上方垂直堆叠 2 像素 ,添加营养价值很小的棒。编组(Ctrl-G),然后将所有三个形状居中对齐到较大的底层部分,将它们放置在距底部边缘8 px 的位置。完成后,在继续下一步之前,选择并分组(Ctrl-G)所有侧面部分的组合形状。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 10 步

使用56 x 20 px矩形 ( #E8E1DF)创建盒子的前折叠部分,我们将通过选择并将其底部锚点向左推12 px来调整它(右键单击 > 变换 > 水平 > -12 像素)。给生成的形状一个8 像素厚的轮廓 ( #332E2E) 与圆形连接,分组 ( Ctrl-G ) 并将两者定位在较大的前部的顶部。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 11 步

使用上一步中的副本(Ctrl-C > Ctrl-F)创建顶部折叠部分,我们将首先水平反射(右键单击 > 变换 > 反射 > 水平),然后定位在框的顶部,确保将其填充颜色更改为. 慢慢来,完成后,选择并分组(Ctrl-G)框的所有组成部分,然后再继续下一步。

#BFA9A5

ps如何画ui图标(ps制作ui图标详细教程)

 

第 12 步

通过使用56 x 20 px矩形 (#EA7A5C ) 和20 px底角半径8 px粗轮廓 ( #332E2E)创建它的下半身,开始处理小碗,我们将对其进行分组 ( Ctrl-G ),然后对齐到活动绘图区域的底部边缘,将它们定位在距其左侧8 像素的距离处。

 

ps如何画ui图标(ps制作ui图标详细教程)

 

第 13 步

使用64 x 12 px矩形 ( #E8E1DF) 和8 px粗轮廓 ( #332E2E)添加碗的上半身,我们将对其进行分组 ( Ctrl-G ),然后将其放置在先前创建的形状的顶部。

ps如何画ui图标(ps制作ui图标详细教程)

 

第 14 步

通过使用对角线8 px粗的描边线 (#332E2E )绘制勺子的手柄,完成碗和图标本身,我们将其放置在对象的左侧,如参考图像中所示。完成后,不要忘记选择并分组(Ctrl-G)所有碗的组合形状,然后对整个图标执行相同操作。

 

ps如何画ui图标(ps制作ui图标详细教程)

ps如何画ui图标(ps制作ui图标详细教程)

版权声明:本文内容由互联网用户投稿发布,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2211788188@qq.com 举报,一经查实,本站将立刻删除。如需转载请注明出处:https://www.wptmall.com/a/article/17381

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注