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

阴影效果,教你制作各类阴影教程(4)

来源:公众号 作者:三根设计骨 学习:54837人次

二、使用图层样式——渐变叠加

复制原型形状,相对原型放大,来对它进行效果处理。(可以使用ai里面的路径偏移)

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

关键点就是在样式一定要选择为角度。

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

然后渐变设置:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

红色的可以为一个,也可以是2个,但必须是2个。中间的为亮灰色,根据你想搭配的颜色来调。

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

小节点也是可以调整位置来改变效果的。

设置完参数后的效果如下:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

另外:图层样式当前态实在渐变叠加时候,右边的黄色的那个中心点是可以通过鼠标拖动来改变它的位置的。

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

那么黄色部分按照上面方式制作即可,最后用蒙版分别盖住不需要的地方即可。(有提供源文件大家可以,最后会有下载地址)

这一步的效果图:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

三、添加弥散阴影层

1、复制原型形状、在原有的羽化基础上增加羽化程度

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

2、调整弥散阴影颜色需要和原型融合的地方融合,需要区分的区分。通过颜色来控制。另外可以在添加一层弥散阴影层,羽化程度在加大一些,效果过度会更舒服一些。没有绝对一步到位的嘛,所以视情况而定。

效果如下:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

四:分组,分组是个好习惯

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

最终效果图如下:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

细节:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

感谢大家看到这里,希望有用。

以下是我用继续尝试了几种效果:

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

阴影效果,教你制作各类阴影教程_www.16xx8.com
<点图片看大图>

 

以上就是阴影的制作方法,希望大家能通过本篇教程学会这种方法。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
风流草2017-08-30 12:08
第一步就怎么都看不懂。第二步角度渐变的做出来效果也不是那样一个小角的,大神能不能说的详细点。。鍏湀 的原帖:把源文件下载下来看看就知道了,教程毕竟不能面面俱到照顾到每一个人。
六月2017-07-06 02:09
第一步就怎么都看不懂。第二步角度渐变的做出来效果也不是那样一个小角的,大神能不能说的详细点。。
六月2017-07-06 02:07
看不懂
C马小良i2016-11-24 03:28
没看懂
C马小良i2016-11-24 03:11
没看懂
sunny2016-11-16 04:02
完全不懂。。。很多步骤都没有啊~
sunny2016-11-16 04:11
完全不懂。。。很多步骤都没有啊~
小球2016-11-04 05:40
不是很懂,晚上试一下
小球2016-11-04 05:11
不是很懂,晚上试一下
爱你一万年2016-11-03 05:16
好棒的教程
爱你一万年2016-11-03 05:16
好棒的教程
独孤求败2016-11-02 10:01
根本看不懂
独孤求败2016-11-02 10:01
根本看不懂
严俊宇10162016-11-02 09:59
先顶后看
严俊宇10162016-11-02 09:59
先顶后看

关注大神微博加入>>

网友求助,请回答!