Photoshop制作漂亮前卫的web按钮

2016-02-16 06:59 14 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Photoshop制作漂亮前卫的web按钮,无聊中的都看过来。

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

新建文档1280x1024像素,背景白色,建新层,填充黑色,添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

建新层,画一个黑色圆角矩形。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度20%,填充75%。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

建新层,用矩形工具做如下选区,填充0082f0,去掉选区用柔角橡皮涂抹两端,产生渐隐的效果。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

建新层,画一黑色箭头。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

复制一层缩小,改变渐变叠加的颜色。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

建新层,用钢笔画出下图所示路径,转为选区填充黑色。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

添加图层样式。

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

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

然后底部建新层做一个阴影,类似下图效果。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

用上述方法作出其它按钮,最终效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,图老师教程网

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

延伸阅读
先看看效果图 步骤1: 打开Photoshop,快捷键 Ctrl+N 打开新建窗口,按照下图内的参数设置好后,确定。 步骤2: 选定背景层,快捷键 Shift+F5 打开填充对话个,下拉菜单中选择颜色,然后使用颜色#141d28,确定。 步骤3: 接下来,我们使用圆角矩形工具,设置圆角为2px,拉出一个适当大小的矩形。 然后在右侧的图层面板中...
标签: PS PS教程
琉璃是以各种颜色的人造水晶为原料,用水晶脱蜡铸造法高温烧结而成的艺术作品。这种流光溢彩、变幻瑰丽的琉璃效果也常常被应用到平面设计当中,下面我们就用PS来打造一款漂亮的蝴蝶琉璃按钮。 效果预览 1、新建一个宽度为12厘米,高度为10厘米,分辨率为300像素,模式为RGB,内容为白色的文件。 2、新建图层1,选择工具箱中的“自定...
原图 1、在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents设为Transparent( 透明 ) layer1填充为#333333, 上加一层,建立直径为26像素的圆形,并把它改造成长圆形的按钮放在页面中心 (此操作说明可在前面的教程例题中找到) 2、前景设为#4D4D4D,背景设为#737373, 用渐变色工具Linear Gradient Tool,从按钮的上方至下...
标签: PS PS基础
先看效果图。 新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层,再画一个小的白色圆角矩形,图层不透明度50%。 下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变,图层不透...
首先,把效果图发出来! 下面开始: 一 绘制"底座"部分 1.用椭圆工具(L),按住ALt+Shift(以某一点为中心)画出一正圆, 然后打开图层调板(F7),在对象名上双击,重命名为"金属底座",如图000: 2.为了让它在最后看起来更真实,我想要给这个正圆一些透视, 使用"自由变换工具"(E),鼠标移动到正圆对象定界框右下角...

经验教程

30

收藏

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