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

玉石教程,设计蝴蝶玉石图标教程(4)

来源:站酷 作者:royavs 学习:31965人次

本篇教程是教大家如何设计玉石图层,教程所用软件版本为CC2015,步骤四中用到CC2015新增的功能,在同一图层添加两个相同的图层样式,如果你的版本过低,可以复制一层再添加即可。先看看效果:

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com
www.16xx8.com

PSD参考文件:http://www.16xx8.com/photoshop/sucai/2017/g428871.html

1、临摹前分析:

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

2、开始临摹

在PS中建立900X900的画板,添加纯色颜色填充图层(就在右下角添加调整图层那里选纯色)数值为#f2f4e5。

新建空白图层,用圆角矩形工具画一个300*300PX,圆角为50PX的圆角矩形,颜色为#cad6b7。

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

3、圆润底板

为了使底板看起来圆润,我们要改变它的形状,CTRL+T圆角矩形使其成为可变换模式后,顶上属性栏点击下图【两次立方】旁边的图标切换到变形模式(图1),
然后再到顶部属性栏【变形】中选择膨胀(图2),之后可调节膨胀的数值,看你个人喜欢。

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

4、设置外阴影效果

先点开图层样式添加阴影数值如下,阴影1颜色:#4e5a2e,

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

阴影2在阴影1上面颜色为:#f7f7cd。(这个是CC2015的新功能,在同一图层添加两个相同的样式,如果你版本过低,可以这样做:CTRL+J复制一层,然后设置这层为阴影2的样式。下面步骤5制作三个阴影就是复制两次。)

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

5、设置内阴影增加厚度。

和上面同一图层阴影数值如下,注意等高线为正常模式,在这里我们加了三层内阴影。

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

6、光景立体效果

这一步是光滑质感的关键,注意光的角度,反光越强表面打磨越光滑,角度和等高线很关键,注意数值,然后提高立体感加内发光数值如下。

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

7、天然玉石怎能少了内部文理

玉石都是有絮状内部纹理的,在玉石上方新建图层,我们可以利用滤镜~渲染~云彩,然后将有云彩纹理的图层右键建立剪切蒙版,图层模式为颜色加深,玉石的絮状效果就出来了,

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

此时可以添加曲线调整图层,按自己喜好调一下曲线(同样给曲线调整图层加剪切蒙版)。

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

8、为玉石添加蝴蝶雕刻

点击矩形工具里的自定形状工具,在顶部有预设的一些图案,我选择了一个蝴蝶图案,画在云彩图层下方,底板图层的上方填充为0,然后调节图层样式鞋面浮雕如下,然后添加与底板相同的内阴影和阴影距离稍微调小点就可以了,大功告成。其实所有的颜色不一定要按照我写的,可以自己凭感觉调出自己喜欢的。

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

最终效果:

玉石教程,设计蝴蝶玉石图标教程_www.16xx8.com

学习 · 提示

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

施{{2020-10-11 07:08
nice

1537965792020-10-11 02:17
谢谢您的分享。
都梁老马2020-10-10 06:41
很好的教程,学习了,谢谢
司晓图2020-10-10 04:47
我的作业:

pm25不严重2018-12-08 08:17
感觉 问题很大啊鏈堝凡涓婂鸡 的原帖:你这也太假了吧
FANFANFAN_L2017-07-13 09:22
当我足够好才会遇见你2017-07-12 04:15
当我足够好才会遇见你2017-07-12 04:14
学习PS第5次作业
吻痕_LOVE2017-05-28 12:16
为什么我做出来的不是这样子的?
吻痕_LOVE2017-05-28 12:16
为什么我做出来的不是这样子的?
亿网设计2017-05-27 08:33
为什么我做不出来
亿网设计2017-05-27 08:33
为什么我做不出来
巴特尔20102017-05-27 07:15
做到后面很没耐心
巴特尔20102017-05-27 07:15
做到后面很没耐心

关注大神微博加入>>

网友求助,请回答!