ps设计网页定价表(5)插图

ps设计网页定价表(5)

在这篇用户界面设计教程中,我将向您展示如何用Photoshop设计一个时尚的定价表界面。定价表常见于一些基于web应用程序的网站。我们将运用横排文字工具和圆角矩形工具等来完成我们的这项任务。我将向您展示如何迎合

ps设计网页定价表(2)插图

ps设计网页定价表(2)

最终效果如下图: 现在我们将创建一个小的圆角矩形来展示定价计划的名称。在这一列的最顶端,设置圆角矩形工具半径为5px,创建一个130*40px的圆角矩形。 给该矩形设置阴影和渐变叠加,参数如下: 用钢笔工具在圆角

广告位
ps设计网页定价表(4)插图

ps设计网页定价表(4)

第四步:创建其余的价格列 首先在图层面板中,选中除背景图层外的其它所有图层,Ctrl+G将这些图层放在同一个图层组中。 然后复制图层组两次并按照下图所示的样子,将它们肩并肩排好,修改新列的一些细节部分,使它

ps设计网页定价表(3)插图

ps设计网页定价表(3)

现在,在计划表下方,我们将在Standard计划列中设计一个列表。在每一列表项中,画两条宽度为1px的线条,使第一条线的亮度比背景深, 另一条线的亮度比背景浅,这样将生成一种阴影效果。 再下一步,让我们创建一个时

ps设计网页定价表插图

ps设计网页定价表

定价表常见于一些基于web应用程序的网站。我们将运用横排文字工具和圆角矩形工具等来完成我们的这项任务。我将向您展示如何迎合现代的web发展主流来创建这样一个表界面。

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部