【导语】“夜晚”通过精心收集,向本站投稿了6篇透明玻璃质感长圆形按钮制作技法,下面是小编整理后的透明玻璃质感长圆形按钮制作技法,希望对大家有所帮助。
- 目录
篇1:透明玻璃质感长圆形按钮制作技法
按钮|透明
1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右半圆向右移动30像素,结果如图01,透明玻璃质感长圆形按钮制作技法
。图01
2. 选取两半圆中空间,填充色#003366结果如图02。
图02
3. 选择Select/Load selection,ok后选择Select/Modify/Contract,面板上输入“5”,选择Select/Feather,面板上输入“8”,上加一层后,在此层填充色#66CCFF,取消选择状态后,用命令Layer/Group with Previous 将此层作用在下面一层有像素的部分,然后将此层向下移动10像素,结果如图03。
图03
4. 在填充色#003366的长圆形图像层上用120*15的选取框选中如图04所示的区域,选择Copy命令,
图04
5. 在图像最高层上再加一层,选择Paste命令,Copy到的图像部分即粘贴在如图05所示的位置,然后用选取框选择如图所示的区域。
图05
6. 选中后向右移动5像素,右侧部分再用同步骤取消选中状态后,再将此图片向下移动3像素,为使大家看得清晰,我把此部分填充了白色,结果如图06。
图06
7. 选择Select/Load Selection,上跳一层,并把下面一层隐去用渐变色工具Linear Gradient Tool,Options上选成Foregrend to Transparent,这时前景色要为白色,在选中的区域里作从上至下的渐变效果,结果如图07
图07
8. 最终,写上你要的文字,记得要加阴影且不要太深,因为透明玻璃上的文字会在玻璃内部投射出较浅的阴影。图08还有一些倒影的效果,都是为了让图像更具表现力。
图08
篇2:透明玻璃质感长圆形按钮制作技法
1.在Photoshop5.5(或者更高版本)中建立新文件120x80大小,RGB模式Contents,设为Transparent(透明),layer1填充为白色,上加一层,建立40x40的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右半圆向右移动30像素,结果如图01,
图01
2.选取两半圆中空间,填充色#003366结果如图02。
图02
3.选择Select/Loadselection,ok后选择Select/Modify/Contract,面板上输入“5”,选择Select/Feather,面板上输入“8”,上加一层后,在此层填充色#66CCFF,取消选择状态后,用命令Layer/GroupwithPrevious将此层作用在下面一层有像素的部分,然后将此层向下移动10像素,结果如图03,
图03
4.在填充色#003366的长圆形图像层上用120*15的选取框选中如图04所示的区域,选择Copy命令。
图04
5.在图像最高层上再加一层,选择Paste命令,Copy到的图像部分即粘贴在如图05所示的位置,然后用选取框选择如图所示的区域。
图05
6.选中后向右移动5像素,右侧部分再用同步骤取消选中状态后,再将此图片向下移动3像素,为使大家看得清晰,我把此部分填充了白色,结果如图06。
图06
7.选择Select/LoadSelection,上跳一层,并把下面一层隐去用渐变色工具LinearGradientTool,Options上选成ForegrendtoTransparent,这时前景色要为白色,在选中的区域里作从上至下的渐变效果,结果如图07
图07
8.最终,写上你要的文字,记得要加阴影且不要太深,因为透明玻璃上的文字会在玻璃内部投射出较浅的阴影。图08还有一些倒影的效果,都是为了让图像更具表现力。
图08
篇3:玻璃透明质感圆形按钮制作技法
按钮|透明
在Photoshop5.5(或更高版本)中建立新文件,80x80 大小,RGB模式Contents设为Transparent( 透明 ),layer1填充为白色,上加一层,建立50x50 的圆形,放在页面正中心,前景设为#99CCFF,背景设为#006699,从圆形左上角到右下角,作圆形辐射渐变效果,
图01
再上加一层,建立44x44 大的圆形,放置于正中心,从此圆形的右下角到左上角作圆形辐射渐变效果,即如图02结果。
图02
再上加一层,建立42x42 大的圆形,放置于正中心,这时设前景色为#99CCFF,背景色为#003366,从此圆形的右下角到左上角作圆形辐射渐变效果,即如图03结果。
图03
再上加一层,建立10x6 大的椭圆,填充前景色,即如图04结果,
图04
选择Edit/Transfrom/Numeric...,出现对话面板,设 Rotate 为 Angle:-30,点ok。选择Select/Load Selection,将此层隐去( 点layer面板上此层的眼睛图标即可 ),上加一层,选择Select/Feather...,出现对话面板,设置 1 Pixels,最后填充前景色。
图05
输入一个字号不太大的文字,如图06,放置正中心,选择Select/Load Selection,上加一层,选择Select/Feather...,出现对话面板,设置 1 Pixels,填充黑色,然后将此层拉到文本层的下面,本层的Opatict( 透明度 )设为40%,移动此阴影至满意位置,如图,最后,给整个按钮加上较淡的阴影即告结束。
图06
篇4:PS制作玻璃质感按钮
这篇教程教的朋友们用PS制作玻璃质感按钮,教程很详细,制作的效果也很棒,适合新手学习用PS制作玻璃按钮。先看看效果:
FEVTE编注:教程讨论交流和作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
FEVTE编注:教程讨论交流和作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇5:光滑表面反光效果长圆形按钮制作技法
按钮
在Photoshop5.5(或者更高版本)中建立新文件,120x80 大小 RGB模式,Contents设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心,填充成黑色图01
用20x40大的矩形选取工具选取圆形的一半左侧,向左移动30个像素,同样步骤,将右侧的半个圆向右移动30个像素,即如图02结果
图02
将两个半圆中的空白填充上黑色,这个矩形的大小是60x40,即如图03结果
图03
前景色设为#FF0033,背景色为黑色,从长圆形的上部到下部作渐变色效果,然后选择Select/Load Selection选取长圆形,现在矩形选取工具的Style要为Normal,按着Alt键,同时用矩形选取工具选中长圆形的,中下部大部分,然后即如图04结果
图04
上加一层,将选中部分填充成白色,去掉选中状态,将白色长条向下移动3个像素,然后用矩形选取工具选中白色长条的左侧,将其向右移动几个像素,同样步骤,将长条的右侧也缩进几个像素,即如图05结果
图05
选择Select/Load Selection,选中白色长条,选择Select/Modity/Smooth,对话面板上输入2上加一层,将下层隐去( 点Layer面板上的眼睛图标 ),在现在的工作层上,将选中部分填充上白色,然后本层的透明度设计为Opacity:40%,即如图06结果
图06
在Button的中心写上适当大小的文字,左侧图中文字有凹下去的立体感,你可以把图片放大,仔细研究它是如何作成的,最后加上不太深的阴影即完成
图07
篇6:教你如何用Photoshop制作透明的玻璃质感按钮
如果你有使用过Vista或是Windows7操作系统,你一定会对它的玻璃质感按钮有深刻印象吧?今天我们就来教大家如何用Photoshop来制作一个透明的玻璃质感按钮!!废话不多说,上步骤:
1.建立一个600*350像素大小的文件,新建一层,用矩形框选工具画一个长方形并填充黑色
2.再新建一层,画出一个矩形选区,拉一个灰色过渡的渐变,并将这一层的透明度降低到90%,
3.新建一层,再画一个细长的矩形选区,填充浅灰色,将这一层的透明度调到80%。
4.新建图层画分隔线,每个分割线由2部分构成,上部分填充灰色渐变,下部分填充深灰色,合并图层,在复制图层,放到合适位置,
5.新建图层,用椭圆形框选工具画一个选区,对选区羽化(数值大小自己看着满意就可以),填充蓝色
6.用矩形框选工具删除两边多余部分。
7.选一张自己喜欢的图片放在最底层作为背景,新建一层,画一个倒角矩形,填充任意色,不要取消选区
8.隐藏刚才填充任性颜色的图层,选择背景图片图层,对刚才画的选区执行高斯模糊命令,数值自定义
9.显示刚才隐藏的图层,给这个图层添加一个投影的图层样式,回到图层面板将这个图层的填充调到0%(这一点很重要)。
10.打上字,大功告成。
刚才看了下,确实是填充调到O,如果不透明度调到O,就没有阴影了,笔误,谢谢更正。另外背景图可以随便更换,非常方便,可以作为模板保存。
以上就是如何用Photoshop制作透明的玻璃质感按钮的方法,希望大家能从本篇中学到一些PS知识,谢谢大家观看!
★ 小班科学教案圆形
透明玻璃质感长圆形按钮制作技法(精选6篇)




