Photoshop制作web2.0注册按钮

时间:2009-11-09 19:23:00 

如果我们的网站不包含任何的按钮,那么他看起来是不完整的,这就是为什么ittxh.cn做了一个关于如何创建按钮的简明教程。在本教程中,我会向你解释如何轻松地创建注册按钮,只需几个简单步骤,就能创建一个时髦的标志。你还在等什么呢?看看吧。

预览

现在开始

首先创建画布时,你可以使用本教程我选择使用500 × 300px:300dpi任何大小的画布,但你想,。在我们开始创建实际的按钮填充#000000您的背景(纯黑色)使用填充工具(快捷键:G)的。您可以选择任何你想要的背景确实,在大多数情况下使用一些简单好用更好。如果你有你的背景设定,让我们开始。

步骤1:

在任何网页导向的设计,我们通常的工作具有一定的结构或大小,而且不会有任何不同,在本教程。目前你只需要你的背景,以便让我们去查看“》新指南-选择定位”垂直和设置位置150px -现在重复这个过程和设置您的位置330px。这些将用于按钮,我们将创造我们的宽度准则。让我们去重复查看“》新指南的过程-选择定位”水平和设置位置125px -重复这一过程,并设置位置170px记住方向,必须水平。现在你的画布,你看到在您的面前看起来应该像这样:

步骤2:

让我们去创造层》“新建一个新层》”图层或打(按Ctrl + Shift + N)的名称是按钮。下一步抓住你的圆角矩形工具(快捷键:吴)确保您的半径设置为10px。现在,创建你在里面的指引,我们在上一步设置圆角矩形,你将看到的工具为准确的指引对齐。在创建您的形状路径内的形状和命中右键单击填充路径。选择你喜欢的任何颜色(我选择白色为基色)不会影响按钮的最后结果。

在您填写的形状抓住你的钢笔工具(快捷键:P)和内部的形状路径右击然后点击删除路径

步骤 3:

这一步是你会看到你的结果。转到图层“》图层样式”您层混合选项或右击称为按钮,然后选择混合选项。挑选遵循选项内发光-斜面和浮雕-渐变叠加。下面,我已经提供给这些下面的选项每一个不同的设置,你。渐变叠加设置#005b93 - #008fc7 - #85d6ff(在您使用以下设置完成,记得打行)

步骤4:

我们的按钮但现在已经得到一个很好的渐变,并期待不错。下一步是将丰富我们与它的标题按钮。可以让抓取型工具(快捷键:T)和您的字体选择您想要的,我选择了千千万万的临在的32pt本教程的大小。可让本教程类注册,并调整我们的按钮。

步骤 5:

现在,选择文字层,并让去层》“图层样式”混合选项或右键单击您的文本层和命中混合选项。选择你的文本层以下选项-阴影-渐变叠加。我已提供了为这些下面的选项每一个不同的设置。渐变叠加设置#f5f9f0 - #eff6e8 - #f9fcf7(在您使用以下设置完成,记得打行)

有你有你的精彩时尚前瞻性注册按钮,在5简单的步骤,如果你喜欢我的教程不要犹豫,订阅我们的RSS提要。

下面,是我提供的已经做好的按钮(没有水印)。

所有您现在要做的是保存它,你这样做。它就是这么简单。应该有这样的结果。

标签:web2.0,按钮,photoshop
0
投稿

猜你喜欢

  • ps打造艺术美白柔化照片

    2009-02-22 17:40:00
  • Photoshop合成教程 合成漂浮的岛屿

    2010-03-14 09:53:00
  • Photoshop 完美的保持皮肤细节磨皮

    2009-02-23 20:03:00
  • PS照片处理:快速制作照片抽丝艺术化

    2009-03-09 21:20:00
  • PS鼠绘梦幻的海边卡通女孩

    2009-02-22 18:08:00
  • 深入了解PS画笔的使用及设置技巧

    2009-11-18 14:29:00
  • Photoshop给MM照片简单调柔和色调

    2009-03-24 16:00:00
  • Photoshop打造独特的3d文字效果

    2009-04-22 11:51:00
  • Photoshop实现绚丽动感的写真图片教程

    2010-03-04 10:55:00
  • Photoshop给照片加上时尚个性的相框

    2009-03-24 10:56:00
  • Photoshop 深海里的海洋文字

    2009-03-02 18:34:00
  • PS制作古典签名-思念的心情

    2009-03-27 09:42:00
  • Photoshop照片处理:个性蓝色调头发背景

    2009-03-16 09:41:00
  • PS照片合成:城市大象科幻特效[译]

    2009-03-08 18:17:00
  • Photoshop合成枪战动作电影教程

    2009-05-05 23:40:00
  • Photoshop中让图片如丝带般飘起来

    2010-07-23 19:21:00
  • PS鼠绘超酷的骷髅骑士

    2009-02-22 17:29:00
  • FireWorks 人物暗夜里的光影涂鸦

    2009-07-04 12:18:00
  • Photoshop简单为古装美女增添艺术背景

    2009-03-06 18:45:00
  • Photoshop cs5的几个新功能介绍

    2010-07-09 13:14:00
  • asp之家 平面设计 m.aspxhome.com