当前位置:主页 > 平面设计 > PS教程 > 制作实例 > 按钮制作

最新发布

Photoshop 简单水晶按钮制作
Photoshop 简单水晶按钮制作

本文为 http://www.bonesblog.net 原创,转载需注明出处。  点击这里下载PSD源文件  效果:    好了,我们开始教程  新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置    新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)    如果大家得到这样的结果

8 次浏览
Photoshop打造彩色玻璃导航菜单
Photoshop打造彩色玻璃导航菜单

许多网页元素都可以使用Photoshop来制作完成,今天我们就来学习一下如何用Photoshop来打造质感十足的彩色玻璃按钮,并用按钮组成漂亮的导航菜单,最后再在Photoshop中将导航菜单输出为HTML网页文件。   本文以Photoshop CS2中文版为例,其它版本的Photoshop在操作步骤上可能会略有差异。先看一下最终效果。      最终效果  具体操作步骤如下。  1.启动Photoshop CS2中文版,按Ctrl+N打开“新建”对话框,根据需要稍做设置(大小应该能放得下将来的导航菜单)后,单击“确定”按钮新建一个文档。  2.单击图层面板下方的“创建新图层”按钮新建一个图层。选择工具箱中的“圆角矩形工具”,在选项栏中将其半径设置为15px,然后在新图层上画一个如图1所示的圆角矩形。      图1  3.现在对上述形状应用如下图层样式。

2 次浏览
教你用Photoshop打造动感网页按钮
教你用Photoshop打造动感网页按钮

欢迎进入本教程。  在开始制作以前你必需要掌握相关的PHOTOSHOP基础知识。希望你能喜欢这个教程。。  通过本教程,你将学会如何制作一个下图所示的一个动感十足的网页按钮。。    下面我们开始制作。  首先你需要用钢笔工具作出一个和图中相类似的形状,形状完成后用CTRL+ENTER转换成选区;再随便使用一个颜色填充;在打开双击此图层打开图层样式对话框,勾选渐变叠加做以下设置:    再在其上面建立一个新图层并用链接按钮将它们链接起来,在按CTRL+E将这2个图层合并。(这么做的目的是用一个空的图层与带有图层样式的图层链接合并后,可以把带有图层样式的图层样式效果保留下来。  如果没有做的话,下面的加深减淡工具在对带有图层样式的图层进行编辑的时候,将看不见加深减淡工具对此图层编辑后的效果。)  现在在选用工具箱中的减淡工具,选中顶部色设置栏中的喷枪按钮,设置画笔的大小为100PX,范围为中间调。在球体上部区域给球体增加立体效果:

3 次浏览
Photoshop 按钮签名的制作
Photoshop 按钮签名的制作

4 次浏览
Photoshop 制作Vista风格按钮
Photoshop 制作Vista风格按钮

Windows Vista发布,趁着这个机会赶赶时髦。这是Vista的黑色任务栏按钮。  新建一张图,前景色选灰色(作为辅助色,可随意选一种较淡的颜色),用圆角矩形工具,设置圆角半径为 3 像素,画一个高 30 左右的矩形。    新建图层,用矩形选择工具在按钮上部约50%的地方选择一个矩形。选区越靠上,按钮就越显得凸起。然后按住Ctrl+Alt+Shift,单击图层面板中第一步建立的形状图层,以选中按钮的上半部。    选择前景色 rgb(200,200,200),背景色 rgb(90,90,90),使用渐变工具由上至下在选区中填充渐变色。    按Ctrl+Shift+I反选,再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层,选择按钮下半部分。  设置前景色为 rgb(24,24,24),按Alt+Del填充选区。

2 次浏览
Photoshop轻松绘制简洁的绿色网页按钮
Photoshop轻松绘制简洁的绿色网页按钮

先看一下最终效果。    1.新建文件,新建层,使用矩形选区工具如下选择,我选择的大小为60*20像素。    前景色设置为#afee00 ,背景色设置为: #3b9d00,使用渐变工具从选区的上方拉到*进行填充:    将前景色和背景色设置回黑色和白色,新建层,双击新层,对描边选项进行如下设置:    层类型更改为覆盖,透明度设置为40%。  3.新建层,创建如下选区:

2 次浏览
跟我学,用Photoshop打造Vista风格按钮
跟我学,用Photoshop打造Vista风格按钮

1 效果如图    2 新建画布,大小随意,然后新建圆角矩形图形,如图所示    3 圆角矩形属性    4 画一个吧,高 宽自定    5 接下来要出玻璃效果就是靠图层属性设置,选择蒙板图层右键混合属性  描边设置

1 次浏览
Photoshop制作流行红色网页提交按钮
Photoshop制作流行红色网页提交按钮

在好多网站上都看到过这种按钮,比较流行啊!今天教大家如何利用Photoshop简单制作一个红色按钮。  先看下红色的提交按钮:    第一步:使用圆角矩形制作一个红色的矩形。    第二步:然后我们给该矩形形状添加下面图层样式  阴影:    内发光

2 次浏览
Photoshop超级轻松打造web2.0水晶风格按钮
Photoshop超级轻松打造web2.0水晶风格按钮

Photoshop超级轻松打造web2.0水晶风格按钮,打造按钮的通用方法吧!如果你需要按钮就这样制作吧!  1    2    3    4    5

6 次浏览
Photoshop完美打造金属风暴按钮
Photoshop完美打造金属风暴按钮

使用Photoshop有限的功能却可以制作出无限的效果和创意。材质效果方面,像木头、涂料、石头、金属等等Photoshop都可以制作出来。其中金属以其独特的冷酷质感博得许多CG爱好者的推崇,制作金属风格的方法也多种多样。今天笔者带给大家使用Photoshop打造的金属风暴按钮。  首先启动功能强大的Photoshop,新建一个合适大小的画布,并且将背景色设置为灰色。如图1所示。    图1  接着使用圆角矩形工具,将半径设置为10像素,绘制出一个圆角矩形。如图2所示。    图2  选择渐变工具,打开渐变编辑器,模拟真实金属的光泽,设置黑白灰的渐变。如图3所示。    图3

3 次浏览
共计71条记录 上一页 1 2 3 4 5 6 7 8 下一页