优艾设计网

PS设计教程:设计一款漂亮的网页模板

优艾设计网 https://www.uibq.com 2023-01-04 16:42 出处:网络 作者:bbs.16xx8.com
 最终效果: 首先,新建一个800× 800px的画布,用渐变工具拉出垂直渐变,颜色系数在图内给出。

加上文字和图片,并优艾设计网_Photoshop且在左上角注明标题(添加外发光样式,系数给出),右上角注明日期和另外一个logo出现过的五角星(笔刷工具)。

再在下面添加一个类似层,你将得到如下效果,

继续在画布右侧,画出两个前面我们做过的渐变(垂直)交叉层,渐变系数给出。

 

得到以下效果:

添加上文字和图片,

将以上三个图层放如一个组中,复制组,放置在下方。

用矩形工具在下方做出若干个矩形图形,交替的添加渐变样式(垂直),渐变系数分别给出。

 

添加上文字和标题,所用字体(标题的外发光样式)同上。

矩形工具,拉一个大的圆角矩形,包括页面以下的两个板块,添加渐变样式(垂直)。

添加蒙版,略微用黑色笔刷在蒙版上将两边擦暗一点,得到如下效果。

再次用椭圆形状工具+变形工具,在页面底部同样拉出不规则的若干椭圆形状,添加上颜色#0066cc。

大功告成,我们就得到了如此精致绚丽的网页,该教程主要是训练了学习者对于网页层次感的把握以及细节的处理,跟着做一遍能大有收获的。

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消