网站地图 联系我们

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

PS按扭制作教程:设计漂亮的高光网页按扭图片

来源:肚皮舞 浏览量: 发布日期:20-05-15 00:00:00 调整字体大小【 【所属栏目:ps零基础学习教程】
PS按扭制作教程:设计漂亮的高光网页按扭图片. 本教程主要介绍常用按钮的制作方法。思路:先绘制好按钮的形状,然后适当的把按钮的下面及上面都加上光感,高光部分的制作比较重要,需要根据实际的颜色选择不同的高光效果。最终效果

2.调出圆角矩形的选区,在背景图层上面新建一个图层,填充颜色:#FBE39B,按Ctrl + D取消选区,执行菜单:滤镜 > 模糊 > 动感模糊,参数设置如图3,效果如图4。

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图3>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图4>

3.调出圆角矩形的选区,在最上面新建一个图层,选择菜单:编辑 > 描边,数值为1,颜色为:##FBE39B,效果如图5。

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图5>

4.新建一个图层,用椭圆选框工具绘制一个图6所示的正圆,按Ctrl + Shift + D羽化数值为15,然后选择渐变工具颜色设置如图7,绘制图8所示的渐变。

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图6>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图7>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图8>

5.按Ctrl + J把渐变的图形复制一份,把副本先隐藏,按Ctrl + T如图9变形,确定后再把副本显示出来,再按Ctrl + T如图10所示变形,确定后把图层混合模式改为“叠加”,效果如图11。

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图9>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图10>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图11>

6.回到按钮主体图层,使用椭圆选框工具绘制图12所示的椭圆按Ctrl + Shift + D羽化数值为10,再按Ctrl + M适当调亮,效果如图13。

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图12>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图13>

7.再整体调下明暗度,效果如图14,最后打上文字完成最终效果。

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图14>

PS按扭制作教程:设计漂亮的高光网页按扭图片

<图15>

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

标签:

肚皮舞培训课程

肚皮舞教程

肚皮舞资讯

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

咨询热线:18301225663