PS快速制作网页按钮

PS快速制作网页按钮的相关文章

• 
  PS入门教程：制作网页翻转按钮

  标签：PS PS基础 PS抠图 PS调色 PS效果

  大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。 首先新建一个400×300的白底图...[ 查看全文 ]

  chefj471

  1111
• 
  PS快速制作一款华丽的按钮

  PS快速制作一款华丽的按钮 先来看看最终效果图： Tulaoshi.Com 具体制作步骤： 一、运行PS软件，新建一文档，输入文档名称，尺寸自定义，白色背景。 二、新建一层，选择椭圆工具，同时按 Shift键拉一个白色圆形，并为其添加图层样式。首先添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性，打开编辑器编辑渐变颜色，从左至右依次为#000000 #8d0d0a #650000 #ab1919 #b2181...[ 查看全文 ]

  喂你吭一声

  51
• 
  PS按钮制作教程 怎样制作玻璃按钮

  标签：PS教程

  一：点击文件—新建一个文件，模式设置为RGB颜色模式。 二：新建一个透明图层，然后点击圆角矩形工具，设置前景色为蓝色，接着绘制出一个圆角矩形。 三：选择图层—图层样式—混合选项—执行投影和内阴影。 四：继续编辑图层样式，选择内发光；接着选择斜面浮雕。 五：选择—重新选择，然后新建一个图层，填充一个阴影颜色，然后取消。 六：点击滤镜—模糊—高斯模糊。然后使用移动工...[ 查看全文 ]

  々謝絕こ崇拜ゥ

  1411
• 
  制作人像网页按钮

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果图 1、新建一个文档，填充自己喜欢的颜色， 2、按Shift+M，直到切换到随圆选框为止，按住Shift键不放，在文档中央拖出一个圆形选区。如图所示： 3、打开一幅素材图，最好是人物表情生动的，然后全选。如图所示： 注：第一张新建的圆形选区保持不变。 4、回到第一张图（保持选区），将美女图全选后，同时按Shift+Ctrl+V三个键，美女就被粘贴到圆圈中了，面且您还可以随意...[ 查看全文 ]

  情绪控Elop

  21
• 
  Photoshop制作简洁的网页按钮

  标签：PS PS基础

  先看效果图。 新建文档500x300像素，背景黑色，新建图层，画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层，再画一个小的白色圆角矩形，图层不透明度50%。 下面制作倒影，复制大的圆角矩形图层，新建图层1，然后合并2个图层得到图层1，ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变，图层不透明度80%左右，输入白色文字，效果如下。 如果你觉得蓝色不好...[ 查看全文 ]

  程_程

  61
• 
  PS制作水晶长形按钮

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果图 1、首先，填充一个浅灰的底，目的是为了突出按钮的高光位置，有其是边缘的。我现在把文字和高光的图层给去掉了，只留下最重要的部分。这个图层，就只有样式，你看到的效果，全都是样式Tulaoshi.com做出来的。看到了吗？都用了那几种样式？ 2、有了基本认识，接下来，新建一个图层，偶先画了一个倒角的方形，偶比较喜欢倒角的，如果你喜欢其它形状，随便画好了。如果你不知道怎...[ 查看全文 ]

  LG7D2L

  51
• 
  PS制作精致推荐按钮

  PS制作精致推荐按钮 PtulaoShi.comS制作精致推荐按钮 [ 查看全文 ]

  日后再说cx

  91
• 
  PS制作蓝色玻璃按钮

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果图 [ 查看全文 ]

  堕落天使的夜晚

  101
• 
  PS制作水晶风格按钮

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果图 www.Tulaoshi.com 最终效果图 [ 查看全文 ]

  nianjie_2006

  11
• 
  Photoshop制作精美的网页按钮教程

  标签：PS PS基础

  先看效果图。 1、新建文档，尺寸自定，背景白色，建新层，画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。 效果如下图所示。 3、创建一个新图层，使用圆角矩形工具制作一个小一点的白色矩形，你可以使用自由变换调整它的大小和位置，如图所示。 4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几种图层样式，如图所示。 效果如下图所示。 5、新建...[ 查看全文 ]

  马勒彼得草

  11
• 
  Photoshop制作清新的立体网页按钮

  标签：PS PS基础

  [ 查看全文 ]

  沉默de鲨鱼123

  31
• 
  网页常用水晶按钮的制作

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果图 1、新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置： 专业教程网站 2、新建一个图层后，在画布上拉出一个长方形，就得到这样的结果。（为了更好的给大家讲解，这个图放大了400%显示） 如果大家得到这样的结果。   就需要将“对齐像素”的选项给勾上。 世纪教程 3、为这个图层添加图层样式。 世纪教程 得到结...[ 查看全文 ]

  申米饭

  11
• 
  Photoshop制作立体绚丽的网页按钮

  标签：PS PS基础

  最终效果 1、按钮的形状 我个人认为按钮无非就这几种基本形状，请不要做太多奇形怪状，不要忘记按钮本身的作用吸引用户点击。 2、颜色 设计师应该具备审美能力。 3、实验 不断的练习会让你学习到更多的东西，请不要给自己太多压力，你的付出不会仅仅只让你原地踏步，要坚持。 4、教程 下面是我自己随意做的东西。 5、分层图 6、混合选项 加上其它细节，完成最终效果。如...[ 查看全文 ]

  你成他的新娘了

  01
• 
  Photoshop制作小巧的网页红色按钮

  标签：PS PS基础

  先看效果图 新建文档350x230像素，背景填充浅灰色#dddddd，之后建新层，前景色#f00000画一个圆角矩形。 添加图层样式。 效果如下。 建新层，画一矩形选区，白到透明径向渐变。 去掉选区，调出圆角矩形选区，添加蒙版，图层模式改为柔光。 输入白色文字添加内阴影样式，效果如下。 最后添加倒影，最终效果如下。 [ 查看全文 ]

  维尼纳祯

  41
• 
  Photoshop制作流行的配色网页按钮

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果 第一步：使用圆角矩形制作一个红色的矩形。 第二步：然后我们给该矩形形状添加下面图层样式，阴影： 内发光： 渐变叠加： 描边： 效果如下： 第三步：按住Ctrl单击按钮层选择，使用使用矩形选框工具设置如下。 第四步：使用矩形选框工具把选区移动到左部，如下图所示。 第五步：创建一个新层，然后填充#E1CA57...[ 查看全文 ]

  冯松涛191

  01
• 
  PS制作玻璃水晶按钮

  标签：PS PS基础 ps平面设计教程 ps去水印教程

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

  qsnmlzty675449

  41
• 
  网页常用按钮制作教程之一

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果 素材 1.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1，半径数值为“4”如图2，绘制如图3所示的圆角矩形。 图1 图2 图3 2.锁定图层，选择渐变工具，颜色设置如下图4,由上至下绘制渐变效果如图5 图4 图5 3.在"按钮--底部"上面新建一层命名为“按钮--高光”,调...[ 查看全文 ]

  感性的蹦恰恰

  21
• 
  网页常用按钮制作教程之二

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  最终效果 1.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为"按钮--底",选择“圆角矩形工具”如图1，半径数值为“25”如图2，绘制如图3所示的圆角矩形。 图1 图2 图3 2.如下图所示锁定透明象素 图4 3.选择渐变工具，颜色设置如下图5,由上至下绘制渐变效果如图6 图5 图6 4.在“按钮-底”上新...[ 查看全文 ]

  feihuahaha

  11
• 
  Photoshop制作网页常用质感按钮图标

  标签：PS PS基础 ps平面设计教程 ps去水印教程

  来源：腾龙视觉 作者：不详 本教程介绍较为精致的圆形按钮的制作方法，由于图层较多，制作的时候需要注意好图层的顺序。另外按钮以水质质感为主，需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档，背景填充灰色。 2、新建图层，选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层tulaoShi.com样式“投影”效果。 4、更改“形状 1”的填充为“...[ 查看全文 ]

  芒果不盲669

  51
• 
  Photoshop制作好看的网页按钮教程

  标签：PS PS基础

  先看看效果图 打开photoshop，新建空白文档。 为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。 现在让按钮从背景中突显出来，添加1 px描边，颜色为深蓝色(#0b2258)。 为了增加按钮立体感，添加一个1像素内发光。颜色为白色(#FFFFF...[ 查看全文 ]

  战斧大爷

  51