网站大量收购独家精品文档,联系QQ:2885784924

实验讲义按钮.doc

  1. 1、本文档共32页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
实验讲义按钮

按钮 一、立体按扭的制作 3d导航按钮 新建RGB文件[200宽*200高]、选一种颜色填充背景,新建一层,画一个圆角矩形,缩小选区[3]个像素,如图。 新建一层,Ctrl+Shift+I反转选区,用黑色填充;然后Ctrl+A、Ctrl+X,将这层内容存入剪贴板。 3、回到圆角矩形层,按着Ctrl单击层调入选区,Ctrl+Shift+V粘贴,做出黑色边框。 4、在粘贴后自动建立的遮罩层上使用模糊滤镜:Filter-Blur-Gaussian Blur[3.5],模糊值与导航按钮的立体感成比。 5、点击圆角矩形层,按Ctrl和方向键向上、向右各移动一个像素。然后为这一层添加阴影,内嵌线条,导航文字,使用其它色彩,导航按钮就完成了[如果要强化边缘,可以在这步移动之前新建一层,用白色描边:Edit-Stroke(Outeside、1),层合成模式选Overlay,层透明度降到(60-70)%。 6、应用示例。 下图是参考EyeBall的导航栏做的,我们将不断把国外站点的优秀作品、界面做出来,介绍给大家。敬请期待。 三、按钮 新建RGB文件[200宽*200高]、建立一个新层,用圆形选取工具拉出一个正圆选区(按Shift)。 ?2、确定前景为白色、背景黑色。选择圆形渐变工具,从左上角向右下角拉一条渐变线。 3、缩小选区(SelectModifyContract)或者根据实际需要用做一个选区(建议用工具再选取一个小圆,这样更平滑)然后将选择区域转动180度(EditTransformRotate 180) 4、再缩小两个像素(SelectModifyContract)2。第二次旋转180度(EditTransformRotate 180)如左所示,注意不要取消选区。 5、现在调色:Ctrl+U打开调色板,选中Colorize自由调整。可以再反转选区,渲染外框色调,最后添加阴影,至此按钮效果应该不错了 到这里不禁想说一下:其实每一种物件、效果制作,步骤和细微处伸缩空间都很大,大胆处理,不拘一格,会出现一些你预想不到的效果。 6、应用示例。 四、外凸按钮 1、新建RGB文件[200宽*200高]、用纹理填充背景,新建一层,做一个正圆选区,Select-Modify-Save Selection[指定保存通道名,确定],羽化边界:Ctrl+Alt+D[2],按‘D’设置默认前、背景色,以Radial Gradient tool从右下穿过左上边缘一点做渐变。 2、Select-Modify-Load Selection[选择前一步保存的通道,确定],缩小三个像素点:Select-Modify-Contract[3],‘DEL’删除中间部分。 3、新建一层,在中间做一个比上面删除部分小一点的圆形选区,Select-Modify-Save Selection[指定保存通道名,确定],羽化边界:Ctrl+Alt+D[2],以Radial Gradient tool从左上穿过右下边缘一点做渐变。 4、Select-Modify-Load Selection[选择前一步保存的通道,确定],缩小两个像素点:Select-Modify-Contract[2]。 5、现在前景设为白色,按住Alt键从纹理层吸取背景色,以Radial Gradient tool从左上往右下做渐变,然后将Layer 1层[也就是删除了中间部分那一层]的合成模式改成Overlay,外凸按钮就做完了。[注:下图用Ctrl-U对背景层和按钮层进行了色调的调节,以使颜色更统一] 五、为按钮加上材质 1、首先建立一个145×85 pixels的RGB模式的图象,然后将你喜欢的图像载入其中。 在通道(channels)中建立一个Alpha通道。 然后做出矩形立体按钮。 4、回到RGB模式,执行“图像”(Image)|“应用图像”(Apply Image)命令,打开“应用图像”对话框,将你所引入的图像层与Alpha1通道进行合并,对话框设置如图 5、设置完成后,点OK,即可将你喜欢的图像加入到你的按钮中。 六、一种按钮的三种实现方法(外挂滤镜) 下面有三种按钮的效果,大家先来欣赏一下: 分别是感觉不错吧!猜猜各是用什么完成的。猜不出?好,让我来打开迷底! 从左到右,一是用老牌KPT滤镜,一是用Eyecandy4000滤镜,第三种是直接用外photoshop中自带的滤镜。 今天先说老牌KPT滤镜的实现方法: 新建一个 500 X 500 图象,背景色设为黑色。拖动水平与垂直辅助线到文件的中间。(按Ctrl+R 使文件窗口显示标尺)选择Elliptical Marquee 工具,按SHIFT+ALT键的同理拖动鼠标,在文件中间画一个圆形选区。 新建一层, 命名为chrome base. 起动

文档评论(0)

yaobanwd + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档