圆形网页按扭制作教程实例 Photoshop设计古朴素雅风格网页按扭

软件发布|下载排行|最新软件

当前位置:首页photoshop教程图片处理

圆形网页按扭制作教程实例 Photoshop设计古朴素雅风格网页按扭

圆形网页按扭   2021-06-15 我要评论
Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例,效果图

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

1、首先启动Photoshopcs5,执行ctrl+n组合键新建一个大小为800*600,分辨率为200,背景颜色为白色的文档。

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

2、调整前景色为#666666,按alt+delete组合键填充前景色,选择椭圆工具,设置填充颜色为浅蓝色,按住shift在画布上绘制一个正圆。

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

3、双击该图层弹出图层样式对话框,勾选描边,设置大小为6像素,并设置渐变颜色为#333333,角度为90.

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

4、接着设置内投影,设置模式为线性加深,角度为90,距离为6像素,大小为10像素。

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

5、接下来设置内发光,设置混合模式为颜色加深,不透明度为20,方法为精确,大小为10.

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

6、勾选渐变叠加,设置混合模式为柔光,不透明度为60,样式为线性,角度为120。

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

7、新建图层1,选择工具箱里椭圆选框工具,按住shift键绘制一个正圆,右键单击从下拉菜单中选择描边,设置10px,点击确定按钮。

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

8、双击图层1弹出图层样式对话框,根据实际需要设置,这样质感按钮就制作完成了,执行文件-存储为命令,将文件进行保存即可。

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

最终效果图

Photoshop设计古朴素雅风格网页按扭,圆形网页按扭制作教程实例

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们