box-shadow制作各种单边，多边阴影
box-shadow 以由逗号分隔的列表来描述一个或多个阴影效果。该属性让你可以对几乎所有元素的边框产生阴影。
如果元素同时设置了 border-radius ，阴影也会有圆角效果。
多个阴影的z-ordering 和多个 text shadows 规则相同(第一个阴影在最上面)。 inset 默认阴影在边框外。 参数： <offset-x> 设置水平偏移量，如果是负值则阴影位于元素左边。 <offset-y> 设置垂直偏移量，如果是负值则阴影位于元素上面。
可用单位请查看 <length> 。如果两者都是0，那么阴影位于元素后面。这时如果设置了 <blur-radius> 或<spread-radius> 则有模糊效果。
<blur-radius>模糊半径 值越大，模糊面积越大，阴影就越大越淡。 不能为负值。默认为0，此时阴影边缘锐利。
<spread-radius>扩展半径 取正值时，阴影扩大；取负值时，阴影收缩。默认为0，此时阴影与元素同样大。 <color> 相关事项查看 <color> 。
如果没有指定，则由浏览器决定——通常是 color 的值，不过目前Safari取透明。 使用 inset 后，阴影在边框内（即使是透明边框），背景之上内容之下。 <spread-radius>才是用来控制阴影大小（扩展还是缩小）。如果没有设置扩展半径，那么阴影尺寸与元素大小相同。
效果如下： 只要没有设置扩展半径，阴影实际的大小不改变。<blur-radius>的值用来控制模糊程度，并不控制阴影的大小。<blur-radius>就类似于于photoshop中的羽化半径。 扩展半径如果是正的值，阴影扩展，如原来总宽高为44px的元素（包括边框2px），在设置10px扩展半径后，阴影的宽高会变为64px。
扩展半径如果是负的值，阴影收缩，如原来总宽高为44px的元素（包括边框2px），在设置-10px半径后，阴影的宽高会变为24px。 制作单边阴影时候常遇见这样一个情况，明明设置了x,y轴方向的偏移，为什么别的边还是有阴影出现。 如果不想边框左边出现任何绿色阴影，那么我们需要将x方向的偏移量调大一下。 可是元素右边的阴影太多了，如果将x偏移量改小了，左边就会出现阴影。
这种进退维谷的情况让人很奔溃。这其实模糊半径带来的问题，在设置模糊半径的时候（没有设置偏移量和扩展半径），发现元素四周会有阴影（羽化）的效果。 为了解决这个问题我们会不停调整左右的偏移量，其实我们应该调整元素扩展半径，让它变为负值，缩小阴影尺寸。
教你怎么用Photoshop做阴影效果
ps中为了让物体更有真实感，想给物体添加影子，该怎么制作物体的影子呢？下面我们就来看看详细的教程，需要的朋友可以参考下。 第一种方法 首先打开素材，我们把人抠出来。
载入人物的选区，创建一个曲线调整层(它在人物的下层)。
调整曲线调层，降低右侧的高光部分，让其变得黑暗。 由于光线是来自右前方，所以，我们选择住曲线调整层，执行 编辑>变换>扭曲，让阴影呈现在左侧位置。 我用套索工具，将头部的阴影的封闭。 然后，执行 选择>修改>羽化，羽化值视你的图像大小所定，这并没有一个固定值。
羽化完后，接下来，我们执行一个动感模糊滤镜。(执行时，请确保选择的是曲线调整层的蒙版) 不要取消选区，我们执行一个高斯模糊。 此外，我们也可以更改选择范围的位置，同样通过动感模糊和高斯模糊，进行多次调整。
重复几次动感模糊和高斯模糊，我们几乎可以呈现出真实的阴影。 最后，我们来调整阴影的深度。我们所遵循的阴影原则，是 [与主体的距离，越远越稀疏 ]，在这种情况下，我想在头部模糊时制作一个暗影，由于我所制作的阴影是由曲线构成的，所以，我在头部部分添加了一些灰色。
此外，我们也可以通过调整图层的不透明度，来让阴影显得不那么黑。 由于整体的不透明度下降了，所以鞋子和地面的接触感变弱了，大家都知道，两个物体的接触面，它的阴影会显得黑一些，所以，我再次创建了一个曲线调整层来做这个阴影，将曲线调整层的蒙版填充黑色，并调整。 接下来，我用画笔绘制我想要使阴影更深的部分。
完成了这些，我们就差不多完成了整个阴影的创建了。给人物添加一个渐变背景，来看看我们的阴影的效果。 另一种方法 使用photoshop打开需要处理的图片。 如图，新建图层1 如图，选择使用魔棒工具。
如图，使用魔棒工具选择背景图的空白区域。 如图，对选区进行反选，选中飞机部分。 如图，复制飞机选区到图层1。 如图，选择“图层”--“图层样式”--“投影”。
如图，设置图层样式为角度130度，距离为35像素。 如图，最终达到如图所示的阴影效果。
CSS3-盒子阴影:box-shadow
box-shadow:none|shadow 它的值包括 6 个参数：阴影类型，X轴位移，Y轴位移，阴影大小，阴影扩展和阴影颜色。此 6 个参数可以有选择地省略。
ps怎么制作阴影效果
ps
评论列表