> 웹 프론트엔드 > PS 튜토리얼 > Photoshop打造漂亮的彩色纽扣

Photoshop打造漂亮的彩色纽扣

PHP中文网
풀어 주다: 2016-06-01 14:34:37
원래의
1672명이 탐색했습니다.

其实制作扣子不麻烦,制作起来掌握住方法就很快,得到的效果也非常好。在制作扣子前要在自己脑海中给出一个大概,是水晶的还是玻璃的或者是塑料的等待。个人感觉如果制作时再给扣子的材料添加些纹理,那样做出的效果会更漂亮。

 最终效果

Photoshop打造漂亮的彩色纽扣

1、新建一个600 * 450像素,分辨率为:300像素/英寸的文档,白色设置为白色,如下图。

Photoshop打造漂亮的彩色纽扣
 
2、使用椭圆选框工具,按住Shift 键绘制一个正圆选区填充任意颜色,然后再为其添加下图所示的图层样式。

Photoshop打造漂亮的彩色纽扣

Photoshop打造漂亮的彩色纽扣
 
3、调出扣子底层的选区,新建一个图层,命名为高光,选择菜单:选择 > 修改 > 收缩,数值为5,然后填充白色。

Photoshop打造漂亮的彩色纽扣

4、复制高光图层得到图层副本,使用移动工具对高光副本图层进行向下向左移动几个像素,调出高光副本的选区,选取高光图层,删除不需要的部分,并为其添加图层样式。

Photoshop打造漂亮的彩色纽扣
 
5、为其添加投影样式,效果如下图。确定后再执行:滤镜 > 模糊 > 高斯模糊,数值为2,使其达到过渡自然。

Photoshop打造漂亮的彩色纽扣

6、调出扣子底层的选区,新建一个图层命名为“内层”,填充任意颜色。按Ctrl + T 进行变化大小,缩放至合适的位置,微调添加图层样式。

Photoshop打造漂亮的彩色纽扣
 
7、图层样式设置如下图。

Photoshop打造漂亮的彩色纽扣

8、用同样的方法制作反光部分,需要考虑好光源的方向。

Photoshop打造漂亮的彩色纽扣

9、同样给内层和反光层执行高斯模糊,使其过渡自然。

Photoshop打造漂亮的彩色纽扣
 
10、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,隐藏下面所有图层,新建空白图层,用椭圆选框工具绘制正圆并填充白色。再复制相对的圆,调出选区,删除盖印层中不需要的部分。

Photoshop打造漂亮的彩色纽扣

11、再对扣子进行细节处理,添加投影等,参数设置如下图。

Photoshop打造漂亮的彩色纽扣

最后调整一下扣子颜色,完成最终效果。

Photoshop打造漂亮的彩色纽扣

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿