亲宝软件园·资讯

展开

设计网页水晶鸳鸯按钮 PS按扭制作教程

PS新手入门学习-技巧 人气:0
PS按扭制作教程:设计网页水晶鸳鸯按钮。

最终效果图

PS按扭制作教程:设计网页水晶鸳鸯按钮

1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如<图1>,半径数值为“10”如<图2>,绘制如<图3>所示的圆角矩形。

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图1>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图2>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图3>

2.把圆角矩形局部放大用钢笔工具勾出如<图4>所示的图形,按“Ctrl+Entr" 调出选区,再按"Delete"键删除选区部分。取消选区如<图5>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图4>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图5>

3.按Ctrl+J 将"按钮--底部"复制一层,选择:编辑> 变形 > 垂直翻转,再选择:编辑> 变形 > 水平翻转,分别如<图6>,<图7> 按 Ctrl 用箭头工具把翻转后的图形水平拖到适当的位置如<图8>。

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图6>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图7>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图8>

4.将两个图层链接如<图9>,再按Ctrl + E 将两图层合并。

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图9>

5.如下图所示锁定透明象素

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图10>

6.选择渐变工具,颜色设置如下<图11>,由上至下绘制渐变效果如<图12>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图11>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图12>

7.新建一层命名为“按钮--高光”,调出“按钮--底部”的选区如<图13>,选择菜单:选择 > 修改 > 收缩,数值为1,再填充淡绿色(R:244,G:253,B:235),按Ctrl + D取消选区。

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图13>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图14>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图15>

8.如<图16>在“按钮--高光”这层添加蒙版,再用黑白渐变工具如<图17>由上往下绘制渐变,效果如<图18>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图16>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图17>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图18>

9.把“按钮--底部”复制一层命名为“按钮--倒影”,选择菜单:编辑 > 变换 > 垂直翻转,用箭头工具拖到适当的位置如<图20>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图19>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图20>

10.在“按钮--倒影”添加蒙版,用黑白渐变由上至下绘制渐变,效果如<图22>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图21>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图22>

11.再最上面一层打上文字"PS联盟制作"文字颜色:(R:247,G:255,B:242),再双击图层调出图层样式选择投影设置如<图24>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图23>

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图24>

12.把文字绘制到另一个按钮上面,适当的再调整按钮的颜色完成最终效果 PSD文件下载

PS按扭制作教程:设计网页水晶鸳鸯按钮

<图25>

应用--可以根据需要调节不同颜色

PS按扭制作教程:设计网页水晶鸳鸯按钮

 

PS按扭制作教程:设计网页水晶鸳鸯按钮

加载全部内容

相关教程
猜你喜欢
用户评论