当前位置:主页 > 网页教程 > 动画制作 > photoshop动画 > 内容欢迎大家投稿

Photoshop制作一款黑色网页菜单

时间:2010-06-27 10:13来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

 在这个教程里你将会学到如何创建一类似于这个网站所使用的 内容区。其中带有圆角和3D标题效果。如果你对于此教程有任何疑问。

  这是最终的效果:

Photoshop制作一款黑色网页菜单

  1、我们要做的第一件事情就是创建一新的文档。在这个教程中我们使用400×400像素的文档大小。

Photoshop制作一款黑色网页菜单

  2、将背景色更改为#000000。

  3、接下来使用圆角矩形工具画出如下的一选区,半径为10px。

Photoshop制作一款黑色网页菜单

  4、我们想让矩形更生动一些,因此在图层面板中的矩形图层上点击右键,选择混合模式,使用如下设置。

Photoshop制作一款黑色网页菜单

Photoshop制作一款黑色网页菜单

 

 5、这时你应该得到如下图的效果:

Photoshop制作一款黑色的网页菜单(2)

  6、下一步我们要做的是使用矩形选区工具做出如下图的选区,将其填充为白色。

Photoshop制作一款黑色的网页菜单(2)

  7、很显然,我们并不需要白色,因此我们在图层上点击右键,应用如下设置

Photoshop制作一款黑色的网页菜单(2)

Photoshop制作一款黑色的网页菜单(2)

Photoshop制作一款黑色的网页菜单(2)

 

 8、你应该得到和下图类似的效果:

Photoshop制作一款黑色的网页菜单(3)

  9、下一部分我们要做标题的折叠效果。这样就有了透视的feel。使用多边形套索工具创建一如下的选区,将其填充为白色。

Photoshop制作一款黑色的网页菜单(3)

  (责任编辑:大宝库)



------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接