文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 国产软件 | 国外软件 | 汉化补丁 | 设为首页 | 加入收藏
业界资讯 | 图形图像 | 操作系统 | 网络冲浪 | 工具软件 | 办公软件 | 媒体动画 | 精文荟萃 | 认证考试 | 网站建设 | 技术开发 | 专栏
当前位置:abcdown网络学院图形处理Photoshop制作加强版的Apple风格按钮
精品广告
推荐TOP10
·Photoshop用美女大头像制作超级海报
·你也不一定知道的Photoshop技巧167条
·Photoshop蒙版巧为黑白美女照片上色
·Photoshop修图技巧 消除数码相片黑眼圈
·Photoshop将肖像照片处理为超酷个性海报
·Photoshop把普通图片打造为杂志封面效果
·用Photoshop自己制作标准证件照
·Painter教你画可爱的小猪
·Photoshop制作三维钢铁字效果
·水晶图片制作方法
阅读TOP10
·Photoshop十余种漂亮照片边框简单制作技巧
·Photoshop 插值放大图像浅析
·巧用Photoshop为透明玻璃杯抠图
·用Photoshop自己制作标准证件照
·Photoshop输出透明背景的gif图像
·photoshop修改照片成为美女教程
·婚纱照片抠图与背景处理合成技巧
·Photoshop将肖像照片处理为超酷个性海报
·Photoshop把普通图片打造为杂志封面效果
·Photoshop婚纱照片处理及美化

制作加强版的Apple风格按钮

日期:2003年7月6日 作者:清风网络学院 查看:[大字体 中字体 小字体]


1、实现这个效果,确实比你想象的要简单.只需几个渐变和一些特效. 在此例中,最终的结果是做一个胶囊型的按钮,如果你选用其它图形,别忘了使图形的角更平滑些,这样才能得到更好的效果.具体方法是: Gaussian Blur 你要平滑的地方并进行Brightness / Contrast调整. 开始. 新建一透明层, 画出一个黑色胶囊状的图形.方法是:先画一正圆切换移动工具(Move tool)按住Shift向右拖动鼠标, 将复制的圆形放在合适位置,接着画一长方形将两个原形连接起来并填充黑色.合并图层,这样你就得到了胶囊按钮的图形.. [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-15.gif[/IMG] 2、新建一层,改变图层混合模式为Screen. 选择合适的前景色和背景色,从按钮的顶部到底部拖一垂直渐变.在这里我用了0x2654A0 和 0xAFCBEE做前景色和背景色. 注意:我所选用的颜色都不是网页安全色(web-safe colors).如果你要把此按钮放在网页上的话,可能需要寻找更好的颜色 ,否则别人看不到不是太可惜了吗. Right? 按住Ctrl+G将渐变层置入按钮图层中. [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-16.jpg[/IMG] 3、Ctrl+点击黑色按钮图层, 将选择区域保存为通道. 选择你所创建的通道, 保持选择区域浮动, 收缩(contract)它 (具体收缩的数量要看你图像的大小而定) 直到如图所示. 对于其它样式的图形, 例如文字一类有锐角的图形, 你可能需要应用 Select > Modify > Smooth 来平滑图形,具体的数量根据具体情况而定. 反转选择区域. [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-17.jpg[/IMG] 4、保持选择区域浮动按 Q进入快速蒙版.在按钮的底步画一长方形并填充黑色,最终效果如图,其中红色部分代表未选中部分. 快速蒙版比通道的好处就是,它能立刻让我看到效果 [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-18.jpg[/IMG] 5、用高斯模糊(Gaussian Blur) 和亮度/对比度( Brightness / Contrast )进行调整, 如图. 按 Q退出快速蒙版模式再次将选择区域存入通道中.这一步是为按钮的顶部加入高光 [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-19.jpg[/IMG] 6、复制 先前收缩的Alpha channel, 并进行Gaussian Blur. 这一步将给按钮的底部加入高光. 因为它没有硬边,所以我们不需进入快速蒙版 模式. [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-16.gif[/IMG] 7、如果你回到层面版, 新建一层读取我们为按钮顶部高光建立的Alpha通道选择区域. 选择层>新建图层蒙版>显示选择区域( Layer > Add Layer Mask > Reveal Selection). 点击层图标确保我们是在图层上工作而不是图层蒙版. 选择渐变工具, 在渐变属性面版中选择白色前景色到透明的渐变. 从按钮顶部到中部做一线性渐变填充.将不透明度调到到80%. [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-20.jpg[/IMG] 8、新建一层选择混合模式为Color Dodge. 读取我们为按钮底部高光建立的Alpha通道的选择区域. 再次选择层>新建图层蒙版>显示选择区域(Layer > Add Layer Mask > Reveal Selection). 选择渐变工具设置为白色前景色到透明渐变, 从按钮底部到中部拖动. 双击该图层,打开层特效面版(layer style),将填充不透明度(Fill opacity)调到到35%.注意,是”填充不透明度(Fill opacity)” 一定要看清楚. [IMG]http://218.28.49.10/supercow/website/Library/pmsj/ps/20030329-21.jpg[/IMG]
[1] [2] [3] 下一页 

上一篇:改变我的鼠标

下一篇:PERL CGI 常见问题


相关软件: 相关文章:
·在J2EE中APPLET和HTML作为客户端的比较
·Photoshop轻松制作Apple网站导航条按钮
·AppleTalk与PPP和IP与PPP举例
·Applet与Servlet通讯的四种方法及比较
·视觉诱惑 扮靓桌面:Apple美女壁纸大全
·J2EE的展现层设计:Applets、servlets和XML结合使用
·制作加强版的Apple风格按钮

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.abcdown.net
首页 | 本站声明 | 下载帮助 | 发布软件 |
中文版权所有:ABC学院 浙ICP备05000717号