Photoshop设计橙色黑色RSS网页按钮教程

2016-03-18 05:52 7 1 收藏

今天图老师小编给大家介绍下Photoshop设计橙色黑色RSS网页按钮教程，平时喜欢Photoshop设计橙色黑色RSS网页按钮教程的朋友赶紧收藏起来吧！记得点赞哦~

【 tulaoshi.com - PS 】

　　最终效果图

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320710.jpg"

　　1、新建一个图片大小为376x188像素，背景白色，创建一个新图层，然后画一个黑色的圆角矩形。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320797.jpg"

　　2、选择“图层—图层样式”，添加内发光、描边、渐变叠加这3种图层样式。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320770.jpg"

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320704.jpg"

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320849.jpg"

　　效果如下。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320884.jpg"

　　3、创建一个新图层，使用“圆角矩形工具”画一白色的圆角矩形，如图所示。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320881.jpg"

　　4、右键单击击圆角矩形图层，选择“栅格化图层”选项。然后添加一个图层蒙版，使用渐变工具在圆角矩形上从上向下拖动，填充白色到黑色的渐变效果。最后设置图层的不透明度为77%。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911320966.jpg"

　　5、创建一个新图层，用“自定义形状工具”画出RSS标识，填充白色。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911321088.jpg"

　　6、最后使用文字工具输入文字，最终效果如图所示。

　　其它效果。

src="http://www.poluoluo.com/jzxy/UploadFiles_333/201101/2011012911321048.jpg"

来源:http://www.tulaoshi.com/n/20160318/1873851.html

上一篇： PS一个有质感的导航按钮
下一篇： Photoshop制作简单的蓝色水晶按钮

看过《Photoshop设计橙色黑色RSS网页按钮教程》的人还看了以下文章更多>>

Photoshop设计网页常见卷页按钮效果教程

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

最终效果 1) 利用圆角矩形工具建立一条路径;使用转换点工具移动左上角路径节点,使其产生卷页的形状; 2) 用任意一种色彩填充工作路径;再复制下半部分;对其添加图层样式,如图所示. 3) 用任意一种色彩绘制一个圆角矩形;将其图www.tulaoshi.com层移至红色矩形之后;添加图层样式,如图所示. 4) 再新建一层,绘制圆色矩形,颜色为黑...

Photoshop设计制作金属感蓝色的网页按钮教程

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

这是一篇photoshop按钮制作教程，教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果，大家一起来动手制作吧。先看效果图。 1、新建文档，尺寸自定，背景白色，建新层，画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。效果如下图所示。 ...

Photoshop设计漂亮精致的网页按钮

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

先看看效果图步骤1：打开Photoshop，快捷键 Ctrl+N 打开新建窗口，按照下图内的参数设置好后，确定。步骤2：选定背景层，快捷键 Shift+F5 打开填充对话个，下拉菜单中选择颜色，然后使用颜色#141d28，确定。步骤3：接下来，我们使用圆角矩形工具，设置圆角为2px，拉出一个适当大小的矩形。然后在右侧的图层面板中...

Photoshop设计金属质感的网页按钮

标签： PS PS基础

先看看效果图让我们开始!创建一个新的文件，本ps教程分辨率为500×300，填补这个白色画布。然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色。之后，应用下面的图层样式到这一层：内阴影渐变叠加您的按钮应该看起来像我的：现在，时间，使反射按钮。使用Ctrl + J键复制当前层，然后创建一个新...

Photoshop设计网页按钮_非常精致蓝色水晶按钮

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

来源：PConline 作者：李华仁水晶按钮是非常常用的，制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状，然后添加图层样式和高光即可。最终效果 1、打开Adobe Photoshop，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：按钮，宽度：570像...

查看更多精彩>>