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

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

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

案例二

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

刚才的有人说太简单了,做起来不过瘾,希望上点硬菜!

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

这次做个有点点立体的图标先看看成品效果。

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

Step1-图标基础样式

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

添加内斜面和浮雕图层样式塑造图标基础立体感,见图 01

添加内阴影图层样式,增加边缘高光,见图 02

添加渐变叠加图层样式,增强表面明暗变化,见图 03

添加阴影图层样式,见图 04,为了让阴影不过于生硬,点击等高线编辑器,根据所见及所得,拖动曲线,调到合适为止

至此,图标基本效果出来了,是不是很简单!

以上参数及颜色自行调试,了解过程,不用死记参数。

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

01

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

02

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

03

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

04

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