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提要。
下面,是我提供的已经做好的按钮(没有水印)。
所有您现在要做的是保存它,你这样做。它就是这么简单。应该有这样的结果。


猜你喜欢
- 本期教程中我们将通过调整画笔的“角度”和“圆度”参数制作出星光图像,然后结合路径描边操作来制作出连体的星光形状文字。下期教程中我们将使用笔刷
- 本教程简单介绍古典签名效果的制作方法,思路:先把人物素材图切片并调整好大小及颜色,然后找一些古典相关的素材图,贴进去再加上高光素材及一些修饰
- 思路:先用钢笔工具勾出流畅的曲线,然后描边路径,再用画笔根据路径装饰一下高光背景,最后把曲线复制并模糊变形即可。制作的时候背景颜色选择稍微深
- 今天我们要做的是一个合成作品,首先我们来看一下最终效果和前后对比图【Step1】我们首先要用仿制图章工具将腿部去掉,露出后面的墙体。擦除后的
- 当你看到这幅经典的图片,你可能会惊奇,哇,太棒了,但是我是如何制作的,请读下文……最终效果预览:步骤一大部分经典的成分是用纸的的纹理来制作出
- 本教程的效果图制作的非常不错。不过作者没有详细的过程参照图,仅有一些提示的文字和数据。调色的时候需要先理清作者的思路,再去慢慢尝试。原图&n
- 薛欣 xuexin@126.com 转载请注明出处上文:Photoshop CS
- 本教程简单的利用渐变映射叠加来调色。先设置好想要的渐变色,然后改变图层混合模式,主色就出来了,然后修饰下细节部分即可。原图最终效果1、打开原
- 本教程介绍金属放大镜的制作方法。重点在金属边框的制作。需要注意好金属质感的调节,有的部分用图层样式一次不能做好,需要多用几个图层来分开做出效
- 原图效果图原图效果图例1:打开原图,作曲线调节,一步完成。如下:例2:打开原图,建一个曲线调整层,作曲线调节,如下:用黑色画笔在蒙版里擦出天
- 编译:manta 原文来自:abduzeedo 转载请注明本文地址:http://
- 1 - Adhemas Batista (Brazil)Adhemas Batista,巴西人,居住在圣保罗,25岁,美术指导,平面与插画设
- 本教程主要是介绍背景部分的调色方法。作者想要制作一种梦幻,清爽的画面……先看一下最终效果:原图:1、打开原图,把背景图层复制一层。2、图像
- 下面是这次教程需要的笔触:有些东西看上去很复杂,其实很简单。有些东西看上去很简单,其实很复杂。这幅作品中的一摞书属于前者,而装饰的水墨属于后
- 先看效果图 其实制作方法非常简单,新手都可以学得会的,下
- 本教程简单介绍淡黄色调调色方法。效果图及原图都不错,不同的色调感觉画面的意境差别很大。大家调色的时候可以多尝试不同的颜色。原图最终效果1、打
- Photoshop cs3相比其它版本在功能上有了很多改进,这需要在使用过程中慢慢熟悉。也许在安装时你就已经发现,cs3版本已经没有了以往的
- 本教程的合成都是一些最基础的操作。如画面中一些纹理素材的添加及一些笔刷的应用等。这些都是合成中最常见的。有了这些还得有很好的设计变现能力,这
- Photoshop照片合成:杯子中的惊涛骇浪艺术特效。希望大家掌握教程的思路以及Photoshop工具的使用。下面我们先来看看最终效果图:效
- 原作者: Ian Yates 翻译:Kiny (08年的最后一个晚上)注意:本教程的精华在于PSD的练习