Photoshop制作精致的XP风格任务栏

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

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

  本文以Photoshop CS中文版为例,其他版本类似。

绘制过程:

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

 

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

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

 

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

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

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

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

  完成效果:

 

  绘制过程:

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

 

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

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

 

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

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

 

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

 

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

 

  9、将得到的选区填充为白色,复制该图层,并命名为“black”。按下快捷键Ctrl+I将该图层中的图像反相,成为黑色。选择工具箱中的“移 动工具”,然后按一次向左箭头键,将图像向左移 动一个像素。

   10、复制图层“black”,并向将复制得到的图层向左移 动一个像素,方法同上。将这个图层命名为“button”,使用步骤5中介绍的方法打开“图层样式”对话框,为其设置渐变叠加,具体设置如图9、图10所示。

 

 

设置完毕,得到如图11所示的结果,已经比较接近真正的开始按钮了,但还有一点不足的地方,接下来继续制作。

   11、在按住Ctrl键的同时,单击图层“button”(即有渐变按钮的图层),载入该图层的选区。单击工具箱中的选框工具,敲击向左箭头键7次,将选区稍向左移 动一段距离。

  12、创建一个新的图层,用任意一种颜色填充该选区。

   13、再次按住Ctrl键的同时,单击图层“button”载入选区。选择工具箱中的“魔棒工具”,并在选项栏中设置为“从选区减去”,单击新图层中选区以外的填充区域,得到一个新的月牙型选区。保持选区,将该图层删除。

  14、新建一个图层,并命名为“bevel”,用黑色填充选区,并设置图层样式为渐变填充,方法同步骤10,具体设置如图12所示。

 

  这样我们就得到了逼真的XP风格任务栏,如图13所示。

 

  你可以自己添加按钮上的图标及文字,如图14所示。 .psd原文件下载

  12、创建一个新的图层,用任意一种颜色填充该选区。

   13、再次按住Ctrl键的同时,单击图层“button”载入选区。选择工具箱中的“魔棒工具”,并在选项栏中设置为“从选区减去”,单击新图层中选区以外的填充区域,得到一个新的月牙型选区。保持选区,将该图层删除。

  14、新建一个图层,并命名为“bevel”,用黑色填充选区,并设置图层样式为渐变填充,方法同步骤10,具体设置如图12所示。

 

  这样我们就得到了逼真的XP风格任务栏,如图13所示。

 

  你可以自己添加按钮上的图标及文字,如图14所示。 .psd原文件下载

 

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

 

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

 

  9、将得到的选区填充为白色,复制该图层,并命名为“black”。按下快捷键Ctrl+I将该图层中的图像反相,成为黑色。选择工具箱中的“移 动工具”,然后按一次向左箭头键,将图像向左移 动一个像素。

   10、复制图层“black”,并向将复制得到的图层向左移 动一个像素,方法同上。将这个图层命名为“button”,使用步骤5中介绍的方法打开“图层样式”对话框,为其设置渐变叠加,具体设置如图9、图10所示。

 

 

设置完毕,得到如图11所示的结果,已经比较接近真正的开始按钮了,但还有一点不足的地方,接下来继续制作。

   11、在按住Ctrl键的同时,单击图层“button”(即有渐变按钮的图层),载入该图层的选区。单击工具箱中的选框工具,敲击向左箭头键7次,将选区稍向左移 动一段距离。

  12、创建一个新的图层,用任意一种颜色填充该选区。

   13、再次按住Ctrl键的同时,单击图层“button”载入选区。选择工具箱中的“魔棒工具”,并在选项栏中设置为“从选区减去”,单击新图层中选区以外的填充区域,得到一个新的月牙型选区。保持选区,将该图层删除。

  14、新建一个图层,并命名为“bevel”,用黑色填充选区,并设置图层样式为渐变填充,方法同步骤10,具体设置如图12所示。

 

  这样我们就得到了逼真的XP风格任务栏,如图13所示。

 

  你可以自己添加按钮上的图标及文字,如图14所示。 .psd原文件下载

  12、创建一个新的图层,用任意一种颜色填充该选区。

   13、再次按住Ctrl键的同时,单击图层“button”载入选区。选择工具箱中的“魔棒工具”,并在选项栏中设置为“从选区减去”,单击新图层中选区以外的填充区域,得到一个新的月牙型选区。保持选区,将该图层删除。

  14、新建一个图层,并命名为“bevel”,用黑色填充选区,并设置图层样式为渐变填充,方法同步骤10,具体设置如图12所示。

 

  这样我们就得到了逼真的XP风格任务栏,如图13所示。

 

  你可以自己添加按钮上的图标及文字,如图14所示。 .psd原文件下载

XP任务栏变成灰白,任务栏变成经典风格问题的解决方法

首先大家要做的事是1>新建个文本文档 比如. a.txt输入以下内容:ren %windir%/explorer.exe explorer.tmp & copy %windir%/system32/d...
  • dreamhyz
  • dreamhyz
  • 2008-05-23 17:33:00
  • 2594

偏执狂最爱看,闹心的Win7任务栏如何改造成XP模式?

今年4月份微软就要彻底停止对WinXP的支持,势必有一部分人不得不升级到Windows7、8,Win7任务栏的很多行为和WinXP截然不同,对于在WinXP下有根深蒂固习惯的人来说是一大障碍,这里提供...
  • leonatcs
  • leonatcs
  • 2014-01-05 09:59:29
  • 1682

c# 中实现 winxp 风格的控件(超简单-zz)

环境:winxp, vs.net2003方法如下:第一步:在 Main() 函数中加一条语句:static void Main(){    Application.EnableVisualStyles...
  • dsing
  • dsing
  • 2005-03-15 09:17:00
  • 858

Windows XP将显示桌面放到任务栏

1、在XP系统的任务栏属性里,开启显示“快速启动栏”   鼠标右击电脑桌面底部的“任务栏”–》属性—》勾选√“显示快速启动” 2、点击桌面左下角的“开始”–》运行–》输入: regsv...
  • sanqima
  • sanqima
  • 2017-03-07 19:44:42
  • 1296

XP 任意透明主题 AERO效果 透明任务栏 win7

  • 2013年12月16日 10:41
  • 131KB
  • 下载

XP系统删除任务栏上多余的栏,修复任务栏的方法.

症状:XP系统,在任务栏出现怪事,一般地我们的任务栏都是分为三部分,左边为快速启动,右 边为语言栏,中间为已打文件夹或IE的任务栏,但我这里的中间部分被为两部分,都是显示已打文件夹或IE的任务栏,比喻...
  • 78hgdong
  • 78hgdong
  • 2006-09-22 08:45:00
  • 18608

Windows XP任务栏隐藏解决

     介绍几种关于Windows XP任务栏消失/隐藏 的解决办法:      1、按动键盘上的F11键。   2、按windows健(位于ctrl和alt中间),显示出开始菜单,在空白处单击右键...
  • fuqin163
  • fuqin163
  • 2009-03-25 09:53:00
  • 3470

Windows XP 的任务栏出现重复的工具栏

我新领的一台WinXP的电脑,任务栏老是会出现重复的程序图标,也就是说,我打开Outlook,任务栏上就出现两个Outlook图标,接着打开Windows Explorer,也出现两个Explorer...
  • gracexu
  • gracexu
  • 2008-01-02 09:59:00
  • 5341

Windows XP 开机后任务栏启动加载慢的解决办法

Windows XP 开机后任务栏启动加载慢的解决办法 Windows开机启动时候,任务栏启动加载慢,让人难以接受,实际这是因为我们在系统中安装卸载了很多程序但是很多项目残留在任务栏注册表里面而...
  • cupid0051
  • cupid0051
  • 2012-03-04 23:32:10
  • 12665

解决Windows XP中任务栏不显示运行程序按钮的故障

    故障现象:程序在运行,但是任务栏却不显示相应的按钮,导致多个程序同时运行时,无法从任务栏迅速切换,只能用 Alt+TAB 键切换,既慢又不直观,还经常错误切换到其他程序。   解决过程:一直不...
  • Pockey
  • Pockey
  • 2007-01-22 10:02:00
  • 10823
收藏助手
不良信息举报
您举报文章:Photoshop制作精致的XP风格任务栏
举报原因:
原因补充:

(最多只允许输入30个字)