夜猫教育网页设计理念知识之光线和阴影(20210225060448)

1、夜猫教育网页设计理念知识之光线和阴 影光源和阴影角度在你进行任何一张图片的处理之前，首 先确定你是否需要阴影，然后确定主光源的方向。工具/ 原料photoshopCS6 方法 / 步骤1、如上图，你会发现原始照片中光源在女主角的左上 方，所以你应该遵循光源的方向，在最终合成的照片中光线 的来源也在女主角的左上方。可以通过照片中一些元素来找 出光源的方向从而指导合成中光影的处理。下面有个类似的 例子。但是这次光源的方向在右边，设计师用了同样的处理 方法，在合成中虽然换了场景， 但是依旧遵循光源来自右边， 阴影在左边。2、但是，有时候没有明显的光源作为参考，这时候可 以利用场景中的物体的投影来确定

2、光源的方向。这儿有个例 子：3、原始照片中路标没有阴影，感觉不太真实，我们要 为它添加投影以便让它看起来更真实，这时照片中看不出明 显的光源在哪，但是可以看到照片中的男人和小女孩的投影 在人物的右后方，这样就可以确定路标的投影也应该在它自 己的右后方，如下图：4、上面的只是基础的理论，下面我将教你一些我处理 光影的技巧，为方便理解我给不同的阴影起了不同的名字。1、联系阴影我把这种阴影叫做“联系阴影”或者叫“接触阴影”是因为我不知道叫它什么名字了哈哈，这是一种非常 重要的阴影，这种阴影可以告诉我们物体是放在地上的或者 是与某个表面靠的很近，下面这张图片中雕像与地面接触的 位置就是这样的阴影，这种

3、阴影的特点是比较黑，但是又不 是纯黑，它有一定的透明度和边缘柔和度。5、在 photoshop 中制作这种阴影是很简单的只要多练 习，如下面的例子我把从原始照片中抠出来的模特放进一个 新的合成场景中 , 你能很明显感觉到画面很平淡，没有阴影 模特看起来就像浮在空中。6、我们给他添加点阴影试试，方法如下图所示，设置 一个中等大小笔刷 （视图片大小而定 ）, 硬度 30%左右，透明大 概 25%, 前景色黑色， 然后在物体边缘进行绘制， 从里到外的 绘制。7、2、软阴影这种阴影是一种特别重要的阴影，它能让 你的合成真实感再提升一个档次。而且在绘制这种阴影时你 的自由度更大 , 只要设置一个柔和度大

4、一点的笔刷， 25%-40% 左右的强度，然后在物体周围绘制。记住，从物体逐渐向远 处，阴影的透明度逐渐变低渐隐。如下图，我使用一个大柔 和度低透明底 （20%左右 ）的画笔来绘制物体周围的阴影，你 可以看到， 你分辨不出女孩的阴影的形状， 因为它太模糊了， 但是它无疑增加了场景的真实性 , 还要注意阴影从身体部位 开始逐渐向远处是如何渐隐到消失的。8、3、投射阴影这如果你想创建更真实的效果, 你还得再学会另外一种阴影 , 投射阴影 , 它是由于物体阻挡光线后 投射到地面或者其他表面上的投影 , 所以这种阴影受物体形 状的影响较大 , 在 photoshop 中我们一般直接使用物体的形 状来制

5、作这种阴影。在 photoshop 中制作同样一个效果可以 使用很多种不同的方法来实现 , 就看你自己习惯或喜欢哪一 种方法 , 简单介绍几种快速制作投射阴影的方法: 方法一 : 如下图演示 , 复制塔图层 , 然后用”色相 /饱和度”命令将明度 降低到零 , 然后变换命令进行翻转位置调整和变形, 再加点高斯模糊 ,适当调整一下透明度 , 以及根据从近到远阴影逐 渐渐隐的原理 , 用蒙版或者橡皮擦做适当调整就 ok 了。9、方法二 :这种方法特别快 , 很多人不知道 , 可以利用图 层样式分离来快速制作投影。 打开图层样式面板， 添加投影 , 调整参数得到一个边缘柔和的投影 , 可以在此处调节

6、投影的 透明度 , 也可以在分离后再图层的不透明度中来控制它的透 明度。确定后再图层面板该图层右边的图层样式符号上右击 选择”创建图层” , 即可将刚才设置的投影单独分离到独立 的图层上 , 然后就可像方法一中一样调整位置和透明度等实 现投影制作。10、制作投射投影的方法很多，这里就不举过多例子， 大家用自己最擅长的方式实现了就行。下面我们来讲一下光 线的处理技巧。 4、投射光线光效制作在合成中特别重要 , 能 大大提升合成的真实感 . 下面介绍一下下图中这种光效的制 作方法。11 、在 photoshop 中进行光效的制作并不难 , 只要利用 好图层混合模式。不要固定思维觉得一个效果就在一个

7、图层 上，其实图层之间相互混合能制作很多有趣的效果。首先来 创建光源 , 新建一图层 , 前景色橘黄色 , 使用一个大的柔和的 笔刷在灯的位置点一个柔和的点 , 然后更改图层混合模式 , 可以一个个尝试 , 试一下哪个模式出来的效果好就选哪个,这个不固定 , 有时候这种模式适合 , 有时候又是另一种模式 更适合 , 视情况而定。记住混合模式跟亮度值有关 , 如果所有 模式尝试过了还是没有你期望的效果 , 尝试用一个更暗一点、 饱和度更低一点的颜色试一下，这个例子中我使用的是一个 深黄色来制作的辉光。12、下一步我们利用滤镜 渲染 镜头光晕来制作发光光 芒。做一个矩形选区，新建图层填充黑色，添加

8、镜头光晕滤 镜，把光晕放在矩形中心 , 然后可以利用色相饱和度适当调 整颜色 , 然后更改混合模式为”滤色” , 这样黑色部分将被滤 去只剩光晕的部分 , 如图 :13、光源制作好以后 , 要考虑制作光源可能影响到的场 景的位置的光效 , 这样才能增加真实感 , 制作方法跟上面一 样, 都是利用柔和的大笔刷来绘制然后改变图层混合模式。 我发现颜色减淡、亮光、线性减淡这几个混合模式在制作光 效时特别常用 , 但就像刚才说的 , 它还受颜色和亮度值得影 响, 所以, 光效的真实感取决于你把它放在哪个位置。14、上图可以看见 , 地面增加了光效后增加了很多真实 感, 在这里使用的是一个大的柔和的黄色笔刷画了一个点， 然后颜色减淡混合模式，再利用变形工具压扁适合地面 , 同 样左侧墙面上的光效也可用类似的方法，大家自己尝试一下， 反正思路就是这么一个思路，更多细节就自己尝试着去添加 试试。如图：15、5、轮廓光下面来介绍一种光 , 当光线来自物体的一 边或者从物体背面来的时候会在物体的边缘轮廓上形成一 道亮的光效 , 叫做轮廓光 , 很多摄影师会利用这种轮廓光 , 给 拍摄对象制造一种神秘、唯美的感觉。简单的方式我们利用 图层样式就能制作这种光线 , 添加一些内阴影 , 然后改变一 下混合模式就可以 （ 注意这里的内阴影是图层样式的名称 , 不要被名字给局限了你的思维 , 其实内阴影