平面设计
位置:首页>> 平面设计>> Photoshop教程>> Photoshop制作web2.0注册按钮

Photoshop制作web2.0注册按钮

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

标签:web2.0,按钮,photoshop

如果我们的网站不包含任何的按钮,那么他看起来是不完整的,这就是为什么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提要。

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

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

0
投稿

猜你喜欢

  • 图片数量的增长从来不像现在这么迅猛。如果你是从一位经验丰富的摄影师手中或是著名的图片公司得到图片,那么绝大多数时候都可放心使用。但是也有很多
  • 这次为大家带来光主题的ps特技图赏,图片中的各种光效的运用,让人震惊以外,更为作者的创意叫绝!原文:http://www.ucdcom.co
  • 光线效果现在已经非常流行,它是一种为照片或插图添加明亮绚丽细节效果有效的方法。在本教程中,你将学到用一些简单的技术来创建一个绚丽的螺旋光线条
  • 本文为大家讲述在Photoshop中创建金属文字效果:PS最好的功能之一就是图层风格。我们能使用图层风格创造出各种各样的效果:如“塑料、玻璃
  • 本教程主要是讲解介绍制作简单非主流效果,制作的时候先把图片的色调调得非常暗,这样就可以在头发及眼睛周围产生很多黑色的影子,可以增强非主流的格
  • 最终效果人物素材1、打开下面两副素材,把素材2拖到素材1里面,适当调整好大小。2、用橡皮工具吧石头素材上半部分擦掉,显示出云彩素材,效果如下
  • 本教程制作的效果非常有创意,有种动感的形体美。不过作者没有提供一些装饰的素材,大家需要到网上下载。原图最终效果1、看原图设计出修图策略流程。
  • 这个范例用Illustrator的封套扭曲工具来制作一个简单时髦的时装广告。先看一下最终效果: 1.导入图片找一张你想要用在作品中的时装图片
  • 原文:http://psd.tutsplus.com/articles/news/作者:Tomasz Opasinski前言:如果你想自己P
  • 有感于一些朋友的作品(尤其是页面\软件界面设计这种对精度要求很高的地方)在细节方面总是受到锯齿的困扰,而拉低了整体档次。特根据自己的经验讲一
  • 原图素材有一点偏色,并且人物的颜色和背景太接近,画面有点模糊的感觉。调色的时候需要用蒙版来控制人物及背景的颜色。把色调及层次拉大。这样画面就
  • "可选颜色"是Adobe Photoshop中的一条关于色彩调整的命令。但与色阶,色彩平衡和色相饱和度相比,就没有那么直
  • 人物调色的时候保持皮肤的细节非常重要。作者这方面处理的非常不错。不仅没有影响皮肤的质感,还利用计算及 * 滤镜加强了皮肤质感。然后再配上合适的
  • 最终效果1,新建文件,输入文图,使用菜单:图层>文字>创建工作路径;2,调出文字选区,新建图层,便用菜单:编辑>描边(描边
  • PS合成神圣的雕像这个PS教程其实也不是很长,但是有难度,而且难度比较大,需要自己琢磨一下,一些地方我都说明了,主要还是靠大家的技术了,不然
  • 最近常常看我们站点的文档评论,发现用 FireWorks 画大众甲壳虫 的评论是很多的,有很多人觉得是用照片逆向而成的假教程,当然大部分是夸
  • 本教程介绍较大的人物头像的磨皮及调色方法。因为照片较大,人物脸上有很多斑点及色块。普通的磨皮方法可能脸上有很多细节会丢失。作者用的是同道选区
  • 效果图街头素材大象素材本实例原作者bpkelsey,PS爱好者重新翻译并截图制作。1、将大象素材拖入,ctrl+J复制图层隐藏大象副本图层,
  • 今天asp之家给大家找了photoshop“手绘戒指”的教程,来试试吧!相关文章:PS教程:手绘钻石戒指先看效果:新建文件,背景为黑,新建图
  • photoshop中制作ipod播放器1、打开photoshop 新建如此参数的文件(尺寸当然你自己可以随便调哦)2、新建一个图层,图层名称
手机版 平面设计 asp之家 www.aspxhome.com