您的位置:IT教程网首页>图形图象教程>photoshop>深入Photoshop阴影设计

深入Photoshop阴影设计



最近,一个阴影帮助我的一个 Web站点解决了大问题。在其标题部分,有一个很抢眼的图形,但是页面的其它部分却非常干净整洁而且单调。整个页面很和谐。但是我们需要增加一个适合页面的一侧菜单,另外还有一些其它图形密集并且更加“忙”的菜单。

答案是使用基于白色菜单风格的白色。这个菜单是用白色页面上的白色来构造的,唯一用来创造出菜单区域幻觉的分隔符是一个分隔层,它在不同的页面上发挥着魔法一般的作用。

基本的概念如下图所示:


以上为在一个白色背景上带有下拉阴影效果的白色矩形。

下面我们将在阴影中做一些有趣的事情,它们会使你感到奇怪,为什么一直把阴影当成是一个自动功能呢。


3

Photoshop阴影设计诀窍

这里有一个“白色-白色”的阴影举例。我希望确定的是你知道你能够使用阴影来增强一个有任意颜色或纹理的区域。秘诀在于使将要被增加阴影的区域的背景与页面的背景保持完全相同。在这个例子中,背景和被选中的矩形区域都被填充了同样的褐色,并且让两者使用同样的纹理。你很难找到一种分隔页面区域或菜单项的精密方法能够胜过这种方法的效果。象我在这里使用的这么独特的阴影,你根本就用不着。它真的特别精密,看着它从一个单色的页面变得栩栩如生吧。

 

看看以下样本,就可以知道这是如何完成的。我将背景恢复成白色,选择了创建阴影的矩形。这个效果需要两层,一层是有背景的,一层是填充了的矩形,这一层是接受阴影处理的层。

 



4

将阴影从层中分离

Photoshop 中有一些窍门使你能够轻松地创建出许多种类的阴影。请看下面的样本:

 
这是一个与上面同样的有阴影的矩形,但是请注意在图象的顶端和左侧,阴影好象消失在页面中了。现在看起来好象是只有一个角从页面上提升起来了。

这是如何实现的呢?当你调整阴影的时候,整个的阴影都会变化。但是如果象这个例子一样,阴影是一个单独的层时就不会这样。我取这一层的效果,并将其与该层分开。这之后,就可以对阴影做任何想做的处理,包括变形、扭曲或者就如我在这里所做的,给它的一部分染色。

要想创造这个效果,就要象对其它阴影一样,增加上将要形成阴影基础的效果。你对基础阴影感到满意之后,使这一层被激活,在该层的效果图标上点击右键 (PC平台) 或Command-Click (Mac平台),从弹出菜单中选择创建层。

PS 6注意事项:也可以从主菜单中“选择层->层格式->创建层”。

PS 6 注意事项2:一定要在层格式窗口中取消Layer Knocks out Drop Shadow 这一选项。

PS 5.5 注意事项:也可以从主菜单中“选择层->效果->创建层”。
你能看到有一个新的层被创建出来,并且就放在你放置阴影的那层下面。请看下面所示的上面图象的层调色板:

 

现在你的阴影已经在一个单独的层中了,然后就可以象处理其它层一样对它进行处理。为了增加阴影的立体感,我使用了一个很大的画笔以进行温和的颜色调整,并用一个较低的不透明度制作阴影的形状。左上角这个阴影完全消失了,然后沿着整个阴影逐渐变得越来越柔和。
一旦你掌握了这个技巧,就可以将它用在更多的设计元素中。以菜单为例,创建一个相匹配的分隔线,如下面所示,它也能作为一个页面分隔符:

你还可以把这些线合在一起,用它们来形成一个菜单。

Menu Item 1

Menu Item 2

Menu Item 3



5

处理阴影层

一旦你能够把自己心目中所希望对阴影层做的处理都实践出来,你有可能就要开始搜寻艺术领域中关于光线和透视法的信息了。我们可以进行变形、调整大小、虚化、增加纹理 ... 尽可能地发挥你的想象力吧。

在下面包含了一个不规则图形。当阴影指令能够完成全部任务时,阴影对象的形状多么复杂都没有关系。在这个例子中,我将阴影变得更小并且进行了轻微的扭曲。

 

当阴影被自动创建并且分层时,不规则形状也不成问题。这个图象底部的版本中所增加的纹理与背景中增加的纹理相同。下面显示了没有背景的增加了纹理的阴影。

 



上面的阴影使用了纹理。虽然这个阴影非常透明,但是其中那一点点纯色足以使纹理在背景上失去光彩。你能够看到纹理,但是它却不生动。我向阴影中增加了在背景中所使用的纹理,它增加了一些细微的颜色转变,使阴影变得栩栩如生。

我对于掌握一个效果的功能比掌握一个简单的解决方案更感兴趣。当我第一次点击创建层,看到所发生的一切时,简直都不能相信自己的眼睛。从那天开始,我就很少再把阴影固定到层上。我通常都是增加一点额外的虚化,或者是稍微调整一下大小,在我不希望阴影出现的地方,把阴影从边缘移走,因为虚化效果使它消失了。

我还喜欢用鼠标或箭头键将阴影四处移动。新的层格式窗口很大,很合我的口味。重要的不仅仅是有了对象的阴影的外观,与页面的其它部分在一起看起来也一定很好。

现在我提出关于阴影的最后一个观点。可以用梯度填充来增强阴影层,从而创造出真实的图形,特别是要表达一个侧面视图的时候。

学习了这些技巧,一定要花一些时间来反复实验。在此过程中,你一定要记住:你可以把所有的 PS层效果都分离出来,正如我们对下拉阴影所做的那样。难道这还没有使你的思维开始活跃吗?