网站地图 联系我们

ps教程,学习ps入门,从小白到大神,能力快速提升到高手级别,用技术实现手把手教学,零基础快速入门
当前位置: ps教程 > ps教程 > ps零基础学习教程 > 正文

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

来源:肚皮舞 浏览量: 发布日期:20-05-15 00:00:00 调整字体大小【 【所属栏目:ps零基础学习教程】
PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程。本教程介绍网页常用水晶按钮的制作方法,思路:制作方法跟平时做的水晶按钮一样,需要注意光感及细节的调节,颜色及背景可以按照自己的喜好选用。最终效果

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图3>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图4>

4.回到圆角矩形副本层,双击图层调出图层样式,参数设置如图5,6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆,然后按Delete删除,效果如图7。

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图5>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图6>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图7>

5.如图8所示锁定图层。

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图8>

6.选择矩形选框工具把圆角矩形的下半部分框选,再选择渐变工具颜色设置如图9,然后在绘制图10所示的线性渐变。拉好渐变后不要取消选区,按Ctrl + Shift + I反选,

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图9>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图10>

7.选择渐变工具颜色设置如图11,然后在绘制图12所示的线性渐变。总体效果如图13。

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图11>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图12>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图13>

8.调出圆角矩形的选区,新建一个图层填充颜色:#C5B564,选择橡皮工具,只保留由边一小部分,其它的地方都擦锄,效果如图14。

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图14>

9.调出圆角矩形的选区,新建一个图层填充白色,然后把选区向下移动3个像素,如图15,然后按按Delete删除,适当的调整透明度.最后打上文字完成最终效果。

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图15>

PS按扭制作教程:制作漂亮的网页白边水晶按钮实例教程

<图16>

此为线上销售视频,基本动作入门教学视频共28式,如需其他视频教程请联系肚皮舞教练。

标签:

肚皮舞培训课程

肚皮舞教程

肚皮舞资讯

联系卡伊丝contact us
联系我们
ps教程「photoshop零基础入门到精通」ps新手入门教程-ps教程自学网

咨询热线:18301225663