手机
当前位置:查字典教程网 >网页设计 >photoshop >photoshop 制作金属质感图标教程
photoshop 制作金属质感图标教程
摘要:最终效果图一、新建一个300x300象素的文档,填充黑色背景色。二、新建一层画一个这样的形状如下图:(形状按个人喜欢去定义,一开始做的话用圆...

最终效果图

photoshop 制作金属质感图标教程1

一、新建一个300x300象素的文档,填充黑色背景色。

二、新建一层画一个这样的形状如下图:(形状按个人喜欢去定义,一开始做的话用圆形更为合适) 填充渐变;(不要取消选择)

photoshop 制作金属质感图标教程2

三、复制形状那个图层,然后缩小到80%;拉个垂直黑白渐变;如下图:一、新建一个300x300象素的文档,填充黑色背景色。

photoshop 制作金属质感图标教程3

photoshop 制作金属质感图标教程4

#p#

四、复制第三步的图层,再然后缩小到90% ,填充颜色(#3E8111);如下图:

photoshop 制作金属质感图标教程5

photoshop 制作金属质感图标教程6

五、再复制第四步的图层,再然后缩小到80-90% ;填充径向渐变;如下图:

photoshop 制作金属质感图标教程7

六、然后在上面做高光;如下图:

photoshop 制作金属质感图标教程8

#p#

七、复制第四步的图层,点选图层填充为白色,向上移动1-2象素,这样更有层次感;如下图:

photoshop 制作金属质感图标教程9

八、在上面再新建一层,做如图的效果:

photoshop 制作金属质感图标教程10

九、然后回到第一层,再上面新建一层,按ctrl+G与下层组合起来,再用钢笔描出一个轮廓,如下图;

photoshop 制作金属质感图标教程11

#p#

十、然后ctrl+enter 选中填充白色,再设置图层样式,如下几图:

photoshop 制作金属质感图标教程12

photoshop 制作金属质感图标教程13

photoshop 制作金属质感图标教程14

photoshop 制作金属质感图标教程15

#p#

十一、再新建一层于上,然后ctrl+G再与下层组合,用钢笔描出一个轮廓,再做渐变;如下图:

photoshop 制作金属质感图标教程16

十二、然后如此类推做出以下效果,如下图:(记住要新建一层再操作,方便修改)

photoshop 制作金属质感图标教程17

十三、为了更为有金属感,在第一层上用加深和减弱工具涂抹一下,效果更明显!

十四、最终效果如下:

photoshop 制作金属质感图标教程18

高光部分步骤

一、新建一层,用椭圆工具画出椭圆,填充白色,再用旋转工具放到适当的位置,如下图:

photoshop 制作金属质感图标教程19

#p#

二、再新建一层,用钢笔画出上部分的高光,如下图:

photoshop 制作金属质感图标教程20

然后设置一下渐变

photoshop 制作金属质感图标教程21

拉出如下的效果

photoshop 制作金属质感图标教程22

三、继续新建一层,用钢笔画出下半部分的高光,如下图:

photoshop 制作金属质感图标教程23

渐变设置跟前面一样,拉出如下效果:

photoshop 制作金属质感图标教程24

#p#

四、继续新建一层,钢笔画出右面部分的高光,

photoshop 制作金属质感图标教程25

渐变设置跟面前一样,拉出如下效果:

photoshop 制作金属质感图标教程26

五、继续新建一层,用椭圆工具画出比较小的椭圆,填充白色,旋转好位置,透明度设置为50%,效果如下:

photoshop 制作金属质感图标教程27

六、这样就差不多了,最终高光效果如下:

photoshop 制作金属质感图标教程28

七、完成:

photoshop 制作金属质感图标教程29

【photoshop 制作金属质感图标教程】相关文章:

用Photoshop如何制作虚线

Photoshop各类插件的使用方法

Photoshop获奖作品《春神》制作过程

Photoshop制作漂亮的蓝色调动漫签名效果图

photoshop制作积雪字效果

Photoshop淘宝全屏海报制作全程解析

Photoshop批处理快速制作同尺寸图片

Photoshop滤镜制作水波纹形的巧克力

Photoshop绘制牛仔裤口袋仿真细节图

Photoshop制作电视剧陆贞传奇剧照溶图签名效果图

精品推荐
分类导航