用Photoshop怎样做水晶按钮
2010-06-22 14:45
204 查看
水晶按钮其实与水晶图标的做法是大同小异的,下面就详细的介绍一下吧。
[b]第一步[/b]
首先建立新建文件300px*80px 分辨率为72(大小可以自己定根据自己需求)。
[b]第二步[/b]
利用圆角矩形工具画出圆角矩形(用此工具不用建立新的图层,当你画的时候会自动出现一个新图层),然后此工具的属性里有个半径,该值调为5PX,也可以根据自己的需要调节大小,颜色随意。
[b]第三步[/b]
1.双击你刚刚填充黑色圆形的新建图层呼叫出图层样式对话框。分别将外发光、内发光、渐变叠加、描边进行勾选操作。
2.先加个渐变,好增加立体感,混合模式为正常模式,颜色选择自己需要的颜色。
3.再加了个描边。一个像素就够了,颜色选择黑色,透明一点,透明度为45%。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。
4.现在还差点什么呢?还欠个阴影。那么,我们给它加个阴影吧,,这次的做法是用外发光代替阴影是一样地,混合模式照样是正常,透明度调为40%,颜色选择黑色。这样看上去是不是更有立体感那!
5.现在的按钮好像光的质感还不够,再加一个内发光!让它在边缘发光,这样质感就很强。
[b]第四步[/b]
1.用钢笔工具画出按钮的玻璃质感的高光,记住画之前必须建立新图层哦
2.钢笔画完图形后用快捷键Ctrl+Enter将钢笔画出的路径转换为选区,在将选区内添加白色(编辑-填充)。填充后将选区去掉(快捷键Ctrl+D)。
3.将该图层属性的透明度值改为40%,这样高光就能融入按钮中,看起来很自然,然后再双击该图层,出现了图层样式,选择渐变叠加,混合模式为正常、透明度为20%、颜色是从黑到白、样式为线性、角度为90度。
[b]第五步[/b]
最后用文本工具将你想要的内容打上去,然后给字加上图层样式,选择阴影,调为你想要的效果,让文字也突出些。
[b]最后作品[/b]
[b]第一步[/b]
首先建立新建文件300px*80px 分辨率为72(大小可以自己定根据自己需求)。
[b]第二步[/b]
利用圆角矩形工具画出圆角矩形(用此工具不用建立新的图层,当你画的时候会自动出现一个新图层),然后此工具的属性里有个半径,该值调为5PX,也可以根据自己的需要调节大小,颜色随意。
[b]第三步[/b]
1.双击你刚刚填充黑色圆形的新建图层呼叫出图层样式对话框。分别将外发光、内发光、渐变叠加、描边进行勾选操作。
2.先加个渐变,好增加立体感,混合模式为正常模式,颜色选择自己需要的颜色。
3.再加了个描边。一个像素就够了,颜色选择黑色,透明一点,透明度为45%。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。
4.现在还差点什么呢?还欠个阴影。那么,我们给它加个阴影吧,,这次的做法是用外发光代替阴影是一样地,混合模式照样是正常,透明度调为40%,颜色选择黑色。这样看上去是不是更有立体感那!
5.现在的按钮好像光的质感还不够,再加一个内发光!让它在边缘发光,这样质感就很强。
[b]第四步[/b]
1.用钢笔工具画出按钮的玻璃质感的高光,记住画之前必须建立新图层哦
2.钢笔画完图形后用快捷键Ctrl+Enter将钢笔画出的路径转换为选区,在将选区内添加白色(编辑-填充)。填充后将选区去掉(快捷键Ctrl+D)。
3.将该图层属性的透明度值改为40%,这样高光就能融入按钮中,看起来很自然,然后再双击该图层,出现了图层样式,选择渐变叠加,混合模式为正常、透明度为20%、颜色是从黑到白、样式为线性、角度为90度。
[b]第五步[/b]
最后用文本工具将你想要的内容打上去,然后给字加上图层样式,选择阴影,调为你想要的效果,让文字也突出些。
[b]最后作品[/b]
相关文章推荐
- Photoshop五步制作水晶按钮
- Photoshop超级轻松打造web2.0水晶风格按钮
- Photoshop 制作水晶按钮
- Photoshop绘制精致金属边框水晶球按钮
- Photoshop使用教程:制作简单的水晶导航按钮
- 教你用photoshop制作一款可变颜色的高光质感水晶按钮
- Photoshop制作非常精致的蓝色水晶按钮
- photoshop制作一个装水晶按钮的纸…
- Photoshop设计网页按钮_非常精致蓝色水晶按钮
- Photoshop打造高光精细的水晶导航按钮
- 水晶按钮的实现
- 42佳优秀的 Photoshop 按钮制作教程 (下)
- 怎样用PHotoshop修改图片上的文字
- PHP怎样实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中
- Photoshop技巧:巧妙修改网页GIF图形按钮上的文字
- 怎样调用按钮事件?
- WPF点击按钮怎样打开新窗口
- Java开发工程师是怎样炼成的------按钮篇(Buttons)之一
- Java开发工程师是怎样炼成的------按钮篇(Buttons)之二
- C#button之怎样点击按钮使之循环改变背景颜色