当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标设计,通过PS设计制作一款逼真的玉石图案

来源:致设计 作者:ql等风来 学习:7645人次

在很多人的认知里,觉得PS图层样式只能用于一些特殊文字的效果修饰,或者做一些图标之类。但其实,图层样式功能远比你想象的要强大许多,比如你敢相信下图这块玉石就是用图层样式P出来的吗?不管你信不信,但确实就是用图层样式做出来的,是不是非常赞,一起来学习下吧。

效果图:

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com学习PS请到www.16xx8.com

教程开始

 

1.新建纯白色画布 尺寸:800*800PX 分辨率300PX

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

2.创建纯色图层

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

3.填充颜色— 颜色代码为 #f2f45

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

4.新建圆角矩形,参数如下图所示

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

5.圆角矩形的颜色如下图所示

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

6.按快捷键http://www.16xx8.com/photoshop/jiaocheng/110097.html"ctrl+T"对圆角矩形进行变形—膨胀—对齐变形程度进行微调(调节成自己想要的效果)

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

7.给“图形”添加“图层样式”—“投影”(效果2次)

 

投影1次 参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

投影2次 等高线参数不变动 参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

8.给“图形”添加“图层样式”—“内阴影”(3次效果)

 

内阴影1次 参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

内阴影2次 参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

内阴影3次 参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

9.给“图形”添加“图层样式”—“内发光”效果—参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

10.给“图形”添加“图层样式”—“斜面和浮雕”效果—参数如下:

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

11.接下来给“玉石”制作效果

在菜单栏找到“滤镜”—“渲染”—“云彩”—图层混合样式修改成“颜色加深”

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

12.创建剪贴蒙版http://www.16xx8.com/tags/38847/ 快捷键:Ctrl+Alt+G

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

13.在接下来—任你随意找个“小图标”—放入“玉石”上,如下图

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

14.将“填充”修改至“0%”在图上看不到刚导入图标的图案,效果如图

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

15.给“小图标”添加“图层样式”—“斜面和浮雕” 参数如下

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

16.给“小图标”添加“图层样式”—“内阴影” 参数如下

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

17.给“小图标”添加“图层样式”—“投影” 参数如下

 

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com

 

18.最后给“小图标”也创建剪贴蒙版http://www.16xx8.com/tags/38848/,用“曲线”调节一下亮度(此操作根据个人喜好调节即可)再次创建剪贴蒙版,效果如下所示

图标设计,通过PS设计制作一款逼真的玉石图案_www.16xx8.com学习PS请到www.16xx8.com

整个教程就制作完成了,感兴趣的同学们一起来学习制作一下吧,相信你会做的更好。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
莱思丽2020-01-03 05:40
我的作业: 141394

来看看原因2019-12-24 09:47
魔风007 发表于 2019-12-21 11:52
我的作业:
做的好漂亮
查查2019-12-21 01:11
DONE 发表于 2019-11-8 21:38
各种颜色,各种形状,各种图案,想想都有点小激动!
红色很漂亮
查查2019-12-21 12:43
魔风007 发表于 2019-12-21 11:52
我的作业:
做的很好,会加入自己的创新是最值得赞赏的
魔风0072019-12-21 11:53
谢谢老师 做了以后 稍稍延伸创新了一下
魔风0072019-12-21 11:52
我的作业:

查查2019-12-20 03:47
M喵M 发表于 2019-12-20 08:53
我的作业:谢谢老师,按照步骤做了俩
很漂亮
M喵M2019-12-20 08:53
我的作业:谢谢老师,按照步骤做了俩

骑着小猪去兜风2019-12-19 11:07
我的作业:

查查2019-12-18 07:27
音美仔 发表于 2019-12-18 11:34
我的作业:
点评建议:完美,一百分
音美仔2019-12-18 11:34
我的作业:

柏伊2019-12-11 08:59
PS新手求助!!
DONE2019-11-08 09:38
各种颜色,各种形状,各种图案,想想都有点小激动!
DONE2019-11-08 09:19
很不错学到了三招
SHUMIAO2019-08-22 03:35
做成功了。谢谢

关注大神微博加入>>

网友求助,请回答!