当前位置:首页 >教程首页 > U I 设计 > UXD全链路设计大师班 >简单实用的Sketch拟物图标制作教程

简单实用的Sketch拟物图标制作教程

发布时间:2022-11-17 09:54:10

拟物化图标基本上使用生活中原有的物象来反映产品的功能,同时图标的内部加入更多的写实细节,比如色彩、3D效果、阴影、透视效果,甚至一些简单的物理效果,使得用户认知时一目了然,视觉刺激强烈,大大提高辨识程度。

今天小编就带着大家一起学习如何使用Sketch软件来绘制拟物图标,打开软件一起操练起来吧!

Step1:创建画板+图标背景

1. 快捷键A,创建画布400*300,背景颜色为渐变(#82D7FF—# 3D8DFF)。

2. 快捷键U,绘制一个152*152白色圆角矩形,圆角为32。

1.png

Step2:制作图标背景质感+图标阴影

1. 添加三层阴影,这样会显得外阴影更加自然,关于这三层阴影的X,Y,模糊度,透明度的数值分别为(0,2,2,24%)、(0,4,14,%24)、(0,10,16,34%)。

2. 添加内阴影数值为(0,-5,6,%90),色值为87B8FF。

2.png

Step3:制作图标内部细节

3.png

1. 快捷键O,创建一个半径128的圆型,填充渐变颜色,具体色值下图可见。

2. 复制当前圆型,改变其半径为116, 与底层圆形进行减去顶层。

3. 内部填充其半径为124的圆形,颜色为#078EFF。

4. 制作其圆形阴影,创建一个半径144的原型,颜色填充渐变色(# FFFFFF—#80A8FF),并且进行高斯模糊,模糊度为3。

Step4:制作图标顶部细节

4.png

1. 快捷键O,创建一个半径58的内部圆型,内部填充为,添加两层内阴影。

5.png

2. 在内部添加一个直径为48的圆形,颜色填充为渐变。

3. 添加内部圆形的阴影,其数值参考其下图。

6.png

一款简单的拟物图标做好啦,是不是超简单!

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • 金华插画培训班哪家好

    每位初学者开始学画画时都会经历很枯燥的阶段,无论是选择那些行业方向都是需要很强的训练量来积累。绘画行业前景还是十分不错的,选择......

  • 金华web前端培训哪里好

    学习web前端技术,最主要是与时俱进,掌握的技术点能够满足时下企业的用人需求。而想要了解一家培训机构所提供的课程是否新颖,也可......

  • 金华摄影培训班学费多少钱

    不同学校的价格不同,相同学校不同的课程也是不同的。根据2022年11月的市场价格,在金华学习摄影培训的价格一般在5000元—8......

  • 金华市婺城区素描培训机构推荐

    现在金华市婺城区市面上的素描培训机构还是有很多,如果想要学素描,可以去正规的机构进行学习,比如火星时代教育就很不错,具体优势如下。

  • 金华游戏培训哪家好

    游戏制作是分为三大板块,游戏策划,游戏美术,游戏程序,其中,游戏美术和程序是属于技术方向,是可以通过培训掌握的。不过,市面上的......

  • 乌鲁木齐建筑设计培训机构有哪些

    建筑设计是房地产和城市发展中的一个非常重要的版块,而且随着国内的经济增长,城市化建设需求的提升,近几年,对建筑设计的人才需求叶......

×
扫码快速获取
×