> 웹 프론트엔드 > PS 튜토리얼 > Photoshop 透明的玻璃桌子图标

Photoshop 透明的玻璃桌子图标

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

本教程的重点介绍玻璃桌面部分的制作。由于玻璃的透明原因,制作的时候需要非常细致,需要用图层样式及独立图层来设置高光及反光效果。 

最终效果
Photoshop 透明的玻璃桌子图标
1、首先我们创建文档,如果您创建高清晰的图标,那么建立文档时设置的大一些,下面我们添加一些辅助线。
Photoshop 透明的玻璃桌子图标  2、下面我们使用钢笔工具按下图示例绘制一个形状,并且设置图层样式。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标  3、复制图层,然后设置图层样式,当做背景层,然后设置填充色。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标  4、选择一个区域设置图层样式。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
5、绘制一个形状,然后调整图层顺序,复制图层,设置图层样式等操作,达到下面的效果。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标 #p# 6、制作玻璃架有一些立体效果。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
7、精细制作支架的阴影效果。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标  8、添加锚点,设置明亮度。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标  9、精细制作另一个支架的阴影效果。
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
Photoshop 透明的玻璃桌子图标
10、调整好顺序,最终效果如下。
Photoshop 透明的玻璃桌子图标

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