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

2016-02-16 02:21 11 1 收藏

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

【 tulaoshi.com - PS 】

最终效果

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

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

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

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

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

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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

18、添加渐变叠加。

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1566862.html

延伸阅读
最终效果 教程开始前,先分析图片的各个构成面及光影层 1、使用椭圆工具,画一个椭圆,然后按Ctrl + T变形,右键在弹出的菜单选择斜切,然后向右稍微拉一点。 2、内椭圆的制作方法。 选中外椭圆,按Ctrl + J复制一层,按Ctrl + T变形,按照Ctrl + Alt等比例缩小,给这个图层填充绿色。 3、复制白椭圆,再复制一层,移到白...
标签: PS PS基础
最终效果 1、新建一个700 * 620像素的文件,选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变作为背景。 2、打开下图所示的素材,拖进来。解锁后放到合适的位置。 3、新建一个组,载入杯身的选区,给当前组添加图层蒙版,再把素材图片隐藏。 4、在组里新建一个图层,填充橙黄色,效果如下图。 5、载入杯身的选区,...
随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。 看下效果图: 1.新建画布 ...
最终效果图 1、新建595×842像素大小的文件,设置前景色为淡黄色(f5dcb9),新建图层1。执行“滤镜”→“渲染”→“云彩”命令。 云彩效果 2、执行“滤镜”→“纹理”→“纹理化”命令,如图设置弹出对话框。 纹理化 3、选择多边形套锁工具,创建一个多边形选区,按“Ctrl+Shift+I”执行反选操作。删去选区内...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,用钢笔画出保龄球的形状,转为选区填充黑色。 添加图层样式。 效果如下。 建新层,调出保龄球选区,填充白色,去掉选区,添加蒙版,用大口径硬边黑色笔刷点一下,类似下图效果。 图层模式改为叠加,不透明度...

经验教程

909

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部