- 1、本文档共32页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 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.
起动
您可能关注的文档
- 基于音乐语义信息的音乐流派分类研究.pdf
- 基于高可靠性的重负载Ⅰ类双星网络性能评价的数学建模.pdf
- 基于颜色的皮肤检测综述.pdf
- 基于风力机参数辨识的最大风能捕获_张文娟.pdf
- 基因枪转化的bar基因表达盒在水稻中遗传行为复杂_英文_.pdf
- 塑件工艺分析.doc
- 塔里木北缘皮羌地区早二叠纪花岗质_省略_木大火成岩省A型花岗岩成因的启示_曹俊.pdf
- 复习期末总复习.ppt
- 壳聚糖载基因纳米粒子荧光标记的优化研究.pdf
- 复合加载条件下吸力式沉箱基础稳定性的三维效应.pdf
- CNAS-CL63-2017 司法鉴定-法庭科学机构能力认可准则在声像资料鉴定领域的应用说明.docx
- 12J7-3 河北《内装修-吊顶》.docx
- 12N2 河北省12系列建筑标准设计图集 燃气(油)供热锅炉房工程.docx
- 内蒙古 12S8 排水工程 DBJ03-22-2014.docx
- 山西省 12S10 12系列建筑标准设计 管道支架、吊架.docx
- 16J601-木门窗标准图集.docx
- 12J8 河北省12系列《 楼梯》.docx
- CNAS-GL37 2015 校准和测量能力(CMC)表示指南.docx
- CNAS-RL02-2016 能力验证规则.docx
- 津02SJ601 PVC塑料门窗标准.docx
文档评论(0)