网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群
当前位置:PS爱好者教程网主页 > PS照片处理 > 教程

PS网页图标设计教程:学习制作网店详细页面卖点图标。(5)

时间:2022-02-09 09:50 来源:优设 作者:王猛奇 阅读:

案例三

PS网页图标设计教程:学习制作网店详细页面卖点图标。

这次来个有点难度的,更质感点的,本次案例是案例 2 的升级版,先看看成品效果。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 1

在 ps 中新建一个 1000×1000px 的文件,背景填充灰色。选择矩形工具,按 alt 键调出参数面板,画一个 512×512px 圆角矩形,圆角半径 100px。

并给圆角矩形添加图层样式。这一部分跟案例 2 大同小异,不清楚的回看第 2 例,这里不再多做叙述。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 2

用椭圆工具新建圆形,命名「立体圆」,选中圆形和圆角矩形使其上下左右居中,圆形渐变填充。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 3

圆形添加斜面与浮雕样式,样式选择外斜面,让圆形立体起来,大小可以调节立体大小程度。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 4

复制圆形,命名「彩色渐变」,并右键清除样式,使用渐变填充,添加内阴影图层样式。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 5

复制彩色角度渐变圆形,命名「中心圆」,并右键清除样式,拷贝圆角矩形图层样式到中心圆。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 6

复制中心圆,命名「中心小圆」,并右键清除样式进行渐变填充。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 7

复制中心小圆,命名「中心立体圆」,并右键清除样式,进行斜面浮雕和阴影填充,为了让圆形更立体,可以点击等高线进行曲线调整,调整到自己满意为止。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

①中心立体圆反光阴影
②中心立体圆背面阴影
③中心立体圆正面底下阴影

PS网页图标设计教程:学习制作网店详细页面卖点图标。

Step 8

复制图标到中心立体圆中心,添加描边、内阴影图层样式,最后给图标加上阴影。

PS网页图标设计教程:学习制作网店详细页面卖点图标。

最终效果,这么简单肯定要试试!

PS网页图标设计教程:学习制作网店详细页面卖点图标。

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程