Photoshop制作一个简单的网站按钮

2016-02-16 06:25 8 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop制作一个简单的网站按钮,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - PS 】

先看效果图

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

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

新建文档200x50像素,背景填充深灰色。建新层,前景色#9a2941画一个圆角矩形。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

添加图层样式。

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

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

然后建新层,画下图所示蓝色形状,效果如下,

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

单列选框工具点一下,填充白色,复制2个,图层模式叠加,添加蒙版去除多余部分。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

输入白色文字,添加黑色1像素描边样式,具体不截图了,很容易。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

建新层,调出形状1选区,填充白色,去掉选区,底部做一个大的椭圆选区,删除。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

图层不透明度35%,最终效果如下。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

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

来源:http://www.tulaoshi.com/n/20160216/1569142.html

延伸阅读
标签: PS PS基础
最终结果 教程开始 1。 打开Photoshop和创建一个新文档的尺寸1200 × 1000。 制作背景 2. 第一个方面,我们将开始的是背景。 使用您的油漆桶工具(G)的填充#FD6E8A你的背景层。 3. 我们希望创造一个圆点图案,我们可以添加到我们的背景。 要做到这一点,我们需要创建一个新文档的尺寸45 × 53。 4. 创建一个新的透明层和删除你的背...
来源:PS联盟 作者:Sener 世界杯到了,我们看得最多的就是球赛。下面学习如何制作一个足球。过程:先用选区画一个正圆,用渐变填充初步立体渐变,然后把高光及暗部处理明显一点。最后加上线条纹路即可。 最终效果 1、新建一个800 * 800像素,分辨率为72的画布,背景填充淡蓝色:#C6D8F0,如下图。 图1 2、点击图层面板底部红圈位...
标签: PS PS基础
本教程主要使用Photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成,教程主要是介绍photoshop中矢量在icon的应用和一些小细节。 废话不多说,这是最终效果 用圆角矩形工具画出长宽为512px,R值为92px的标准iphone框架 加上1px内阴影效果,使其有立体感 再用图案叠加添加木纹图案,你可以goo...
标签: PS PS基础
先看效果图。 新建文档224x206像素,背景白色,输入黑色文字。 添加图层样式。 复制一层,右侧挪动一段距离,修改图层样式,将渐变中心挪到右上角。 再复制2层,修改图层样式,渐变中心如下图所示,添加蒙版用黑色笔刷把多余部分去除,注意图层顺序。 调出最开始的字母选区,选择修改收缩2像素。 Ctrl+shift+I反选...
  unit Unit1; interface uses   Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,   Dialogs, jpeg, ExtCtrls, StdCtrls, ComCtrls, Grids,   DirOutln, Buttons, DdeMan,shlobj,comobj,activex; type   TForm1 = class(TForm)   &nbs...

经验教程

507

收藏

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