Photoshop制作绿色大气的立体感网页图标

cjuuuu

cjuuuu

2016-02-16 02:21

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop制作绿色大气的立体感网页图标,赶紧看过来吧!

最终效果

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

2、创建渐变调整图层,渐变颜色位置随意,如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

3、给当前图层添加图层样式,选择投影,效果如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

4、设置内阴影,这里省去了文字下方的投影部分,以内阴影代替(注意曲线与数据的变换),数据一定要调试之后再确定。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

5、设置描边样式,描边中一定要主要渐变颜色。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

6、设置光泽:随意调整数据,直到自己满意为止。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

7、设置内发光:这里的内发光代替了内阴影,作为边缘与按钮本身分离的界限。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

8、添加图案叠加,这里需要注意先预设好图案,这种条纹状的图案比较出效果,制作业相当简单。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

9、添加外发光,参数设置如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

10、用椭圆工具拉一个正圆,添加渐变叠加样式,参数设置如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

11、最后添加斜面与浮雕,参数设置如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

12、整体按钮的分叉投影,其实就是将按钮设定在一个组之下,给组一个羽化的三角遮罩,就成为类似分叉的投影了。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

13、下面制作下一个图层的内容,左上角的斜标相对来说就简单的多了,步骤差不多,还是先建立路径,之后添加渐变调整图层。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

14、填充渐变颜色是一定要根据图形的形状来添加,一次为例,渐变的样式应为菱形,如下图。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

15、添加投影,投影一定是与形状相符。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

16、添加斜面和浮雕,这里需要注意的是纹理叠加。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

17、添加内阴影增加立体效果。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

18、添加渐变叠加。

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

最后加上文字及其他素材,完成最终效果:

Photoshop制作绿色大气的立体感网页图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作绿色大气的立体感网页图标

PS PS基础
Photoshop制作绿色大气的立体感网页图标

Photoshop制作时尚立体感的APP软件图标

PS PS基础
Photoshop制作时尚立体感的APP软件图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制白色立体感的调节开关图标

PS PS基础
Photoshop绘制白色立体感的调节开关图标

Photoshop设计蓝色立体感的钟表图标教程

PS PS基础
Photoshop设计蓝色立体感的钟表图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作立体感的国旗图案按钮

PS PS基础
Photoshop制作立体感的国旗图案按钮

Photoshop制作立体感艺术效果字

PS PS基础
Photoshop制作立体感艺术效果字

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop绘制金属控件效果的网页图标

Photoshop绘制金属控件效果的网页图标

Photoshop使用通道为天空添加云彩

Photoshop使用通道为天空添加云彩
下拉加载更多内容 ↓