· 您现在的位置: 畅中国 >> 畅设计资源中心 >> Photoshop教程 >> 文章正文
用Photoshop制作WinXP 风格任务栏

作者:佚名    文章来源:本站原创    点击数:    更新时间:2008-10-12

【字体:

一、银色主题

  1.创建一个新图像,用黑色填充使最后作品易于查看。创建一个新图层(命名为任务栏)并建一个矩形选框工具,高度30像素。使用黑色填充它。


   2.双击图层面板上的“任务栏”图层打开图层样式对话框。给它1像素的黑色描边。选择渐变叠加,为渐变应用如下色彩:


3.在渐变条上点击打开渐变编辑器。这些设置将给你最好的结果。尽量使滑杆接近如图所示:


   为显示这些设置有多接近,我截取我桌面屏幕,复制快速启动图标,并粘贴到我制作的任务栏之上,显示如下:


   4.下一步是开始按钮。Ctrl+点击“任务栏”图层以获取选区,新建一个图层(命名为白色),然后使用矩形选框工具,设置为“从选区减去”,缩减选区到大约90像素。现在,选择椭圆选框工具,设置为“添加到选区”,添加一小片圆弧到矩形选区。回选到矩形选框工具,减去选区直到高度缩回到任务栏的高度。如果你感到迷惑,看下面图示。


5.用白色填充选区,复制该图层(命名为黑色),反相之(Ctrl+I),并向左移动1像素。复制命名为“黑色”的图层并向左移动1像素。命名该图层为按钮。接着,应用渐变叠加设置:


   注意保存该设置。

   6.现在它起来相当好了。


   似乎还少了些什么。看看你电脑的开始按钮。圆弧端有一个不同的渐变用以表现斜面。让我们改造它。为获取选区,如下操作:

   1) Ctrl+点击有渐变的“按钮”图层。
   2) 选择一个选框工具,然后点击左方向箭头大约7次。
   3) 新建一个图层,使用任意色彩填充选区。
   4) 再次Ctrl+点击有渐变的按钮图层。
   5) 选取魔术棒,设置为“从选区中减去”,点击新建图层的填充区域。现在你可以删除这个图层,它已经没有用了。

7.现在得到了选区,新建一个图层(命名为斜面)并用黑色填充。双击该图层打开图层样式对话框并选择渐变叠加。找到上次保存的开始按钮设置。我们需要编辑一些颜色。


   8.大功告成。一个非常真实的XP任务栏。


   添加“开始”到按钮上,运用渐变添加应用程序任务栏按钮(application boxes)和时钟区(clock area),继续不断添加到任务栏上使之效果更佳。
二、蓝色主题

  1.新建一个图像,使用黑色填充使之易于查看。新建一个图层(命名为任务栏)并建立一个矩形选区。长度无所谓,高度30像素。使用黑色填充之,打开图层样式对话框。应用渐变叠加并为渐变使用如下颜色。


   2.如你所见现在任务栏还非常非常简陋。另外按钮还没有。立马新建一个图层并命名为按钮。如果你已经完成了上述银色主题教程,你会很熟悉这部分操作。


   a.Ctrl+点击任务栏图层。使用矩形选框工具,设置为“从选区中减去”,缩减选区至大约90像素。
   b.选择椭圆选框工具,设置为“添加到选区”,建立一个圆形选区,给矩形选区末端添加一个圆弧曲线。
   c.回到矩形选框工具,设置为“从选区中减去”,将选区缩小到任务栏的高度。
   d.在“按钮”图层上使用黑色填充选区
  3.现在如你在你电脑开始按钮上所见,它还不是一个真实的90度渐变,所以我们不能依靠渐变叠加来实现。打开图层样式对话框,使用如下设置:


   内阴影
   混合模式:正常,白色,45%
   90度
   距离 5
   阻塞 0
   大小 5


   内发光
   混合模式:正常,31%
   杂色:0
   黑色
   边缘,阻塞:0,大小:9


   光泽
   正常,白色,13%
   90度
   距离:22
   大小:21
   高斯等高线,反相


   颜色叠加
   正常,#44944A,100%
4.还不坏,但我们需要给外边缘一些图层样式不能给到我们的暗色区域。如何解决?新建一个图层(命名为刷),Ctrl+点击按钮图层。选取35像素软笔刷,22%流量,设置颜色为黑色。根据你电脑开始按钮那样,轻刷外边缘。需要刷的主要区域是按钮连接任务栏的地方及其对边的边角,和顶部微微的轻刷。配以5%流量的白色笔刷,轻刷中下部。


   5.继续使用笔刷实验,你将很快就会有一个完美的作品。



   三、橄榄绿主题

   1.新建一个图像,使用黑色填充使之易于查看。新建一个图层(命名为任务栏)并建立一个矩形选区。长度无所谓,高度30像素。使用黑色填充之,打开图层样式对话框。应用渐变叠加并为渐变使用如下颜色。


   2.在图层之上新建一个图层,命名为“白条”。选取软边缘35像素,5%流量,快速在“任务栏”上喷涂白色条状(贯穿整个任务栏),尽可能的接近中间(这里的中间是指上下位置的中间)。
3.接着,制作按钮。新建一个图层,命名为“白色”。希望你已经完成蓝色或银色主题,并知道如何获得形状。下面是图示:


   4.使用白色填充选区。复制该图层,反相之,移动1像素至左边,并命名其为“按钮”。幸运的是该主题的按钮似乎只要渐变叠加即可。


   4b.再在图层样式对话框中添加1像素黑色描边,设置位置为“内部”,53%不透明度。主要工程完成。橄榄绿主题是三个主题中最简单的。希望你在这三个系列中学到一些东西。

 

版权声名:文章版权均归文章原作者所有,转载以及原创文章我们都将注明出处及作者名称,
如果我们侵犯了您的权利,请及时通知我们,我们会在第一时间删除。谢谢您的支持!--
异秀设计咨讯(www.25000e.com)

文章录入:admin    责任编辑:admin 
 
  • 上一篇文章:

  • 下一篇文章: 没有了
  •  
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
     
    最新热门
    最新推荐
     
    jhn
    版权所有 © 2005-2006 畅设计资讯. 本站最佳浏览方式为1024*768分辨率 IE5.0以上浏览器
    -- -- -- -- -- -- -- -- -- 打造中国最大的 设计资讯站 -- -- -- -- -- -- -- -- --
    联系电话:81166997  13897990517  QQ:76283469 群: 29603740电子邮箱:chang_design@sina.com