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

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

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

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

复制一层按纽外圆图层,将其命名为投影,放置在按纽外圆图层下层,右键清除图层样式,将填充更改为0,添加一个投影图层样式。

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

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

下面,我们画按纽内部的那个圆,用椭圆工具画一个240*240像素的圆,将图层不透明度设置为80%。

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

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

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

添加一个内阴影。

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

添加一个白色的投影。

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

现在我们得到如下效果

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

接下来,我们来画最外层那里那个颜色的环状。

我们复制一下最底层的那个外圆图层,放置在外圆顶层,其余图层下层,我们把颜色改成绿色,看了直观一些,方便操作。

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

按住ALT键,画一个矩形,ALT键在这里的作用是减去,当然,你直接画好再减去也是一样的。

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

用路径选择工具选择住矩形,按ALT键,拖动鼠标,复制一个矩形的路径,这里的ALT键是复制,将矩形旋转45度。

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

下面,按住SHIFT键画一个40*40的圆,摆放到矩形减去的那个位置,两个圆形都是如此操作。这里SHIFT的作用是增加。

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

OK,我们说一下,为什么那个小圆画40像素,你看下面的图就明白了。

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

下面我们来完善一下这个绿色的环状,一种颜色太单调了,首先,我们给它添加一个渐变叠加。

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

添加一个内阴影。

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

添加一个投影。

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

现在我们得到如下的效果。

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

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

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

更多精彩内容

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