Sketch实例教程:制作一个时钟

时间:2022-04-26 15:32:01 

Sketch是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。制作出漂亮的图形是一件很有挑战性的事情,你所需要的是一款精心设计的应用 程序。此次小编带大家Sketch实例教程: 制作一个时钟。


1、打开sketch,新建一个Artboard(800x800),为了制作教程,所以我先做了一个背景,我们真的在制作图表时,其实不用考虑背景,也不需要做这么大分辨率的,多大分辨率sketch有各种尺寸,自行选择。

Sketch实例教程:制作一个时钟

2、制作黑色背景,R拉出和画板相同大小的矩形。使用渐变:

Sketch实例教程:制作一个时钟

3、我们画出最底层的圆盘512x512,注意这个圆盘我们是用渐变填充的,并调出阴影、高光和厚度:

Sketch实例教程:制作一个时钟

4、我们画出内圈圆盘,这个圆盘也是用渐变方式填充,不过和外圈圆盘的渐变方向刚好相反:

Sketch实例教程:制作一个时钟

5、画出指针托盘,注意这个也是阴影和高光,调整比例:

Sketch实例教程:制作一个时钟

6、分别制作出三根指针,指针制作很简单就是用圆角矩形和直线工具,然后调整阴影,需要说明一下,其实可以做的更精细,就是指针在接触下面圆盘的近的地方阴影可以重一些,远的地方可以蛋一些:

Sketch实例教程:制作一个时钟

7、用三角形做出针尖,调整好圆角,做出阴影:

Sketch实例教程:制作一个时钟

8、做出指针盖,指针盖可以直接复制指针下面的小圆盘即可:

Sketch实例教程:制作一个时钟

9、制作出时间刻度和文字并调整顺序:

Sketch实例教程:制作一个时钟

10、搞定,输出!Sketch实例教程:制作一个时钟

标签:Sketch入门,Sketch教程,Sketch实例教程
0
投稿

猜你喜欢

  • wps表格怎么去掉智能表格样式?wps表格去掉智能表格样式的方法

    2022-12-11 21:26:40
  • 如何按wps office指定内容拆分工作表?

    2023-06-06 15:13:31
  • 如何汇总Excel2016表格中的一列数据

    2022-04-14 09:34:25
  • Mac新手教程:如何在Mac电脑中压缩视频?

    2022-05-19 22:23:37
  • Word页眉添加横线的方法

    2023-12-14 08:30:22
  • Windows 10之后再无实体零售版

    2022-11-01 21:03:41
  • excel表格怎样对比两列内容

    2023-05-03 10:52:03
  • 修复Windows 7收藏夹无法展开的问题

    2023-07-20 02:37:09
  • 怎么导入PS预设?

    2023-06-01 09:08:27
  • Win10开机提示“igfxhk module已停止工作”的原因及解决方法

    2022-11-10 12:26:11
  • 在PowerPoint制作中图片放大如何不模糊

    2022-03-05 22:06:16
  • edge浏览器集锦有什么用?edge不显示集锦功能的方法

    2023-01-01 17:51:49
  • hmcl启动器怎么加mod?

    2023-03-01 02:48:21
  • Win7系统bios密码忘记了怎么解决?

    2023-06-12 01:09:18
  • Win10专业版怎么删除正在运行的dll文件?

    2023-11-17 02:53:15
  • 如何让MAC笔记本的电池复位及一些使用小技巧

    2022-05-10 13:09:56
  • Win11待机时间怎么设置?Win11设置屏幕休眠时间方法

    2023-10-22 13:52:13
  • Word中你不知道的的实用标志

    2022-10-23 04:16:19
  • 「萌新上手mac」零门槛接触macOS后的五大必学功能

    2022-04-06 09:04:00
  • 硬盘接口有几种 硬盘接口类型详解

    2023-12-12 16:07:28
  • asp之家 电脑教程 m.aspxhome.com