开发工具与关键技术:图层样式

效果图:

主要过程:

一:时钟外壳框处理

  1. 新建一个尺寸800*600像素,分辨率72的画布。
  2. 用现状圆角矩形工具绘制一个380*380像素的圆角矩形,圆角参数值100,填充线性渐变颜色。

3、为它添加图层样式,具体参数如下图,仅供参考。设置所有参数时要关闭全局光,切记!(图层样式可重复添加,目的为更好体现效果丰富细节,点击图层样式右边的“+”号即可添加。)

4、做表盘的外包边,绘制一个302*302的大原色#ce3232,再绘制一个258*158的小圆,两个椭圆垂直水平居中对齐,然后“图层-合并形状-减去顶层形状”,得到一个正圆环(外包边雏形)

5、为外包边添加图层样式

这样,时钟的外壳框就做好了。

二、表盘处理

1、在时钟外壳框内建一个258*258的正圆,填充颜色#e9e3e3。

2、为它添加图层样式,设置“内发光”和“外发光”

这样,表盘就做好了。

  1. 下面开始做表盘的刻度,先用矩形工具做一个6*20的矩形,填充颜色#222222,然后Ctrl+T,按住Alt键用鼠标把矩形中心点移到表盘的正中心,接着旋转矩形15°,按住Enter键确定,之后按住Shift+Ctrl+Alt=键不松手按T键,继续按,总共按十一下。

4、下面做一个小刻度,先做一个4*10的矩形,填充颜色于大刻度相同,之后方法就跟做大刻度方法一样(这次旋转角度是5°),然后再画上两个大圆圈,不填充颜色,描边2个像素,描边颜色#222222。

5、做好刻度和大小圆环之后,复制一遍,复制的颜色全部改成#ffffff,然后把复制的这些刻度和线环向右移动一个像素,再向下移动一个像素(为了做出凹陷感)。

6、现在做时钟的针和转轴。

7、下面为各个针和转轴添加投影。

投影加好了以后:

这是我所学到的PS制作红色拟物化时钟icon图标,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

PS制作红色拟物化时钟icon图标相关推荐

  1. XD、PS制作轻拟物界面

    XD.PS制作轻拟物界面 1.打开PS,新建画布,填充灰色 2.用矩形工具画出矩形框,添加亮色阴影和暗色阴影 3.在里面在画出两个圆角矩形,添加文字,设置图层样式 在XD软件中制作,先给背景价格灰色背 ...

  2. ps制作html图标素材,PS制作一个时尚网页文件夹图标

    原出处:webdesign 转载自:Iconfans 作者:Nico Harather 翻译:S.Shek In this tutorial you will learn how to create ...

  3. html5制作天气动画背景,CSS icon图标之纯CSS实现带动画效果的天气图标

    CSS3动画属性并不是很多,但重点其实是你怎样去运用它,从简单的hover状态或复杂的小动画,都可以巧妙的用CSS3动画属性来实现. 今天主要是和大家分享一个比较有创意.实用的CSS天气图标动画,静态 ...

  4. Photoshop绘制立体效果的拟物化时钟图标

    本教程主要使用Photoshop绘制立体风格的钟表软件图标教程,教程中参数仅供参考,耐心些可以把它做的很好看,教程主要注意形状的绘制和图层样式的使用. 最终效果:

  5. ps制作html图标素材,如何用PS制作一个简单的扁平化图标?

    今天咱们来做个简单粗暴的扁平化图标,对于扁平化我相信大家已经相当熟悉了,那么用Photoshop做一个简单扁平化图标当作PS入门教程还是不错的. 首先启动Photoshop,下面的版本为苹果版的PS不 ...

  6. PS制作漂亮的绿色水晶箭头图标

    最终效果: 1.先用钢笔勾出一个箭头的路径. 2.按Ctrl + Enter把路径转为选区,切换到通道面板,新建一个通道,然后填充白色,按Ctrl + D取消选区,执行:滤镜 > 模糊 > ...

  7. 用PS制作红色金属网页模板

    最终效果图 1.在photoshop中新建文件,把背景填充一个深红色的,颜色:#7B0B0A,用滤镜--纹理--纹理化,纹理:砂岩,缩放:50%,凸现:3,其它默认,用画笔将边缘颜色加深,将不透明度调 ...

  8. ps怎么把一个颜色替换成另一个颜色_图标设计,用PS制作一款小清新的拟物时钟...

    本篇教程通过PS制作一款干净清新的时钟图标教程,做起来也不复杂,但是不管复杂不复杂的东西,都必须动手制作才行,会用到图层样式,图层样式基本上一直是图标或者字体制作的常客,同学们根据教程来学习一下吧,相 ...

  9. 鸿蒙系统拟物化图标,疑Flyme8 UI曝光:极致拟物化设计引领icon风

    近日,国外著名爆料网站slashleaks曝光了疑似Flyme 8系统的新UI界面.从谍照上看,相比Flyme 7,全新Flyme 8的设计风格回归拟物化,导航条和状态栏也做了细节调整,视觉效果更棒. ...

最新文章

  1. 《敏捷迭代开发:管理者指南》—第2章2.5节渐进开发和自适应开发
  2. wince: Post-deploy error 0x00000001 returned after calling......解决方法
  3. 全面讲解Python列表数组(二),列表分区/片,列表操作符,比较操作符,逻辑操作符,连接操作符,重复操作符,成员关系操作符;
  4. IOS定位核心与地图
  5. mysql 遍历二叉树_【自考】数据结构之二叉树遍历
  6. [BZOJ 2434][Noi2011]阿狸的打字机(AC自动机+树状数组+dfs序)
  7. hive UDF函数
  8. Sql—表格的建立,删除,数据的建立与删除-总结篇
  9. LAMP攻略: LAMP环境搭建,Linux下Apache,MySQL,PHP安装与配置
  10. 页面性能优化参考建议
  11. 一键多功能按键识别c语言,单片机一键多功能按键识别设计
  12. 约瑟夫环数据结构c语言程序,数据结构的C语言(类C语言)--单向循环链表--约瑟夫环...
  13. 柑橘黑斑病反射光谱特性与染病果实检测方法研究
  14. 计算机职业学校杭州,杭州2021年计算机学校是干什么的
  15. 软件设计原则(四) 里氏替换原则
  16. AutoCAD2018_输出与打印
  17. LLC谐振电路(一) 整流电路总结
  18. 实现数据结构中的栈---后进先出LIFO
  19. java 行政区划 三级_Java学习-056-Jsoup爬虫获取中国所有的三级行政区划数据
  20. [第四章] 深入理解计算机系统第三版 家庭作业参考答案

热门文章

  1. 使用TLE(双行)根数计算出轨道数据以供Cesium使用
  2. [置顶] 中国象棋程序的设计与实现(高级版)(项目截图)
  3. 【Spring】IOC理论推导、IOC本质
  4. web常见特效——floor电梯导航
  5. 仿射变换 Affine transformation
  6. 唐宇迪学习笔记3:Python数据可视化库——Matplotlib
  7. Lua学习第二课_初探lua和lua语法
  8. jQuery介绍、jQuery引入
  9. 2018中国汽车企业排行榜TOP10
  10. 【Redis】大数据量(百亿级)Key存储需求及解决方案