Photoshop制作WinXP 风格任务栏,PS技巧,PS教程

设计欣赏 当前位置:设计首页 >> 教程 >> PS精彩实例 >> 正文 >> Photoshop制作WinXP 风格任务栏
Photoshop制作WinXP 风格任务栏

PS教程


一、银色主题

  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%不透明度。主要工程完成。橄榄绿主题是三个主题中最简单的。希望你在这三个系列中学到一些东西。

PS教程

相关链接:设计,欣赏,教程,下载,PS教程,photoshop应用
Google
WEB DOFOTO.NET
最 新 文 章
相 关 文 章
电影《无间行者》海报设
电影《007之皇家赌场》海
电影《生与死》海报设计
电影《墨攻》海报设计欣
《星球大战》海报设计全
电影《龙骑士》海报设计
史诗巨片《300》海报设计
电影《夏洛特的网》海报
水木清华平面稿设计欣赏
名牌的独特视觉广告[组图
古典的房产楼书设计欣赏
宝业.家纺广场——楼书欣
很全的设计网站大集,非常
韩国新版最时尚帮MM穿衣游
印刷前期处理综合技术资料
应用色彩学
illustrator快捷键大全
印刷看样时需注意的几个问
印刷纸张种类及行业术语解
CorelDraw快捷键
设计笔记
印刷纸张厚度参考手册
站 内 搜 索
Google
WEB DOFOTO.NET
Photoshop制作WinXP 风格任务栏相关设计:您现在欣赏的是由DOFOTO.NET设计欣赏站为您提供的《Photoshop制作WinXP 风格任务栏》,谢谢您!设计师学习设计的技巧和捷径是多看大师的作品,Photoshop制作WinXP 风格任务栏等设计资源欣赏,下载,图库,为设计师打造一个自我学习和提升的平台,PS技巧,PS教程,认真阅读艺术与设计杂志.学习设计最好的方法是多看,多做,多想,只有不断学习借鉴优秀设计师的作品才能不断的提高自我,丰富的平面设计,网站设计,广告设计,海报设计,封面设计vi设计,设计,欣赏,教程,下载,PS教程,photoshop应用,教程,欣赏,设计,培训,平面设计等设计类欣赏,教程和学习文章.欢迎记住我们的网址:WWW.DOFOTO.NET,点击此处返回设计网站首页!
推 荐 新 闻-+教程,欣赏,设计,培训,平面设计,设计欣赏,教程,技巧,ps+-
北京方寸神韵设计的名片 名片设计欣赏 国外精典名片设计欣赏(三) 国外精典名片设计欣赏(二)
日本创意名片设计欣赏一 春节吉祥剪纸欣赏 婚庆吉祥剪纸欣赏 寿星剪纸欣赏
情人节甜蜜贺卡 日本名片设计欣赏 onMessage 名片设计欣赏 名片设计欣赏
|画册设计|样本设计|广告设计|DM设计|展示设计|专卖店设计|标志设计|VI设计|海报设计|LOGO设计|信封设计|设计论坛|

2004-2006 设计欣赏与设计教程