用ps制作常用的网页水晶按钮

用ps制作常用的网页水晶按钮的相关文章

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

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

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

  申米饭

  11
• 
  PS制作常用水晶按钮

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

  本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！ 最终效果 1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 5.给上边的矩形添加样式 6.设置前景颜TuLaoShi....[ 查看全文 ]

  不是谁都不可以

  31
• 
  PS快速制作网页按钮

  PS快速制作网页按钮 效果图如下： photoshop教程开始www.tulaoshi.com： 第1步： 分辨率1280 x 1024像素创建一个新项目 第2步： 现在选择圆角矩形工具(U)和半径300像素的形状像如下 第3步： 打开图层样式，选择渐变叠加，设置渐变叠加像如下 第4步： 现在选择圆角矩形工具(U)和半径300像素的形状像如下 PS快速制作网页按钮(2)tuLaoShi.co...[ 查看全文 ]

  最爱如影相随

  81
• 
  PS制作水晶长形按钮

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

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

  LG7D2L

  51
• 
  ps水晶按钮制作教程

  ps水晶按钮制作教程 photoshop教程最终效果 1.新建一个300tuLaoShi.com * 200像素的文件，定义圆角矩形大小为250 * 120 2.复制圆角矩形图层并缩小 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。 ps水晶按钮制作教程(2) 4.这是是具体的简便颜色设置 5.给上边的Tulaoshi.Com矩形添加样式 ps水晶按钮制作教程(3...[ 查看全文 ]

  神经质大叔_

  181
• 
  PS制作水晶风格按钮

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

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

  nianjie_2006

  11
• 
  PS制作常用高光按钮

  标签：PS PS基础 PS效果

  本教程主要介绍常用按钮的制作方法。思路：先绘制好按钮的形状，然后适当的把按钮的下面及上面都加上光感，高光部分的制作比较重要，需要根据实际的颜色选择不同的高光效果。 最终效果 1.新建一个500 * 350像素的文件，背景填充为黑色，前景颜色设置为：#570202，选择圆角矩形工具，参数设置如图1，绘制图2所示的圆角矩形。 图1 图2 2.调出圆角矩形的选区，在背景图层上面新建一个图层...[ 查看全文 ]

  yhekanzhuo

  361
• 
  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
• 
  用PPT制作圆形水晶按钮

  标签：电脑入门

  看到图1中的水晶按钮，你可能以为是在Photoshop之类的专业图形软件中制作，然后再插入到这个演示文稿中的，其实我们可以利用PowerPoint的绘图功能来制作。这样不用处理插入图片的背景，而且非常简单，只需三步操作即可。 启动PowerPoint 2002或2003，新建一个演示文稿。 新建演示文稿 步骤1：绘制圆形底图 单击绘图工具栏的椭圆按钮，按住Shift键不放的同 时按下鼠标左键拖动鼠标，画一个圆。...[ 查看全文 ]

  炽天使幽水

  71
• 
  Photoshop制作两款常用水晶按钮

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

  编缉：图老师 来源：站酷 作者：木可可 最终效果1 最(www.tulaoshi.com)终效果2 效果1制作过程： 1、新建一个500 * 300的文件，背景填充颜色：#242424深灰色。 2、新建一个图层，选择圆角矩形工具，画一个矩形，然后把前景颜色设置为：#007dee，背景颜色设置为：#023f78，选择渐变工具，从左至右拉渐变。 3、双击图层1，调出图层样式，选择描边，在这里描边大小为5像素，颜色比背景稍微深...[ 查看全文 ]

  讨厌鱼刺dě喵

  21
• 
  PS制作双环水晶纹理按钮

  标签：PS PS基础 PS效果

  最终效果 1、新建一个300 * 300像素的文件，把背景填充颜色：#102633 。 按Ctrl + R调出标尺，然后分别在水平和垂直中心位置拉一条参考线，效果如下图。 2、选择自定义形状椭圆工具，按住Shift键，从参考线中心向外拉出一个正圆。 选择下图中的选项，按Shift从参考线向外拉，将圆中间消减去一部分。 再选择添加区域选项，按上面的方法，在中间拉出一个小圆。 3、在形状图层上单击右键...[ 查看全文 ]

  xianxian1451

  371
• 
  用Freehand MX制作做水晶按钮

  标签：Illustrator

  完成效果如下： 制作方法： 1.画一个圆形或圆角矩形（根据需要而定，本例为圆形），笔触设置为无色，用深颜色填充； 2.在圆形上画个小一些的椭圆，笔触为无填充比深颜色更亮的颜色，用对齐面板调整如下： 3.接下来做大圆和小圆间的过度，此时你可能想到用混合，但这里不是，我是在小圆用高斯模糊或羽化，两种哪个都行，不过我认为高斯模糊的效果要好一些！ ...[ 查看全文 ]

  夜店之王BJ

  51
• 
  PS质感水晶按钮

  PS质感水晶按钮 tulaoshi.com PS质感水晶按钮(2) [ 查看全文 ]

  Jessica曉婷

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

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

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

  chefj471

  1111
• 
  用Dreamweaver制作网页中常用的过渡效果

  标签：Web开发

  网页过渡是指当浏览者进入或离开网页时，页面呈现的不同的刷新效果，比如卷动、百叶窗等。 注：通过模板所建网页无法添加网页过渡效果! 制作步骤： 1、 打开一个页面，这一步非常关键。为什么要打开一个页面，而不是在编辑过程中进行设置呢？这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用。而刚打开的窗口，光标在代码窗口的最上一行的最前边，是合适的位置之一，对...[ 查看全文 ]

  微鱼忙忙

  41
• 
  教你用PS制作电梯按钮

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

  最终效果图 制作工具：Photoshop CS 制作过程： 1、选择一幅背景图片，效果如图01所示。 图01 2、设置前景色的RGB分别为174、174、174。新建一个图层图层1，并填充前景色，效果如图02所示。 图02 3、执行菜单栏中的“滤镜”“杂色”“添加杂色”命令，在打开的添加杂色对话框中设置参数如图03所示，效果如图04所示。 图03 图04 4、接着执行菜单栏中的“滤镜...[ 查看全文 ]

  聆听琴音love

  701
• 
  Flash制作流行网页水晶按钮-Flash实例教程

  标签：FLASH flash教程

  本例介绍运用Flash制作水晶按钮以及水晶按钮的运用，教程详细讲解了制作过程，适合新手朋友学习，感兴趣的朋友可以到论坛提交作业。 本人学习Flash也才两个多月，还很菜的哈，这个教程实际上只是本人学习Flash的一点心得，写出来给初学Flash的朋友，可能对于初学者会有一点点帮助吧。先看一下效果图吧： 下面开始制作： 1. 新建一个空白的Flash文档。 2. 按ctrl+F8，新建一个图形元件。选择椭圆工具，...[ 查看全文 ]

  LLLLLOOO60

  131