日期:2013-11-15  浏览次数:20730 次

在设计多媒体光盘、多媒体课件的用户界面时,许多设计者喜欢制作仿真Windows任务栏和开始菜单。因为平常大家接触最多的界面恰恰就是Windows的桌面环境,所以这种风格的用户界面为许多用户所喜爱。

  设计这类界面的关键是制作出逼真的任务栏和开始按钮,今天我们来介绍一下如何使用Photoshop制作这种逼真的任务栏和开始按钮。

  本文以Photoshop CS中文版为例,其他版本类似。 文章末尾提供.psd文件供大家下载参考

  完成效果:

Photoshop制作精致的XP风格任务栏(多图)

  绘制过程:

  1、运行Photoshop CS中文版,新建一个大小为“450×450”像素、分辨率为72像素/英寸、背景颜色为白色的文件,输入文件名称“Toolbar”,具体设置如图1所示。

Photoshop制作精致的XP风格任务栏(多图)

  2、按下键盘上的D键设置前景色与背景色为默认的黑色和白色,然后再按下“Alt+Delete”键将当前图层填充为黑色。设置为黑色的目的是为了在制作过程中更容易地看清楚银色任务栏的效果,在制作完成后可以将多余的部分去掉。

  3、单击图层面板中的“创建新的图层”按钮,在“背景”图层的上方新建一个图层,并将其命名为“Bar”。(小技巧:按下键盘上的“Ctrl+Alt+Shift+N”可以快速在当前图层上方创建一个新的图层,若要在新建图层的同时对图层命名、设置图层颜色、模式,可以按快捷键“Ctrl+Shift+N”,然后在弹出的“新图层”对话框中进行详细设置,如图2所示。)

Photoshop制作精致的XP风格任务栏(多图)

  4、选择工具箱中的“矩形选框工具”,在图层“Bar”上绘制一个高度大约为35像素的长方形选择区域,其宽度与图像文件宽度相同。绘制完成后按下“Alt+Delete”键将创建的选区填充为黑色。

  在设计多媒体光盘、多媒体课件的用户界面时,许多设计者喜欢制作仿真Windows任务栏和开始菜单。因为平常大家接触最多的界面恰恰就是Windows的桌面环境,所以这种风格的用户界面为许多用户所喜爱。

  设计这类界面的关键是制作出逼真的任务栏和开始按钮,今天我们来介绍一下如何使用Photoshop制作这种逼真的任务栏和开始按钮。

  本文以Photoshop CS中文版为例,其他版本类似。 文章末尾提供.psd文件供大家下载参考

  完成效果:

Photoshop制作精致的XP风格任务栏(多图)

  绘制过程:

  1、运行Photoshop CS中文版,新建一个大小为“450×450”像素、分辨率为72像素/英寸、背景颜色为白色的文件,输入文件名称“Toolbar”,具体设置如图1所示。

Photoshop制作精致的XP风格任务栏(多图)

  2、按下键盘上的D键设置前景色与背景色为默认的黑色和白色,然后再按下“Alt+Delete”键将当前图层填充为黑色。设置为黑色的目的是为了在制作过程中更容易地看清楚银色任务栏的效果,在制作完成后可以将多余的部分去掉。

  3、单击图层面板中的“创建新的图层”按钮,在“背景”图层的上方新建一个图层,并将其命名为“Bar”。(小技巧:按下键盘上的“Ctrl+Alt+Shift+N”可以快速在当前图层上方创建一个新的图层,若要在新建图层的同时对图层命名、设置图层颜色、模式,可以按快捷键“Ctrl+Shift+N”,然后在弹出的“新图层”对话框中进行详细设置,如图2所示。)

Photoshop制作精致的XP风格任务栏(多图)

  4、选择工具箱中的“矩形选框工具”,在图层“Bar”上绘制一个高度大约为35像素的长方形选择区域,其宽度与图像文件宽度相同。绘制完成后按下“Alt+Delete”键将创建的选区填充为黑色。

   6、制作开始按钮的关键是制作出按钮形状的选区。在图层“Bar”上新建一个图层,并命名为“White”,然后按住Ctrl键的同时单击图层“Bar”,载入图层“Bar”的选区,如图6中1所示。

Photoshop制作精致XP风格任务栏(多图)(3)

   7、选择工具箱中的“矩形选框工具”,在上方的选项栏中设置为“从选区减去”,如图7所示,然后选择窗口中矩形选区的右边部分,将其减去,得到如图6中2所示的结果。

Photoshop制作精致XP风格任务栏(多图)(3)

  8、选择工具箱中的“椭圆选框工具”,在上方的选项栏中设置为“与选区交叉”,如图8所示,在左边绘制椭圆,使其形成如图6中4所示的结果。一次不行,可以按Ctrl+Z键撤消再重做一次,直到结果令你满意为止。

Photoshop制作精致XP风格任务栏(多图)(3)