>  기사  >  웹 프론트엔드  >  Photoshop 一个简单的立体拼贴图标

Photoshop 一个简单的立体拼贴图标

PHP中文网
PHP中文网원래의
2016-06-01 14:36:491145검색

本教程介绍简单的立体图标的制作方法。大致过程:先绘制好想要的图层,然后利用图层样式做一些质感效果。然后再透视,做成立体效果。 最终效果
Photoshop 一个简单的立体拼贴图标
1、新建文件,然后选择矩形工具(U)半径为30px。 2、选择标尺(ctrl+R);拉两条辅助线,吧矩形平均一分为四。


Photoshop 一个简单的立体拼贴图标
 3、选择矩形工具,颜色为红色:
Photoshop 一个简单的立体拼贴图标
4、载入圆角矩形选区,反选(shift+ctrl+i)选择矩形层,删除多余部分;重复步骤3次。
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
 5、新建层,选择钢笔工具(P)做一个小图标如图。
Photoshop 一个简单的立体拼贴图标
6、重复层3次,如图所示。
Photoshop 一个简单的立体拼贴图标
#p#
7、载入小图标选区,然后选择相对应的矩形删除、合并;如图:
Photoshop 一个简单的立体拼贴图标
 8、选择图层样式,做一下设置:
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
 9、复制所有层,合并副本层,如图:
Photoshop 一个简单的立体拼贴图标
10、选择变换工具(ctrl+T)效果如图:
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
 11、选择加深、减淡工具给矩形价反光效果, 12、载入选区,新建层填充红色,向下移动20px ; 悬着图层样式 >渐变 ,如图:


Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
 13、新建层选择选区工具(M)创建一条矩形选区,选择变换(ctrl+T)斜切,加图层样式 > 渐变,效果如图:
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
Photoshop 一个简单的立体拼贴图标
做个倒影完成最终效果:
Photoshop 一个简单的立体拼贴图标

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.