PS设计教程网欢迎你!

Photoshop绘制圆形立体效果的下载图标

文章来源于 百度贴吧,感谢作者 P大点S微博 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2015-06-18
今天的图标教程细致到哭,每个步骤都有超级细致的过程演示,包新手也可以无难度掌握。过程顾及新人,有难度的预设都直接给打包微盘了,良心教程,强烈推荐练习,喜欢的朋友让我们一起来学习吧。

今天的图标教程细致到哭,每个步骤都有超级细致的过程演示,包新手也可以无难度掌握。过程顾及新人,有难度的预设都直接给打包微盘了,良心教程,强烈推荐练习,喜欢的朋友让我们一起来学习吧。

先看看效果图

Photoshop绘制圆形立体效果的下载图标

新建文档,我用的大小是1500*1000像素,透明背景。 创建一个“渐变”调整层,设置一个#bdc3ce到#e7e9ee的90度的线性渐变。

Photoshop绘制圆形立体效果的下载图标

再创建一个“渐变”调整层,模拟背景上的顶部中央位置的高光效果。 设置为#e7e9ee到透明的90度的径向渐变。

Photoshop绘制圆形立体效果的下载图标

画一个480*480像素的圆,将圆的不透明度更改为80%。

Photoshop绘制圆形立体效果的下载图标

为这个圆添加一个渐变叠加。

Photoshop绘制圆形立体效果的下载图标

添加一个内阴影

Photoshop绘制圆形立体效果的下载图标

设置一个白色的投影

Photoshop绘制圆形立体效果的下载图标

现在,我们完成了外圆的设置,得到了如下效果。

Photoshop绘制圆形立体效果的下载图标

下面,我们用椭圆工具画出按纽外圆,我用的大小是400*400像素。

Photoshop绘制圆形立体效果的下载图标

为其添加一个斜面浮雕

Photoshop绘制圆形立体效果的下载图标

添加一个白色的内阴影

Photoshop绘制圆形立体效果的下载图标

添加一个渐变叠加

Photoshop绘制圆形立体效果的下载图标

添加一个投影

Photoshop绘制圆形立体效果的下载图标

OK,完成了图层样式的设置,我们目前得到如下效果。

Photoshop绘制圆形立体效果的下载图标

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa