达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
推荐教程 手把手教你制作个性…
普通教程 PS网页制作技巧:从…
普通教程 PS网页设计实例:女…
普通教程 Photoshop精彩实例:…
推荐教程 手把手教你绘制可爱…
普通教程 PS网页设计实例:多…
普通教程 精彩教程:LOGO的制…
普通教程 详细步骤 多图展示:…
普通教程 Photoshop网页制作教…
普通教程 InterFace网页的平面…
最新更新

Photoshop制作“时…

PS简单制作漂亮3D…

Photoshop制作高光…

水晶按钮用Photos…
您现在的位置: 达达派 >> 教程中心 >> PhotoShop教程 >> 网页篇 >> 教程正文
Photoshop制作“时间机器”按钮
作者:佚名 文章来源:eNet 点击数: 更新时间:2008-9-4 7:45:51
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+
先看一下最终效果:

下面我们开始制作:
1.建立一新文档,用深灰色填充背景层。在文档的水平居中位置用椭圆工具建立一正圆选区并用白色填充选区再将其重命名为 B CircLe。

2.复制该图层并用自由变换工具将复制层图中的略微小一些。然后按住CTRL+点击该复制层载入其选区。
下面选择 B CircLe并执行图层-图层蒙版-隐藏选区。

3.重复第1.2步骤用椭圆选框工具另外建立2个图层将2个图层的颜色分别设置成为绿色和红色。将这个2个图层分别重命名为M CircLe和S CircLe。

4.选中B CircLe双击该图层加入渐变叠加图层样式。

在加入斜面与浮雕图层样式

5.复制B CircLe层然后改变之前的图层样式。将之前附加的渐变叠加和斜面与浮雕图层样式去除加入内阴影图层样式。(注意将填充不透明度也设置为0)。

6.选择M CircLe层加入渐变叠加和描边图层样式。

7.选择S CircLe层加入颜色叠加和描边图层样式。

8.建立一个名为Metels图层组的文件夹,将以上4个图层放置于该图层组中。

9.建立一新图层为Screen,再在文档中心位置用椭圆选框工具建立一正圆选区用白色填充。双击该图层加入渐变叠加图层样式。

10.建立一新图层,将前景色和背景色设置为白色和黑色。然后执行滤镜-渲染-云彩。设置图层混合模式为叠加。现在按住CTRL+点击Screen层载入其选区,再回到云彩图层上来执行图层-图层蒙版-显示选区。

11.复制云彩层,将复制层命名为Twirl并将图层混合模式设置为颜色减淡。执行图层-图层蒙版-应用。之后再次按住CTRL+点击Screen层载入其选区,然后执行滤镜-扭曲-旋转扭曲。

12.执行滤镜以后不要区需要选择区,再接着执行滤镜-液化并选择褶皱工具。进一步加大扭曲度

13.接着用橡皮擦工具载入Twirl层中的一些标注出来的位置。

14.建立一新图层并命名为S stars,用黑色填充后设置图层混合模式为颜色减淡。再执行滤镜-像素化-铜板雕刻。

15.执行滤镜-模糊-径向模糊,设置如下。下面再次按住CTRL+点击Screen层载入其选区,然后回到云彩层上执行图层-图层蒙版-显示选区。

16.下面我们来制作一些星星。建立一新图层并用黑色填充再重命名为B Stars,设置图层混合模式为颜色减淡。之后选择画笔工具对其做一下设置在图中编辑出如下所示的星星。

17.重复第14步的方法用缩放模糊做出大一些的星星,但是这次数量设置为50就可以了。

18.复制Screen层并改变其图层样式,选择渐变叠加图层样式设置渐变色为白色到白色,但是透明度设置为100%-0%。现在选择椭圆选框工具建立建立一椭圆选区,然后执行图层-图层蒙版-显示选区,调整好渐变叠加图层的位置并改变图层不透明度为40%。

19.再用第1.2步的方法在边框上做出一些小圆。

再给它加入颜色叠加和描边图层样式。

20.在把做好的“小圆”复制几个按比例放置于按钮上的合适位置,最终效果如下。

  • 上一篇教程:

  • 下一篇教程: 没有了
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455