找回密码
 注册
【阿里云】2核2G云新老同享 99元/年,续费同价华为云精选云产品特惠做网站就用糖果主机Jtti,新加坡服务器,美国服务器,香港服务器
查看: 284|回复: 1

PS教程:如何制作一个简单吸引人的按钮

[复制链接]
发表于 2011 年 2 月 7 日 08:08:09 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

×

本帖最后由 小Z1122 于 2011-1-26 11:35 编辑
让我们一起来看看这个教程吧。

  


                               
登录/注册后可看大图

效果图


  Step 1
  我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px。

  


                               
登录/注册后可看大图

图01


  Step 2
  为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像。

  


                               
登录/注册后可看大图

图02

  


                               
登录/注册后可看大图

图03


  Step 3
  让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩形,由于我们将添加一个渐变叠加)。

 


                               
登录/注册后可看大图

图04


  我们将加强它如何给予它一些图层样式外观。 首先,套用阴影。
                                                                    

                               
登录/注册后可看大图

图05

内发光效果…


                               
登录/注册后可看大图

图06


  斜面和浮雕…


                               
登录/注册后可看大图

图07


  最后,一个渐变叠加。
                                                                     

                               
登录/注册后可看大图

图08
  Step 4
  现在,让我们继续创造箭头机构。 我们将首先创建一个约60 × 55px的矩形使用矩形工具(U)。


                               
登录/注册后可看大图

图09


  继续下去,并给它一些图层样式。 下面的图片以供参考使用。


                               
登录/注册后可看大图

图10

为了确保它的垂直和对齐,选择这两个层次,其中包含按钮和箭头机构(概括地讲,我们只有两个层迄今)和对齐单击控制条垂直中心。


                               
登录/注册后可看大图

图11


  创建一个小的矩形,如在下面的图片1()。然后转到“编辑>变换>斜交>V:30。
                                                                                 

                               
登录/注册后可看大图

图12
  给它同样的图层样式。


                               
登录/注册后可看大图

                                                                                                                                 图13
  Step 5
  使用自定义形状工具(U)创建一个约30 ×箭头。


                               
登录/注册后可看大图

图14


  给它一些图层样式根据下面的图像。


                               
登录/注册后可看大图

图15

Step 6


  让我们创造我们的分离。 使用椭圆选框工具(M),创建一个类似下面的选择。 设置你的前景色黑色(#000000),然后单击转移+ Backspace键得到填补。


                               
登录/注册后可看大图

图16


  为了使它看起来有点模糊。 滤器”>模糊“高斯模糊 – 半径:3.0px。


                               
登录/注册后可看大图

图17


  请在它的左边部分的选择(见下面的参考)图像,然后按下删除。


                               
登录/注册后可看大图

图18


  减少这层不透明度为:50%。


                               
登录/注册后可看大图

图19


  打开你的渐变编辑器并设置颜色值按下面的图像。


                               
登录/注册后可看大图

图20

在选择分离器的层上添加单击图层蒙板。 然后拖动与梯度(我们刚刚成立的顶部)上下。


                               
登录/注册后可看大图

图21


  Step 7
  创建另一个在左侧的三维形状,使用上面我们已经解释过相同的技术。


                               
登录/注册后可看大图

图22


  Step 8
  输入字体


                               
登录/注册后可看大图

图23


  应用一些图层样式给它。 Use the image below for reference.下面的图片以供参考使用。


                               
登录/注册后可看大图

图24



Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
发表于 2011 年 2 月 16 日 21:42:17 | 显示全部楼层
【腾讯云】2核2G云服务器新老同享 99元/年,续费同价
不错的效果 收藏吧
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2024 年 11 月 17 日 00:34 , Processed in 0.019497 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表