当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计一张古典的的网页效果图(2)

Photoshop设计一张古典的的网页效果图(2)

12.我们需要在头部添加一些细节,让它看起来不会太空。我们可以利用花形状的笔刷。

Photoshop设计一张古典的的网页效果图

14. 我们要应用到一些混合属性。双击图层打开图层属性面板,找到图案叠加,载入叫做 Grayscale patterns的图案。下面是相关参数。

Photoshop设计一张古典的的网页效果图

15. 现在的效果。

Photoshop设计一张古典的的网页效果图

16.利用矩形选区创建四个菜单,填充不同的颜色。保证这几个菜单图层在纸张图层的下面。我用的是渐变颜色,字体选择的是Italic.

Photoshop设计一张古典的的网页效果图

17. 我们添加了一些内容

Photoshop设计一张古典的的网页效果图

18. 利用形状创建两个箭头。用任何一个 grunge bursh轻轻的擦除形状,让他们看起来有一些纹理。

Photoshop设计一张古典的的网页效果图

添加斜面与浮雕,参数如下。

Photoshop设计一张古典的的网页效果图

19.我们仍然需要添加两个内容分割线。用之前应用过的笔刷来绘制分割线即可。

Photoshop设计一张古典的的网页效果图

20. 好了,添加一些图标和文字。保持图标的透明度在50%。

Photoshop设计一张古典的的网页效果图

字体为Skecth Rockwell,设置内阴影,参数如下。

Photoshop设计一张古典的的网页效果图

21. 添加必要的文字,版权部分等等。这时候我们就得到了最终的效果。

Photoshop设计一张古典的的网页效果图

这是内容页看起来的效果。

Photoshop设计一张古典的的网页效果图

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页
  • 上一篇:Photoshop制作一个以绿色为主题的网页
    下一篇:Photoshop简单网页效果图教程

    图集推荐

    • 灵感
    • 美图