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

最新发布

Photoshop简单绘制专业的网页按钮
Photoshop简单绘制专业的网页按钮

在这个教程里我们教大家如何利用Photoshop简单制作一个流行的、专业的、具有光泽的网页中经常用到的按钮,最终效果如下:    1.新建立文档,创建一个新的图层,使用椭圆工具绘制选区,然后执行“选择”“修改”“平滑”,设置数值12。  2.然后使用渐变工具从蓝色到浅蓝色进行线性填充:    3.新建立图层,使用“编辑”“描边”数值为 4 px.  4.然后对选定区域执行高斯模糊,半径为 1,5:    5.下面开始制作反射效果,新建立图层,选定一定区域,然后执行“选择”“修改”“收缩”,数值为 8 px.:

5 次浏览
用Photoshop打造水晶按钮之至尊版
用Photoshop打造水晶按钮之至尊版

1.首先新建文件,选择圆角矩形工具,绘制出圆角矩形。如图1。    2.将路径转换为选区,新建图层,使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图2。    3.取消选区。使用图层样式,给圆角矩形增加内阴影,参数设置如图。如图3。    4.勾画出如图的选区。如图4。    5.新建图层,拉出透明到白色渐变。如图5。

7 次浏览
Photoshop为GIF图形按钮改文字小技巧
Photoshop为GIF图形按钮改文字小技巧

平生最看不得有人自己弄不清状况,非要说一个来龙去脉的,每每看到这样的帖子,心里老大不爽。  今天一大清早就开始写稿子,一连奋战了近10个小时,写了23页的稿子,洋洋傻傻一大篇(因为最后都觉得把自己给写傻了)。于是带着怨气上论坛瞎混,遇见不爽就开始说说了。  帖子是这样的:  我想做个一模一样的.就是把“健康”两字换成“证券”两字.PS文件已经找不到.现在是GIF文件.请高手帮忙!    居然有人回答用图章去修,我觉得是抽风,没事情找事情做。  不就是换一个文字么,不需要那么麻烦,而且也要认清按钮的用途以及特点,再来做。  使用缩放工具,将图像放大400%,GIF图像要先将索引色模式转换为RGB的模式。    使用选择工具选择矩形如下图所示

5 次浏览
Photoshop制作流行的配色网页按钮
Photoshop制作流行的配色网页按钮

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

8 次浏览
Photoshop制作电梯按钮
Photoshop制作电梯按钮

如今的住宅楼层越来越高,电梯成为了人们出入必不可少的工具,下面制作的是一款大家熟悉的电梯按钮……  先看一下效果:    制作工具:Photoshop CS  制作过程:  1、选择一幅背景图片,效果如图01所示。    2、设置前景色的RGB分别为174、174、174。新建一个图层图层1,并填充前景色,效果如图02所示。    3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令,在打开的添加杂色对话框中设置参数如图03所示,效果如图04所示。

8 次浏览
Photoshop简单绘制Vista风格网页按钮
Photoshop简单绘制Vista风格网页按钮

本文示例源代码或素材下载  初学者入门,Photoshop教程,简单绘制Vista风格网页按钮,效果还是不错的!但是有没有用还要看自己的喜好!  photoshop制作一个超酷的蓝色Vista风格网页按钮。文章最后提供PSD源文件。  1、建立一个50*50px文档,背景填充为#121212。  2、建立新图层,使用圆角矩形工具。半径设置为15px,绘制一个在文档正中的形状,然后使用渐变工具,把前景色设置为#0c85f4,背景色设置为#00386b从上到下进行线性渐变。按Ctrl+D取消选择。    3、设置内发光样式如下。      4、制作光照效果。创建一个新层,按Ctrl单击圆角矩形图层选择,使用椭圆选区工具选择下部分,然后把上面部分填充为白色。

15 次浏览
Photoshop打造一款美女水晶按钮
Photoshop打造一款美女水晶按钮

先看一下最终效果:    制作工具:Photoshop CS  制作过程:  1、打开一幅图片,效果如图01所示做为底图。    2、设置前景色为蓝色1E5F96。选择工具箱中的“圆角矩形工具”,设置半径为150,在窗口中绘制如图02所示的形状,命名生成图层为图层1。    3、双击图层1,打开图层样式对话框,选择“投影”样式,设置参数如图03所示,图像效果如图04所示。

18 次浏览
Photoshop制作水晶按钮网页导航
Photoshop制作水晶按钮网页导航

水晶效果按钮在很多网站运用得越来越多,在下面教程中,我们就跟着作者的思路,学习如何用photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以根据页面的整体效果做调整~  我们先看看效果图:    效果图  我们开始学习教程:  新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置    图1  新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

7 次浏览
Photoshop简单制作网页半透明按钮
Photoshop简单制作网页半透明按钮

1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。  2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。  3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。  4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。  5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。  6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

7 次浏览
photoshop绘制Web2.0图标
photoshop绘制Web2.0图标

我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。步骤1:创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。步骤2:双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。 步骤3:参照下图,复制圆形图层,并调整到合适大小。

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