拟物界面是怎么做成的?
用photoshop和illustrator都可以绘制出这种拟物的图标,下面我就用PS绘制一个。
效果图:
一、时钟外壳框处理
1.新建一个尺寸800*600像素,解析度72的画布。
2.用形状工具绘制一个380*380的圆角矩形,圆角参数值100,填充线性渐变颜色。
3.为它添加图层样式,具体参数见下图,仅供参考。设置所有参数时要关闭全局光。
4.做表盘的外包边,绘制一个302*302的大圆,颜色#ce3232,再绘制258*158小圆,两个圆垂直水平居中对齐,然后图层 - 合并形状 - 减去顶层形状,得到一个正圆环。
5.为外包边添加图层样式。
这时表钟外壳就做好了。
关注小编:懂点微设计,回复【PS】获取最新版PS软体破解版(安装包和安装教程)
二、表盘处理
1.在时钟外壳框内建一个258*258的正圆,填充颜色#e9e3e3。
2.为它添加图层样式,设置「内发光」和「外发光」。
这样表盘就做好了
3.下面开始做表盘刻度,先用矩形工具做一个6*20的矩形,填充颜色#222222,然后Ctrl+T,按住Alt键用滑鼠把矩形的中心点移动到表盘的正中心,接著旋转矩形15度,回车确认,之后按住shift+ctrl+alt键不松手按T键,继续按,总共按11下。
4.下面做小刻度,先做4*10的矩形填充颜色与大刻度相同,之后方法和做大刻度的方法一样,旋转角度是5度,然后再画两个大圆圈,不填充颜色,描边2px,描边颜色#222222.
5.做好刻度和大小圆环之后,复制一遍,复制的这些颜色全部改成#ffffff,然后把复制的这些刻度和线环向右移动一个像素,再向下移动一个像素,做出凹凸感。
6.现在做时钟和转轴。
7.下面为各个针和转轴添加投影。
投影加好之后
8.时针和分针的投影还不够,需要再加一层投影,首先复制出一个时针放在原时针的下层,然后羽化10px,分针方法相同。
9.给红色转轴添加图层样式使他有立体感。
再给它添加点高光,绘制一个小椭圆填充#ffffff羽化0.5px,调整位置建立剪贴蒙版。
10.最后在处理一下表盘细节,把表盘白底复制出一个放在所有图层顶层,填充设置为0,之后添加图层样式。
图层样式设置好之后
11.最后再给时钟加上阴影,复制出一个时钟外壳大底放在时钟底层,填充颜色#2e1515,添加蒙版之后再擦除不需要的地方,这样时钟就算完成了。
关注小编:懂点微设计,回复【PS】获取最新版PS软体破解版(安装包和安装教程)
推荐阅读: