|
本实例绘制的个性播放器面板最终效果如图1。

图1 个性播放器面板最终效果图
具体操作步骤如下:
(1)按【Ctrl+N】组合键新建一文件,设置其Width(宽度)为500,Height(高度)为500,Resolution(分辨率)为72,Color Mode(颜色模式)为RGB Color,Background Contents(背景)为Background Color(背景色)。完毕后单击“OK”按钮。
(2)单击自定形状工具 ,然后选择形状 ,再按住【Shift】键用鼠标拖一个等边六角形,图层命名为播放器底框。等边六角形的播放器底框如图2所示。

图2 播放器底框
(3)栅格化播放器底框图层,按住【Ctrl】键再用鼠标单击播放器底框层,使其载入选区,选择菜单中的“Select(选择)->Modify(修改)->Contract(收缩)”命令,收缩量为15像素,按【Delete】键删除播放器底框的中间部分。删除后如图3所示。

图3 删除播放器底框的中间部分
(4)保持选区不变,新建一个图层命名为气氛效果底框,把前景色设置为RGB(0,74,128)后点填充工具 填充选区。再新建一个图层命名为十字线,把前景色设置为RGB(255,255,255)的白色,点画笔工具 ,选择直径为3的画笔 ,按住【Shift】键用鼠标画2条直线垂直交叉成十字。十字线如图4所示。

图4 十字线
(5)复制十字线图层,把复制后的图层命名为蓝色十字线,选择菜单中的“Edit(编辑)->Stroke(描边)”命令,在Stroke面版里把Width(宽度)设置为3,颜色设置为RGB(84,168,229),Location(位置)为Outside(居外)。选择菜单中的“Filter(滤镜)->Blur(模糊)->Gaussian Blur(高斯模糊)”命令,设置Radius(半径)为4。执行高斯模糊命令后如图5所示。

图5 执行高斯模糊命令后的效果
(6)复制蓝色十字线图层5次,然后按【Ctrl+T】组合键把才复制出的这5个图层进行旋转,然后按【Ctrl+E】组合键把十字线图层和这6个蓝色十字线图层进行合并。旋转后的蓝色十字线如图6所示。

图6 旋转后的蓝色十字线
(7)选择菜单中的“Filter(滤镜)->Distort(扭曲)->Ripple(波纹)”命令,设置Amount(数量)为100%,Size(大小)为Large(大)。执行波纹滤镜后的效果如图7所示。

图7 执行波纹滤镜后的效果
(8)选择气氛效果底框图层,再选择菜单中的“Filter(滤镜)->Render(渲染)->Lighting Effects(光照效果)”命令,打开光照效果对话框调整光照各选项:Light type(光照类型)为Omni(全光源),Intensity(强度)为42,Gloss(光泽)为0,Material(材料)为69,Exposure(曝光度)为0,Ambience(环境)为8,将光源颜色设为白色。光照效果滤镜设置如图8所示,光照效果滤镜执行后的效果如图9所示。

图8 光照效果滤镜设置

图9 光照效果滤镜执行后的效果
(9)选择蓝色十字线图层,按【Ctrl+F】组合键再次执行光照效果。按住【Ctrl】键再用鼠标单击播放器底框层,使其载入选区,再按【Delete】键删除蓝色十字线的多余部分。删除后如图10所示。

图10 删除蓝色十字线的多余部分
(10)选择自定形状工具 的形状 ,再按住【Shift】键用鼠标拖一个小等边六角形,把这个小等边六角形复制出九个副本,再把其中五个副本组合后按【Ctrl+E】组合键合并,命名为按钮面板,组合后的五个小等边六角形如图11所示。

图11 组合后的五个小等边六角形
(11)按住【Ctrl】键再用鼠标单击按钮面板层,使其载入选区,选择菜单中的“Select(选择)->Modify(修改)->Expand(扩展)”命令,扩展量为4像素。扩展后用黑色填充选区,把另外五个小等边六角形移到按钮面板层上,再分别命名为:Stop、Pause、Play、Next和Previous。放大后的按钮面板如图12所示。

图12 放大后的按钮面板
(12)现在为Previous层添加Layer Style(图层样式),在Layers(图层)面板的Previous层上点鼠标右键选择Blending Options(混合选项)进入Layer Style面板。选择Bevel and Emboss(斜面和浮雕),Style(样式)定为Pillow Emboss(枕状浮雕),Technique(方法)为Smooth(平滑),Depth(深度)为101%,Direction(方向)为上,Size(大小)为1,Soften(软化)为0,Angle(阴影角度)为120度,选用Use Global Light(全局光),Altitude(高度)为30度,Highlight Mode(高光)和Shadow Mode(暗调)的颜色、混合模式不变,Opacity(不透明度)都为75%。斜面和浮雕的设置如图13所示。

图13 斜面和浮雕的设置
选择Gradient Overlay(渐变叠加),把Gradient(渐变)改为蓝色到白色的渐变,其它项都不变。渐变的设置如图14所示。

图14 渐变的设置
复制Previous层的图层样式应用到Stop层、Pause层、Play层和Next层中,使用图层样式后的效果如图15所示。

图15 使用图层样式后的效果
(13)在播放器底框图层上新建一个图层命名为播放器边框,用多边形套索工具和填充工具对播放器的底框进行修改,然后把播放器底框图层、播放器边框图层和按钮面板图层进行合并,合并后的图层命名为播放器底框。修改后的播放器底框如图16所示。

图16 修改后的播放器底框
(14)现在为播放器底框层添加图层样式,进入Layer Style面板。选择Bevel and Emboss(斜面和浮雕),Style(样式)定为Inner Bevel(内斜面),Technique(方法)为Smooth(平滑),Depth(深度)为100%,Direction(方向)为上,Size(大小)为5,Soften(软化)为0,Angle(阴影角度)为120度,取消Use Global Light(全局光),Altitude(高度)为30度,Highlight Mode(高光)和Shadow Mode(暗调)的颜色、混合模式不变,Opacity(不透明度)分别为100%和75%。斜面和浮雕的设置如图17所示。

图17 斜面和浮雕的设置
选择Drop Shadow(投影),保持投影原来的设置不变。播放器底框层添加图层样式后如图18所示。

图18 播放器底框层添加图层样式的效果
(15)用画笔工具和直接选取工具制作面板上的按钮,再做些修饰后最终效果如图19所示。

图19 最终效果 |