PS设计教程网欢迎你!

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

文章来源于 adobetutorialz.com,感谢作者 PS真功夫原创翻译 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-09-30
在矩形内添加必要说明, 运用 圆角矩形工具 在导航下方拉一个圆角矩形,宽高如图: 拖入素材,对素材层执行 剪切蒙版 ,如下图: 再次用圆角矩形工具,图片的下面再拉出一个圆角矩形,并运用锚点工具将右侧的两个圆

在矩形内添加必要说明,

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

运用圆角矩形工具在导航下方拉一个圆角矩形,宽高如图:

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

拖入素材,对素材层执行剪切蒙版,如下图:

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

再次用圆角矩形工具,图片的下面再拉出一个圆角矩形,并运用锚点工具将右侧的两个圆角改为直角,图层样式>渐变叠加

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

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

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

再下一层再拉出一个圆角矩形,同样添加渐变叠加

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

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

得到如下效果:

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

接下来用软的笔刷工具为上下两层加上亮角,颜色为# 0099CC

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

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

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

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

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

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

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

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

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

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

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

得到以下效果:

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

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