当前位置:首页 > PS教程 > 设计教程

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

  • 2021-04-30 09:57:58
  • 来源/作者:互联网/佚名
  • 己被围观

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

先看看效果图

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绘制圆形立体效果的下载图标

(责任编辑:极限) ​​​​​​​

 1/4    1 2 3 4 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?