设为首页
收藏本站
现距离劳动节还有:
天气与日历
开启辅助访问
切换到窄版
登录
立即注册
门户
Portal
论坛
BBS
在线影视
免费小说
FC游戏
app下载
插件
Plugin
搜索
搜索
每日签到
本版
文章
帖子
群组
社区
»
论坛
›
软件源码
›
教程分享
›
Photoshop彩色的不锈钢金属按钮
返回列表
发新帖
[
ps
]
Photoshop彩色的不锈钢金属按钮
[复制链接]
135
|
4
|
2023-3-10 04:03:40
|
显示全部楼层
|
阅读模式
[
导读
]这篇photoshop教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
这篇非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
最终效果
1312XaB031P-10MN.jpg
(15.11 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaB031P-10MN.jpg
1、新建一个512 * 512像素的文档,背景填充淡蓝色。新建一个图层,用椭圆工具在画布中心画一个白色圆形。然后给圆添加图层样式,参数及效果如下图。
1312XaC3B50-11R48.jpg
(24.71 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaC3B50-11R48.jpg
1312XaD60150-125043.jpg
(36.95 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaD60150-125043.jpg
1312XaEV20-134432.jpg
(16.98 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaEV20-134432.jpg
[1]
回复
使用道具
举报
老师傅
|
2023-3-10 05:05:04
|
显示全部楼层
[
导读
]这篇photoshop教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
2、如下图所示绘制高光及反射的暗处,过程如下图。绘制好后吧暗处部分复制一份,应用垂直方向的动感模糊(滤镜 > 模糊 > 动感模糊),总体效果如下图。
1312XaG14H0-141235.jpg
(41.44 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaG14H0-141235.jpg
1312XaH92a0-151S2.jpg
(23.32 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaH92a0-151S2.jpg
3、绘制环形的反射暗处和亮处,具体方法是用圆形形状工具绘制圆形,之后用更小一些的圆形选区删除中间部分。得到类似环的形状;一些地方要配合使用模糊和橡皮工具,将不用的地方擦去。
另一块黑色的暗处使用工具勾勒出来填充黑色。
1312XaJ11940-1D425.jpg
(33.29 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaJ11940-1D425.jpg
4、新建一个图层,用圆形工具绘制更小的圆形,位置居中,再添加下图所示的图层样式。
1312XaK3U30-1I5D.jpg
(23.02 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaK3U30-1I5D.jpg
1312XaL4210-1Y627.jpg
(40.96 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaL4210-1Y627.jpg
[2]
回复
使用道具
举报
老师傅
|
2023-3-10 06:31:52
|
显示全部楼层
[
导读
]这篇photoshop教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
5、添加样式后,中间的小圆有了一些凹陷效果,接着用工具勾出简单的水平S型波浪画出中间小圆部分的明暗反射的界限,转化为选区并填充黑色。左边圆圈内的效果是用橡皮和涂抹工具制作出来的。最后选择小圆之外的部分,删除多出的黑色。
1312XaM54H0-19AI.jpg
(35.85 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaM54H0-19AI.jpg
6、外围金属部分已经基本画好,现在继续绘制内嵌的部分。画一个略小一圈的黑色圆形,如下图所示设置图层样式。
1312XaNJ420-20S42.jpg
(41.48 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaNJ420-20S42.jpg
1312XaP05S0-214R7.jpg
(48.45 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaP05S0-214R7.jpg
7、内嵌的高光部分为白色,透明度为:50%;用勾出水平的S型选区,然后删除下半部分。
用更小的圆形绘制中间部分的镜头,因为镀膜的效果,所以是蓝色到紫色的渐变,如下图。
1312XaQ2B60-225N0.jpg
(42.24 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaQ2B60-225N0.jpg
[3]
回复
使用道具
举报
老师傅
|
2023-3-10 07:21:50
|
显示全部楼层
[
导读
]这篇photoshop教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
8、绘制镜头内侧的细节,也就是高光和阴影部分,图层样式设置如下图。
1312XaR4UF-23Q21.jpg
(59.03 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaR4UF-23Q21.jpg
1312XaST10-243P8.jpg
(56.32 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaST10-243P8.jpg
9、最后在里层绘制最后的镜头渐变,渐变颜色设置如下图。之后应用高斯模糊进行适度的模糊处理。
1312XaU02010-25U02.jpg
(17.51 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaU02010-25U02.jpg
10、添加高光的细节,如图红圈部分,绘制椭圆然后应用水平的动感模糊和高斯模糊。
1312XaUY3Z-261139.jpg
(31.4 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaUY3Z-261139.jpg
[4]
回复
使用道具
举报
老师傅
|
2023-3-10 07:42:41
|
显示全部楼层
[
导读
]这篇photoshop教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
11、继续添加高光的细节,如图红圈部分,绘制椭圆然后应用水平的动感模糊、垂直的动感模糊和高斯模糊,图层混合为“叠加”。
1312XaW235F-2M258.jpg
(29.07 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaW235F-2M258.jpg
12、最后绘制中间区域的大面积反光,用形状工具得到椭圆的路径,用路径选区工具选择下端的描点,往上移动就得到被压扁的椭圆形的形状。
1312XaX291P-2YF1.jpg
(52.6 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:03 上传
点击文件名下载附件
1312XaX291P-2YF1.jpg
最后略微调整一下曲线和颜色,完成最终效果。
[5]
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
老师傅
1963
主题
2786
回帖
1万
积分
版主
积分
11469
加好友
发消息
回复楼主
返回列表
软件分享
源码分享
教程分享