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

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

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

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

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

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

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

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

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

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

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

10、搞定，输出！

以上就是小编为大家带来的Sketch实例教程：制作一个时钟。还有更多详细、实用的功能以及相关软件sketch和其他Mac软件获取，大家快来Macdown.com自行探索一番吧。

Sketch实例教程：制作一个时钟相关推荐

运用计算机来动画制作的视频,如何制作一个时钟转动动画视频?电脑制作动画的软件制作时钟转动的小视频的方法...
今天小编要来介绍的是制作动画的软件,可以用于制作时钟转动的动画效果,之前小编就介绍过时钟动画制作的方法,但今天的方法更先进哦,这里的时钟的样式还有颜色都可以自定义的哦.制作动画的软件是什么?不是手机自 ...
计算机动画制作简单动画视频教程,如何制作一个时钟转动动画视频?电脑制作动画的软件制作时钟转动的小视频的方法...
今天小编要来介绍的是制作动画的软件,可以用于制作时钟转动的动画效果,之前小编就介绍过时钟动画制作的方法,但今天的方法更先进哦,这里的时钟的样式还有颜色都可以自定义的哦.制作动画的软件是什么?不是手机自 ...
3Ds Max实例教程-制作女战士全过程
3Ds Max制作"女战神" 作者:Diego Rodríguez 使用软件:3Ds Max,Photoshop 3Ds Max下载:http://wm.makeding.com/ ...
QtDesigner视频手把手教程制作一个弹性，自适应大小的页面布局
详细教学链接请看 QtDesigner教程-制作弹性布局的界面以及界面布局教学_哔哩哔哩_bilibilihttps://www.bilibili.c ...
3ds Max实例教程-制作卡通蓝色小人
此篇教程分享使用3ds Max制作卡通蓝色小人,是根据作者梦境出现的画面为原型,加以改造,得到的最终效果图. 创作一张图最重要的地方是先用纸和笔画出草稿图.你需要表明所有的细节,研究角色的特点--我发 ...
HTML5实现一个时钟动画,利用html5制作一个时钟动画效果
我们先来看下效果图(不考虑颜色搭配): (学习视频分享:html5视频教程) 我们首先要理解如何去实现这个时钟,暂时不要考虑动画,学着将问题进行拆解,一步一步实现. 首先我们需要画个方形,有个边框,给 ...
简单利用lce1602制作一个时钟
利用所学的单片机知识LCD1602的知识及电路知识编程实现单片机I/O 口控制 LCD1602 的显示时钟 main.c #include <REGX52.H> #include < ...
Unity快速入门教程-制作一个简易版的计时器Time.deltaTime
制作游戏的时候,可能会需要到一个计时器,本篇文章附完整计时器代码文章目录前言一.Time.deltaTime是什么? 二.完整代码 1.一次计时器 2.循环计时器三.总结前言本文将简单介绍 ...
51单片机利用液晶制作一个时钟
代码部分有比较详细的注释,这里就不对每一个部分分别做介绍了.有问题欢迎在评论区留言. #include <REGX52.H> sbit dula=P2^6;//声明U1锁存器的锁存端 s ...
如何用python做一个时钟_Python使用turtle库制作一个时钟
前言 Turtle库是Python语言中一个很流行的绘制图像的函数库,想象一个小乌龟,在一个横轴为x.纵轴为y的坐标系原点,(0,0)位置开始,它根据一组函数指令的控制,在这个平面坐标系中移动,从而在 ...

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

Sketch实例教程：制作一个时钟相关推荐

最新文章

热门文章