集团官网
  • 国家级全民数字素养与技能培训基地
  • 河南省第一批产教融合型企业建设培育单位
  • 郑州市数字技能人才(码农)培养评价联盟

如何用Sketch简单地做一款拟物图标

编辑:云和数据 日期:2022-11-25 16:32

拟物化图标基本上使用生活中原有的物象来反映产品的功能,同时图标的内部加入更多的写实细节,比如色彩、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

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

相关内容

抢先一步 鸿蒙(HarmonyOS)应用开发者高级认证 免费考! 适合人群计算机相关专业在校生(技师、中职、高职、本科、研究生)对鸿蒙(HarmonyOS)有兴趣的非计算机相关专业在校生目前正在从事移动应用的开发者目前正在从事计算机行业相关的人计算机专业高校老师所有对鸿蒙(HarmonyOS)有兴趣的人 培训方案掌握鸿蒙的核心概念和端云一体化开发、... 什么是Java的多态性(polymorphism)?它有哪些不同的形式? 多态性是Java面向对象编程的一个重要概念,它允许不同的对象以一致的方式响应同一个方法调用,具体表现为对象在运行时可以表现出多个不同的形态。多态性主要有两种不同的形式:编译时多态性(静态多态性)和运行时多态性(动态多态性)。1. 编译时多态性(静态多态性):   ... 如何学习和搭建Hadoop开发环境? Hadoop是大数据处理领域的重要平台,能够处理和分析大量数据。为了有效地利用Hadoop,我们需要学习其基础知识,并正确搭建开发环境。下面是详细的学习和搭建指南。一、学习Hadoop基础掌握基础概念和原理Hadoop主要由HDFS和MapReduce两部分组成。HDFS是分布式文件系统,Ma... UI 设计学习如何进阶成为高手 我总结了六种方法,帮助你走出舒适区,提高技能,成长为自信且经验丰富的UI设计高手一位经验丰富的 UI 设计师,往往十分看中应用程序界面的吸引力和视觉刺激,确保满足用户期望和需求。但是,如果你已经在 UI 设计圈摸爬滚打多年,仍然没有出色的作品,那你极有可能是因为陷入了一个舒适圈,UI技能一直原... 在Java中Executor和Executors的区别? 在Java中,Executor和Executors都与线程池和并发执行有关,但它们是不同的概念和类。1.ExecutorExecutor是一个接口,位于java.util.concurrent包中,用于表示一个执行任务的执行器。它只定义了一个方法:void execute(Runnable c... String类型的常见命令有哪些? String类型,也就是字符串类型,是Redis中最简单的存储类型。其value是字符串,不过根据字符串的格式不同,又可以分为3类:string是普通字符串,int整数类型,可以做自增、自减操作,float浮点类型,可以做自增、自减操作。String的常见命令有:SET:添加或者修改已经存在的...