鼠标的绘制

用户头像
北京/设计爱好者/10年前/294浏览
鼠标的绘制
用户头像
Zara_2015

刚刚学习ps不久的时候,很多东西都还不会,但是还是要把身边的东西画出来,那么就把会的都用上,来画画手边的这个鼠标吧~

        用手机(相机)拍好照片,好好观察了一下,嗯……脑海中浮现出了鸡蛋壳,好,那就按照蛋壳的概念来画这个鼠标吧!


第一步,按照拍好的照片分解鼠标为3大块儿:上、中、下。


拍好的照片:


画上中下三部分(打个组复制一份出来留后面用),如图:


三部分分解图如下,运用了布尔运算:


第二步:给这三部分添加效果:


添加后的效果如图:


第三步:画上下凹槽。


凹槽分解图:


第四步:给凹槽添加效果:


添加效果后的凹槽如图:


第五步:给下部添加高光。


添加高光后的下部如图:


下面整体地看一下刚刚已经完成部分的效果图:




第六步:激活键和滚轮。


激活键的效果图:

用到的图层样式为:


滚轮的效果图:

滚轮用到的图层样式和其它效果为:


这里要说一说滚轮纹理,纹理是由很多矩形按不同的间隔排列而成,主要是为形成视觉上的距离感,如图:

最后把之前第一步单独复制出来的那个组整体处理成投影,也就是填充为黑色,降低不透明度,羽化一下。当然,也可以使用其他的方法,这里主要是为了方便就拿来主义了。

鼠标上的文字直接打上去就可以了。这样,一个鼠标就搞定了,效果如下图:


最后的最后,说一下背景和角标。

背景效果图:

背景中间的高光和鼠标下部的高光是一个道理,背景所用的效果及背景中的高光添加如图:


角标效果图:


用到的图层样式为:


到这里为止,一个鼠标的绘制就分解结束啦,让我们来看看最终的效果图吧!


2
举报
|
2
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
户外旅行飞机情侣假日出行
【新年UI图标】30个图标
新能源APP应用UIKit
【新年UI图标】秒杀icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】会员icon
我的钱包-UI界面设计-app
盲盒APP UI设计
UI 登录界面设计模板包
手表表盘UI系列
新拟态风格 UI设计组件库
【新年UI图标】钱包icon
【新年UI图标】旅行icon
UI界面 组件
UI通用设计素材1
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
智能家居中心 简约 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
钱包ui模板
Security Camera UI kit
拟物风质感写实UI卡片合集源文件
【新年UI图标】体育icon
科技医疗透明柜UI界面设计
你可能喜欢
大家都在看
登录注册