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

本篇教程主要跟大家讲解怎么给各类图片制作精致的阴影,方法很实用,三招就能制作出来,分享给想学习阴影制作的同学了。 作者公众号:三根设计骨 源文件下载: http:///photoshop/sucai/2016/v942244.

Photoshop制作网页搜索条

1 .是建立一个新文件大小为450 200, 2.双击背景层解锁,右键图层;设置图层的混合选项; 3.用圆角矩形工具画一矩形半径8px; 分页标题 4.设置它的混合选项; 5.按下ctrl点击这个图层,然后用矩形选框工具将左侧区域减去; 分页标题 6.在这个选区下新建图层并填

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

作者公众号:三根设计骨

源文件下载:http:///photoshop/sucai/2016/v942244.html

首先呢,阴影和投影,别混淆。我这里要说的是阴影。

阴影效果,教你制作各类阴影教程(5)插图

图1属于阴影 图2属于投影

影院放电影 —— 投影 可以通俗的说成由某个点投过去的影子。
站在阳光下——阴影 可以通俗的说成由某个点散发出的一片阴影。

好了,记下来今天的介入正题。

先来看一波案列:

耐克Logo:

阴影效果,教你制作各类阴影教程(5)插图(1)

金属充电器,注意它3个角阴影的感觉:

阴影效果,教你制作各类阴影教程(5)插图(2)

智能手表:

阴影效果,教你制作各类阴影教程(5)插图(3)

手机:

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

苹果手机的包装盒,注意2边的角:

阴影效果,教你制作各类阴影教程(5)插图(5)

再看有和无的区别:

案列1:

阴影效果,教你制作各类阴影教程(5)插图(6)

阴影效果,教你制作各类阴影教程(5)插图(7)

案列2:

阴影效果,教你制作各类阴影教程(5)插图(8)

阴影效果,教你制作各类阴影教程(5)插图(9)

案列3:

阴影效果,教你制作各类阴影教程(5)插图(10)

阴影效果,教你制作各类阴影教程(5)插图(11)

首先说明:

为什么会有这样一个教程呢,起初是这样的。一天逛国外网站的时候,无意间看到这样一张图:

阴影效果,教你制作各类阴影教程(5)插图(12)

耐克的logo,当然我不是被logo帅到,我是被这上面的阴影帅到。弥散阴影做比较容易实现。

我们主要是来看下细节:

阴影效果,教你制作各类阴影教程(5)插图(13)

右上角的点,这种阴影给人一种更舒服,像是又一层玻璃,让阴影变的更加立体感了。

所以希望我也能做出这种效果来,看第一眼我就知道,这肯定不是一个一个图层用画笔画出来的,我认为应该可以通过一些方法轻松实现,而且是可以灵活调整的。

于是我带着不解的疑问去找同事探讨,后面我们提出了一个关键的点。那么这个点我们后面会说道。

大家先看下分解图:

阴影效果,教你制作各类阴影教程(5)插图(14)

1、原型形状层

阴影效果,教你制作各类阴影教程(5)插图(15)

2、第一层阴影

阴影效果,教你制作各类阴影教程(5)插图(16)

3、第二层阴影

是不是很简单,只有三步操作。只是需要把参数、角度、颜色三者调到一个合适的范围即可。

当然做阴影嘛,也不一定非要做成这种效果。我只是想分享给大家,一起玩。共勉之。

制作教程:以耐克Logo为案列一、原型形状

你要做的这个对象的原型,如:

阴影效果,教你制作各类阴影教程(5)插图(17)

填充颜色:

阴影效果,教你制作各类阴影教程(5)插图(18)

填充颜色建议大家使用形状羽化来达到渐变的效果,方便后面对颜色、位置、大小以及羽化的程度来做一个调整。

如:

阴影效果,教你制作各类阴影教程(5)插图(19)

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

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

阴影效果,教你制作各类阴影教程(5)插图(20)

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

阴影效果,教你制作各类阴影教程(5)插图(21)

然后渐变设置:

阴影效果,教你制作各类阴影教程(5)插图(22)

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

阴影效果,教你制作各类阴影教程(5)插图(23)

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

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

阴影效果,教你制作各类阴影教程(5)插图(24)

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

阴影效果,教你制作各类阴影教程(5)插图(25)

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

这一步的效果图:

阴影效果,教你制作各类阴影教程(5)插图(26)

三、添加弥散阴影层

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

阴影效果,教你制作各类阴影教程(5)插图(27)

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

效果如下:

阴影效果,教你制作各类阴影教程(5)插图(28)

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

阴影效果,教你制作各类阴影教程(5)插图(29)

最终效果图如下:

阴影效果,教你制作各类阴影教程(5)插图(30)

细节:

阴影效果,教你制作各类阴影教程(5)插图(31)

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

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

阴影效果,教你制作各类阴影教程(5)插图(32)

阴影效果,教你制作各类阴影教程(5)插图(33)

阴影效果,教你制作各类阴影教程(5)插图(34)

 

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

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

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

阴影效果,教你制作各类阴影教程(5)插图(20)

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

阴影效果,教你制作各类阴影教程(5)插图(21)

然后渐变设置:

阴影效果,教你制作各类阴影教程(5)插图(22)

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

阴影效果,教你制作各类阴影教程(5)插图(23)

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

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

阴影效果,教你制作各类阴影教程(5)插图(24)

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

阴影效果,教你制作各类阴影教程(5)插图(25)

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

这一步的效果图:

阴影效果,教你制作各类阴影教程(5)插图(26)

三、添加弥散阴影层

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

阴影效果,教你制作各类阴影教程(5)插图(27)

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

效果如下:

阴影效果,教你制作各类阴影教程(5)插图(28)

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

阴影效果,教你制作各类阴影教程(5)插图(29)

最终效果图如下:

阴影效果,教你制作各类阴影教程(5)插图(30)

细节:

阴影效果,教你制作各类阴影教程(5)插图(31)

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

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

阴影效果,教你制作各类阴影教程(5)插图(32)

阴影效果,教你制作各类阴影教程(5)插图(33)

阴影效果,教你制作各类阴影教程(5)插图(34)

 

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

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

作者公众号:三根设计骨

源文件下载:http:///photoshop/sucai/2016/v942244.html

首先呢,阴影和投影,别混淆。我这里要说的是阴影。

阴影效果,教你制作各类阴影教程(5)插图

图1属于阴影 图2属于投影

影院放电影 —— 投影 可以通俗的说成由某个点投过去的影子。
站在阳光下——阴影 可以通俗的说成由某个点散发出的一片阴影。

好了,记下来今天的介入正题。

先来看一波案列:

耐克Logo:

阴影效果,教你制作各类阴影教程(5)插图(1)

金属充电器,注意它3个角阴影的感觉:

阴影效果,教你制作各类阴影教程(5)插图(2)

智能手表:

阴影效果,教你制作各类阴影教程(5)插图(3)

手机:

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

苹果手机的包装盒,注意2边的角:

阴影效果,教你制作各类阴影教程(5)插图(5)

再看有和无的区别:

案列1:

阴影效果,教你制作各类阴影教程(5)插图(6)

阴影效果,教你制作各类阴影教程(5)插图(7)

案列2:

阴影效果,教你制作各类阴影教程(5)插图(8)

阴影效果,教你制作各类阴影教程(5)插图(9)

案列3:

阴影效果,教你制作各类阴影教程(5)插图(10)

阴影效果,教你制作各类阴影教程(5)插图(11)

首先说明:

为什么会有这样一个教程呢,起初是这样的。一天逛国外网站的时候,无意间看到这样一张图:

阴影效果,教你制作各类阴影教程(5)插图(12)

耐克的logo,当然我不是被logo帅到,我是被这上面的阴影帅到。弥散阴影做比较容易实现。

我们主要是来看下细节:

阴影效果,教你制作各类阴影教程(5)插图(13)

右上角的点,这种阴影给人一种更舒服,像是又一层玻璃,让阴影变的更加立体感了。

所以希望我也能做出这种效果来,看第一眼我就知道,这肯定不是一个一个图层用画笔画出来的,我认为应该可以通过一些方法轻松实现,而且是可以灵活调整的。

于是我带着不解的疑问去找同事探讨,后面我们提出了一个关键的点。那么这个点我们后面会说道。

大家先看下分解图:

阴影效果,教你制作各类阴影教程(5)插图(14)

1、原型形状层

阴影效果,教你制作各类阴影教程(5)插图(15)

2、第一层阴影

阴影效果,教你制作各类阴影教程(5)插图(16)

3、第二层阴影

是不是很简单,只有三步操作。只是需要把参数、角度、颜色三者调到一个合适的范围即可。

当然做阴影嘛,也不一定非要做成这种效果。我只是想分享给大家,一起玩。共勉之。

制作教程:以耐克Logo为案列一、原型形状

你要做的这个对象的原型,如:

阴影效果,教你制作各类阴影教程(5)插图(17)

填充颜色:

阴影效果,教你制作各类阴影教程(5)插图(18)

填充颜色建议大家使用形状羽化来达到渐变的效果,方便后面对颜色、位置、大小以及羽化的程度来做一个调整。

如:

阴影效果,教你制作各类阴影教程(5)插图(19)

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

作者公众号:三根设计骨

源文件下载:http:///photoshop/sucai/2016/v942244.html

首先呢,阴影和投影,别混淆。我这里要说的是阴影。

阴影效果,教你制作各类阴影教程(5)插图

图1属于阴影 图2属于投影

影院放电影 —— 投影 可以通俗的说成由某个点投过去的影子。
站在阳光下——阴影 可以通俗的说成由某个点散发出的一片阴影。

好了,记下来今天的介入正题。

先来看一波案列:

耐克Logo:

阴影效果,教你制作各类阴影教程(5)插图(1)

金属充电器,注意它3个角阴影的感觉:

阴影效果,教你制作各类阴影教程(5)插图(2)

智能手表:

阴影效果,教你制作各类阴影教程(5)插图(3)

手机:

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

苹果手机的包装盒,注意2边的角:

阴影效果,教你制作各类阴影教程(5)插图(5)

再看有和无的区别:

案列1:

阴影效果,教你制作各类阴影教程(5)插图(6)

阴影效果,教你制作各类阴影教程(5)插图(7)

案列2:

阴影效果,教你制作各类阴影教程(5)插图(8)

阴影效果,教你制作各类阴影教程(5)插图(9)

案列3:

阴影效果,教你制作各类阴影教程(5)插图(10)

阴影效果,教你制作各类阴影教程(5)插图(11)

首先说明:

为什么会有这样一个教程呢,起初是这样的。一天逛国外网站的时候,无意间看到这样一张图:

阴影效果,教你制作各类阴影教程(5)插图(12)

耐克的logo,当然我不是被logo帅到,我是被这上面的阴影帅到。弥散阴影做比较容易实现。

我们主要是来看下细节:

阴影效果,教你制作各类阴影教程(5)插图(13)

右上角的点,这种阴影给人一种更舒服,像是又一层玻璃,让阴影变的更加立体感了。

所以希望我也能做出这种效果来,看第一眼我就知道,这肯定不是一个一个图层用画笔画出来的,我认为应该可以通过一些方法轻松实现,而且是可以灵活调整的。

于是我带着不解的疑问去找同事探讨,后面我们提出了一个关键的点。那么这个点我们后面会说道。

大家先看下分解图:

阴影效果,教你制作各类阴影教程(5)插图(14)

1、原型形状层

阴影效果,教你制作各类阴影教程(5)插图(15)

2、第一层阴影

阴影效果,教你制作各类阴影教程(5)插图(16)

3、第二层阴影

是不是很简单,只有三步操作。只是需要把参数、角度、颜色三者调到一个合适的范围即可。

当然做阴影嘛,也不一定非要做成这种效果。我只是想分享给大家,一起玩。共勉之。

制作教程:以耐克Logo为案列一、原型形状

你要做的这个对象的原型,如:

阴影效果,教你制作各类阴影教程(5)插图(17)

填充颜色:

阴影效果,教你制作各类阴影教程(5)插图(18)

填充颜色建议大家使用形状羽化来达到渐变的效果,方便后面对颜色、位置、大小以及羽化的程度来做一个调整。

如:

阴影效果,教你制作各类阴影教程(5)插图(19)

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

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

阴影效果,教你制作各类阴影教程(5)插图(20)

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

阴影效果,教你制作各类阴影教程(5)插图(21)

然后渐变设置:

阴影效果,教你制作各类阴影教程(5)插图(22)

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

阴影效果,教你制作各类阴影教程(5)插图(23)

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

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

阴影效果,教你制作各类阴影教程(5)插图(24)

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

阴影效果,教你制作各类阴影教程(5)插图(25)

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

这一步的效果图:

阴影效果,教你制作各类阴影教程(5)插图(26)

三、添加弥散阴影层

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

阴影效果,教你制作各类阴影教程(5)插图(27)

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

效果如下:

阴影效果,教你制作各类阴影教程(5)插图(28)

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

阴影效果,教你制作各类阴影教程(5)插图(29)

最终效果图如下:

阴影效果,教你制作各类阴影教程(5)插图(30)

细节:

阴影效果,教你制作各类阴影教程(5)插图(31)

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

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

阴影效果,教你制作各类阴影教程(5)插图(32)

阴影效果,教你制作各类阴影教程(5)插图(33)

阴影效果,教你制作各类阴影教程(5)插图(34)

 

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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部