您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看我知道了
当前位置:首页 > UI设计 > UI-闹钟界面设计

UI-闹钟界面设计

手机APP下载

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 20大分类,畅享27000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1
UI-闹钟界面设计

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
收藏已收藏 添加到专辑
手机看

扫一扫下载虎课app

支持离线缓存,随时随地学习

艾伦

讲师: 艾伦 已关注关注

关注人数:127

评论(可获得虎课币)

使用软件: sketch

难度等级: 初级练习

视频时长: 39分55秒

浏览人数: 1,237

学习人数: 287

上传时间: 2017-12-21 04:08:00

工具和快捷键:

Sketch-复用样式与符号
图文教程学员评价 (6条评论)

1. 本课主要内容如图示。

2. 【打开】Sketch软件,【新建】合适大小的画布。具体效果如图示。

3. 使用【矩形工具】绘制画布大小矩形,【填充】合适的渐变颜色。具体效果如图示。

4. 【拖入】导航栏至画布,放置合适的位置,按【Ctrl+L】打开标尺。具体效果如图示。

5. 使用【矩形工具】绘制矩形参考对象,放置合适的位置。根据矩形参考对象拖出参考线至合适的位置,【删除】矩形参考对象。使用【矩形工具】绘制菜单栏,【填充】合适的颜色,调整透明度,【拖入】菜单ICON素材,放置合适的位置。具体效果如图示。

6. 【拖入】时针参考图片,放置合适的位置。使用【椭圆工具】和【形状工具】根据参考图片绘制图案,【填充】对应的颜色,调整形状属性。具体效果如图示。

7. 【选择】关联图层,按【Ctrl+G】编组,【重命名】图组,调整图层顺序,调整椭圆颜色的细节。具体效果如图示。

8. 使用【钢笔工具】绘制形状对象,【选择】形状对象关联椭圆,【单击】剪去顶层多余的部分。【复制】顶圆图层样式,【粘贴】至关联对象,调整渐变颜色角度和透明度。具体效果如图示。

9. 使用相同的方法给剩余的圆添加相同的效果,使用【矩形工具】绘制矩形,调整圆角至合适的角度,单击【旋转复制工具】,具体参数如图示。

10. 单击中间点,按Shift键拖动至合适的大小。【选择】关联图层,按【Ctrl+G】编组,【重命名】图组。具体效果如图示。

11. 调整刻度矩形的位置细节,根据光影规律,按Alt键【复制】底部圆,调整图层顺序,【描边】1PX,【填充】无,调整描边至合适的颜色

查看更多
课程综合评分:9.9
课程难易程度:太简单(1)简单(2)适中(3)有点难(0)太难了(0)
您需要学习后才可以评价,立即学习
课程综合评分:9.9
课程难易程度:太简单(1)简单(2)适中(3)有点难(0)太难了(0)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:
换一批

为你推荐

每周一练

立即参与

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示