PS设计教程网欢迎你!

Photoshop制作一款漂亮的网页模板

文章来源于 adobetutorialz.com,感谢作者 PS真功夫原创翻译 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-09-30
本教程主要用Photoshop来设计一款蓝色风格的网页模板,最终们就得到了如此精致绚丽的网页,教程主要是训练了学习者对于网页层次感的把握以及细节的处理,跟着做一遍能大有收获的。

最终效果:

Photoshop制作一款漂亮的网页模板

首先,新建一个800× 800px的画布,用渐变工具拉出垂直渐变,颜色系数在图内给出。

Photoshop制作一款漂亮的网页模板

画布将成为这样(水印效果为小Y翻译时加上,作者原图无):

Photoshop制作一款漂亮的网页模板

新建图层,用圆角矩形工具在中间拉出一个矩形,填充任意颜色,在图层面板里将填充设为0%。

Photoshop制作一款漂亮的网页模板

选择中间矩形所在图层,图层样式>渐变叠加#3399cc~#00cccc

Photoshop制作一款漂亮的网页模板

Photoshop制作一款漂亮的网页模板

这是我们现在得到的效果:

Photoshop制作一款漂亮的网页模板

选择自定义形状工具,选择其中的一个圆形形状。

Photoshop制作一款漂亮的网页模板

新建图层,画几个圆形,用变形工具适当变形,最好将它们放入一个群组内,得到以下效果。

Photoshop制作一款漂亮的网页模板

Photoshop制作一款漂亮的网页模板

选择大小适中的软性画笔用#3399cc的颜色轻涂矩形上方与圆相交区域。

Photoshop制作一款漂亮的网页模板

在最上方新建图层,用圆角矩形工具,再得到一个略小的矩形,至于中间,填充黑色。

Photoshop制作一款漂亮的网页模板

图层样式,外发光、渐变叠加(#003366~006699),具体参数如下:

Photoshop制作一款漂亮的网页模板

Photoshop制作一款漂亮的网页模板

得到以下效果图:

Photoshop制作一款漂亮的网页模板

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa