PS快速制作网页按钮

2016-04-05 15:05 8 1 收藏

下面是个简单易学的PS快速制作网页按钮教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - ps鼠绘 】

PS快速制作网页按钮

  效果图如下:

PS快速制作网页按钮 图老师教程

   photoshop教程开始www.tulaoshi.com:

  第1步:

  分辨率1280 x 1024像素创建一个新项目

  第2步:

  现在选择圆角矩形工具(U)和半径300像素的形状像如下

  第3步:

  打开图层样式,选择渐变叠加,设置渐变叠加像如下

  第4步:

  现在选择圆角矩形工具(U)和半径300像素的形状像如下

PS快速制作网页按钮(2)tuLaoShi.com

  第5步:

  打开图层样式,选择渐变叠加,设置渐变叠加像如下

  步骤6:

  现在选择矩形选框工具(M)和圆形

  步骤7:

  现在选择图层样式,过去它的形状像如下

  第8步:

  现在选择矩形选框工具(M)和圆形

  步骤9:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)

  现在新建一个屋为笔刷工具,然后选择笔刷(b)类似如下

  第10步:

  现在选择文本文字工具(T)和类型如下的文本

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/psshuhuijiaocheng/)

  我希望你喜欢这个教程,我希望这些技术已经启发了一些新的想法和观点,为你的下一个设计

来源:https://www.tulaoshi.com/n/20160405/2124466.html

延伸阅读
PS制作质感按钮教程 教程使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档。 为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。 选择圆角矩形工www.tulaoshi.com具,创建按钮的的主要形状,半径为5 px。 添加渐变叠加图层样式。渐变颜色从#0d3079到#5...
最终效果图 1、首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式Tulaoshi.com做出来的。看到了吗?都用了那几种样式? 2、有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比...
PS制作蓝色质感按钮 我们先来看看制作完成的效果: 下面是具体的制作步骤介绍: 1、新建一个500*350的文档,设置前景色为#026d8d,背景色为#01c1e2,然后使 用渐变工具拖动制作从前景到背景的渐变 (www.tulaoshi.com) 2、使用圆角矩形工具,选择形状图层模式,设置半径为10px,绘制按钮 3、设置按钮的图层样...
最终效果图 www.Tulaoshi.com 最终效果图

经验教程

248

收藏

90
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部