PS制作红色拟物化时钟icon图标
开发工具与关键技术:图层样式
效果图:
主要过程:
一:时钟外壳框处理
- 新建一个尺寸800*600像素,分辨率72的画布。
- 用现状圆角矩形工具绘制一个380*380像素的圆角矩形,圆角参数值100,填充线性渐变颜色。
3、为它添加图层样式,具体参数如下图,仅供参考。设置所有参数时要关闭全局光,切记!(图层样式可重复添加,目的为更好体现效果丰富细节,点击图层样式右边的“+”号即可添加。)
4、做表盘的外包边,绘制一个302*302的大原色#ce3232,再绘制一个258*158的小圆,两个椭圆垂直水平居中对齐,然后“图层-合并形状-减去顶层形状”,得到一个正圆环(外包边雏形)
5、为外包边添加图层样式
这样,时钟的外壳框就做好了。
二、表盘处理
1、在时钟外壳框内建一个258*258的正圆,填充颜色#e9e3e3。
2、为它添加图层样式,设置“内发光”和“外发光”
这样,表盘就做好了。
- 下面开始做表盘的刻度,先用矩形工具做一个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图标相关推荐
- XD、PS制作轻拟物界面
XD.PS制作轻拟物界面 1.打开PS,新建画布,填充灰色 2.用矩形工具画出矩形框,添加亮色阴影和暗色阴影 3.在里面在画出两个圆角矩形,添加文字,设置图层样式 在XD软件中制作,先给背景价格灰色背 ...
- ps制作html图标素材,PS制作一个时尚网页文件夹图标
原出处:webdesign 转载自:Iconfans 作者:Nico Harather 翻译:S.Shek In this tutorial you will learn how to create ...
- html5制作天气动画背景,CSS icon图标之纯CSS实现带动画效果的天气图标
CSS3动画属性并不是很多,但重点其实是你怎样去运用它,从简单的hover状态或复杂的小动画,都可以巧妙的用CSS3动画属性来实现. 今天主要是和大家分享一个比较有创意.实用的CSS天气图标动画,静态 ...
- Photoshop绘制立体效果的拟物化时钟图标
本教程主要使用Photoshop绘制立体风格的钟表软件图标教程,教程中参数仅供参考,耐心些可以把它做的很好看,教程主要注意形状的绘制和图层样式的使用. 最终效果:
- ps制作html图标素材,如何用PS制作一个简单的扁平化图标?
今天咱们来做个简单粗暴的扁平化图标,对于扁平化我相信大家已经相当熟悉了,那么用Photoshop做一个简单扁平化图标当作PS入门教程还是不错的. 首先启动Photoshop,下面的版本为苹果版的PS不 ...
- PS制作漂亮的绿色水晶箭头图标
最终效果: 1.先用钢笔勾出一个箭头的路径. 2.按Ctrl + Enter把路径转为选区,切换到通道面板,新建一个通道,然后填充白色,按Ctrl + D取消选区,执行:滤镜 > 模糊 > ...
- 用PS制作红色金属网页模板
最终效果图 1.在photoshop中新建文件,把背景填充一个深红色的,颜色:#7B0B0A,用滤镜--纹理--纹理化,纹理:砂岩,缩放:50%,凸现:3,其它默认,用画笔将边缘颜色加深,将不透明度调 ...
- ps怎么把一个颜色替换成另一个颜色_图标设计,用PS制作一款小清新的拟物时钟...
本篇教程通过PS制作一款干净清新的时钟图标教程,做起来也不复杂,但是不管复杂不复杂的东西,都必须动手制作才行,会用到图层样式,图层样式基本上一直是图标或者字体制作的常客,同学们根据教程来学习一下吧,相 ...
- 鸿蒙系统拟物化图标,疑Flyme8 UI曝光:极致拟物化设计引领icon风
近日,国外著名爆料网站slashleaks曝光了疑似Flyme 8系统的新UI界面.从谍照上看,相比Flyme 7,全新Flyme 8的设计风格回归拟物化,导航条和状态栏也做了细节调整,视觉效果更棒. ...
最新文章
- 《敏捷迭代开发:管理者指南》—第2章2.5节渐进开发和自适应开发
- wince: Post-deploy error 0x00000001 returned after calling......解决方法
- 全面讲解Python列表数组(二),列表分区/片,列表操作符,比较操作符,逻辑操作符,连接操作符,重复操作符,成员关系操作符;
- IOS定位核心与地图
- mysql 遍历二叉树_【自考】数据结构之二叉树遍历
- [BZOJ 2434][Noi2011]阿狸的打字机(AC自动机+树状数组+dfs序)
- hive UDF函数
- Sql—表格的建立,删除,数据的建立与删除-总结篇
- LAMP攻略: LAMP环境搭建,Linux下Apache,MySQL,PHP安装与配置
- 页面性能优化参考建议
- 一键多功能按键识别c语言,单片机一键多功能按键识别设计
- 约瑟夫环数据结构c语言程序,数据结构的C语言(类C语言)--单向循环链表--约瑟夫环...
- 柑橘黑斑病反射光谱特性与染病果实检测方法研究
- 计算机职业学校杭州,杭州2021年计算机学校是干什么的
- 软件设计原则(四) 里氏替换原则
- AutoCAD2018_输出与打印
- LLC谐振电路(一) 整流电路总结
- 实现数据结构中的栈---后进先出LIFO
- java 行政区划 三级_Java学习-056-Jsoup爬虫获取中国所有的三级行政区划数据
- [第四章] 深入理解计算机系统第三版 家庭作业参考答案