当前位置: 主页 > 平面设计 > PS教程 > Photoshop制作翡翠玉石质感的立体APP图标设计教程

Photoshop制作翡翠玉石质感的立体APP图标设计教程

  • 2021-08-18
  • 来源/作者: 飞特网/ BIG
  • 4 次浏览

设计草图

<a href=http://www.06ps.com/ target=_blank class=infotextkey>photoshop</a><a href=/design/ target=_blank class=infotextkey>设计</a>翡翠玉石质感的立体APP<a href=/photoshop/tubiao/ target=_blank class=infotextkey>图标</a>,PS教程,

具体的制作步骤如下:

新建画布

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

创建圆角矩形

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

颜色#ccd6b1#

背景图层填充#f5f7ee#

先简单做一个投影

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

添加斜面浮雕

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

添加内阴影

添加内发光

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

复制玉图层命名暗部

只保留内阴影并修改参数 ,图层填充为0

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

复制暗部命名反光 改内阴影参数

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

新建图层命名质感 前背景色改为默认黑白滤镜〉渲染〉云彩 自由变换适当缩放 创建剪贴蒙版 模式改为叠加

复制玉图层命名投影 只保留投影图层样式修改参数

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

再次加强投影 复制投影图层修改参数

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

新建图层创建一个圆 名字椭圆1 垂直水平对齐玉图层。大小160*160 填充颜色随便 无描边图层填充改为0

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

椭圆添加斜面和浮雕图层样式

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

椭圆2图层大小140*140 复制椭圆二命名3椭圆 自由变换缩放百分之五十与椭圆二顶端对齐 复制3椭圆命名4椭圆 与椭圆二底端对齐。

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

椭圆3和4椭圆二图层上边创建一个矩形 矩形边贴齐圆心

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

合并椭圆2和矩形图层 在选中矩形的情况下减去顶层形状 然后合并形状组件

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

显示椭圆3和4 合并形状组建后再与椭圆3图层合并 选择椭圆3减去顶层形状

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

复制椭圆4命名椭圆5 缩放百分之三十 复制椭圆5命名椭圆6移到上方对称位置

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

合并椭圆3和4 再与椭圆五合并 选中椭圆5同样减去顶层形状

合并椭圆5和6更改一个黑颜色

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,

将图层样式更改为“覆盖透明度”和“右侧”。最后,可以调整投影和渐变叠加以增加真实效果。

Photoshop设计翡翠玉石质感的立体APP图标,PS教程,