当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

ps设计网页定价表(2)

来源:chenzimu.com  作者:臣子木  学习:3968人次

最终效果如下图:

ps教程:www.16xx8.com_

 

 

 

 

 

 

  现在我们将创建一个小的圆角矩形来展示定价计划的名称。在这一列的最顶端,设置圆角矩形工具半径为5px,创建一个130*40px的圆角矩形。

ps教程:www.16xx8.com_

  给该矩形设置阴影和渐变叠加,参数如下:

ps教程:www.16xx8.com_
ps教程:www.16xx8.com_
ps教程:www.16xx8.com_

  用钢笔工具在圆角矩形的两端分别画一个小斜角(如下所示),这将使其呈现出环绕着价格列的效果。

ps教程:www.16xx8.com_

  选择横排文字工具,设置字体大小为20px,字体颜色为白色,字体可任选,然后在矩形上方写上计划的名称(在本教程中,名字为"Standard" )。

ps教程:www.16xx8.com_

  给文字图层设置平滑的阴影和灰色的颜色叠加效果,参数如下:

ps教程:www.16xx8.com_
ps教程:www.16xx8.com_

下一步,在计划名称的下方添加价格的明细部分(如下所示)。给该文字图层添加一个灰色颜色叠加和阴影效果。

ps教程:www.16xx8.com_


学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!