PS网页图标设计教程:学习制作网店详细页面卖点图标。(5)
案例三
这次来个有点难度的,更质感点的,本次案例是案例 2 的升级版,先看看成品效果。
Step 1
在 ps 中新建一个 1000×1000px 的文件,背景填充灰色。选择矩形工具,按 alt 键调出参数面板,画一个 512×512px 圆角矩形,圆角半径 100px。
并给圆角矩形添加图层样式。这一部分跟案例 2 大同小异,不清楚的回看第 2 例,这里不再多做叙述。
Step 2
用椭圆工具新建圆形,命名「立体圆」,选中圆形和圆角矩形使其上下左右居中,圆形渐变填充。
Step 3
圆形添加斜面与浮雕样式,样式选择外斜面,让圆形立体起来,大小可以调节立体大小程度。
Step 4
复制圆形,命名「彩色渐变」,并右键清除样式,使用渐变填充,添加内阴影图层样式。
Step 5
复制彩色角度渐变圆形,命名「中心圆」,并右键清除样式,拷贝圆角矩形图层样式到中心圆。
Step 6
复制中心圆,命名「中心小圆」,并右键清除样式进行渐变填充。
Step 7
复制中心小圆,命名「中心立体圆」,并右键清除样式,进行斜面浮雕和阴影填充,为了让圆形更立体,可以点击等高线进行曲线调整,调整到自己满意为止。
①中心立体圆反光阴影
②中心立体圆背面阴影
③中心立体圆正面底下阴影
Step 8
复制图标到中心立体圆中心,添加描边、内阴影图层样式,最后给图标加上阴影。
最终效果,这么简单肯定要试试!