Rumah  >  Artikel  >  hujung hadapan web  >  Photoshop 一个简单的立体拼贴图标

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

PHP中文网
PHP中文网asal
2016-06-01 14:36:491145semak imbas

本教程介绍简单的立体图标的制作方法。大致过程:先绘制好想要的图层,然后利用图层样式做一些质感效果。然后再透视,做成立体效果。 最终效果
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 一个简单的立体拼贴图标

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn