相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

PS绘制质感开关图标教程

天堂鸟发布于:2017-12-19 09:20 |原作者: 杨洋XHM| |来自:uiiiuiii.com
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: 这篇PS绘制质感开关图标教程是一个临摹大神Webshocker作品的教程。因为作者 Webshocker 是通过3dsmax + photoshop设计的这个作品,所以在光影的变化上是的非常微妙和细致。而我通过photoshop临摹这个作品,主要也是为了训练自己,在设计过程中对光影的把控,所以你们在做练习的 ...


三、绘制精灵球按钮

1、绘制按钮圆形底座:点击拾色器 输入色值:#d7d7d7 创建椭圆:宽:96px; 高:96px; 对齐中心;赋予按钮圆形底座光感,制造体积感:
添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1px 软化:1px 角度:60° 高度:16° 高光:#ffffff阴影:#5b5353。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

2、添加图层样式:渐变叠加 模式:正常 样式:线性 缩放:100% 颜色:#e3e3e3 ~ #eaebef。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

3、添加图层样式:内阴影 模式:正常 颜色:#ffffff 角度:60° 距离:1px 大小:2px。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

4、添加图层样式:投影 模式:正常 颜色:#0d0a0d角度:60° [都不要勾选全局光] 距离:3px 大小:5px。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

5、绘制中心按钮:将 [大圆] 复制一层,Ctrl+t自由变换,将圆缩小到宽:52px; 高:52px左右,中心对齐即可。右键清除图层样式,重新添加图层样式,样式的使用原理和 [大圆] 图层差不多,所以我就不多解释,直接上图。

添加图层样式:斜面浮雕 样式:内斜面 方法:平滑 大小:1px 软化:2px 角度:60° 高度:54° 高光:#ffffff阴影:#5b5353。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

6、添加图层样式:渐变叠加 模式:正常 样式:线性 角度:-120° 缩放:100% 颜色:#e3e3e3 ~ #f5eeee。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

7、添加图层样式:投影 模式:正片叠底 颜色:#88838a 角度:60° 距离:3px 扩展:1px大小:3px 【提示:在一个图层上添加多个投影的功能,只有Photoshop CC及以上版本才有。CS6及以下的版本均没有这个功能。】。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

8、添加图层样式:投影 模式:正片叠底 颜色:#88838a 角度:60° 距离:10px 扩展:2px 大小:15px。

PS绘制质感开关图标教程 飞特网 PS鼠绘教程

14

好评
11

差评

刚表态过的朋友 (25 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 啦啦啦啦啦l

  • spytc

  • 956511314

  • a15900060

天堂鸟
北京市 怀柔区 
+关注 发私信
发表评论

最新评论

引用
清晨office发布于:2020-4-17 13:05
感谢。
引用
JXIM发布于:2018-1-18 16:59
感觉下半部分左边的阴影不太对呀
引用
a15900060发布于:2017-12-19 12:38
求加好友!!!

查看全部评论(3)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计