当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 18:12:39
  • 来源/作者:互联网/佚名
  • 己被围观

本篇教程主要跟大家讲解怎么给各类图片制作精致的阴影,方法很实用,三招就能制作出来,分享给想学习阴影制作的同学了。


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

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

然后渐变设置:

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

这一步的效果图:

阴影效果,教你制作各类阴影教程
<点图片看大图>
三、添加弥散阴影层

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

效果如下:

阴影效果,教你制作各类阴影教程
<点图片看大图>
四:分组,分组是个好习惯

阴影效果,教你制作各类阴影教程
<点图片看大图>

最终效果图如下:

阴影效果,教你制作各类阴影教程
<点图片看大图>

细节:

阴影效果,教你制作各类阴影教程
<点图片看大图>

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

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

阴影效果,教你制作各类阴影教程
<点图片看大图>

阴影效果,教你制作各类阴影教程
<点图片看大图>

阴影效果,教你制作各类阴影教程
<点图片看大图>

 

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条