| 收藏本站 | 关于我们
首页 免费模板 收费模板 部分案例 分类模板 地方门户 二次修改 服务定制 酷站欣赏 设计学院 特效代码 字体下载
当前位置:首页 >> 按钮教程
PS制作一个高科技的按钮(一)
编辑发布:飞将军   点击量:5614

  先看最终效果。

 

Photoshop制作一个高科技的按钮

 

  说在前面。这篇教程的英文原版有71步。这个实在有点长。而且前19步还是在AI中制作的。考虑到大家的耐心。翻译的时候把它给简化了一些。同时全部拿到PS里来完成。所以这篇汉化教程的讲解和图例都跟原版有所差别。

  下面开始。

  1.先在PS里建立一个1024*768PX的画布。用渐变工具填充一个#333333到纯黑色的径向渐变。

 

Photoshop制作一个高科技的按钮

 

  2.新建一层。用钢笔工具画如下形状。如果担心左右两边不对称。那就先画半边。然后复制这半边。水平翻转过去。然后拼到一起。(颜色不重要。以后还要改。)

 

Photoshop制作一个高科技的按钮

 

  3.把这个东西再复制两份。然后3分拼成如下形状。

 

Photoshop制作一个高科技的按钮

 

  拼好之后按住CTRL键单击图层面板的这一图层的缩略图。得到图形选区。执行选择>修改>平滑。将其平滑30像素左右。新建一层。填充灰色。(什么颜色都行。以后还要改)这就得到了主按钮的基本形状。

  4.把这个主按钮的图层复制一份。缩小。再平滑。填充更深色的灰。得到一个主按钮上的小按钮。基本上就是下图这样。

 

Photoshop制作一个高科技的按钮

 

 
 
上一篇PS可爱的圆形图标按钮下一篇PS制作漂亮的网页按钮
 服务流程 | 积分说明 | 使用说明 | 粤ICP备17004399号-2 电视直播 | QQ头像获取