当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计苹果系统风格的网页模板(2)

Photoshop设计苹果系统风格的网页模板(2)

5.细腻的纹理质感,能给一个设计带来画龙点眼的效果.选择头部展区图层按crtl+J复制副本,选中副本滤镜--杂点--添中杂点,如图.混合模式:叠加,减小透明度得到效果.

Photoshop设计苹果系统风格的网页模板

6.在导航上增加公司的Logo,然后添加图层样式,添加一个渐变,颜色选择和头部相匹配的,然后再加一个内阴影的效果.

Photoshop设计苹果系统风格的网页模板

7.新建一个图层,选择文字工具,颜色先中灰色然后在导航上打上文字.给链接的颜色可以选择深一点.

Photoshop设计苹果系统风格的网页模板

8.在头部设一个地方,来介绍网站的特色.为标题选择一个合适的字体大小,最后给文字加上阴影.

Photoshop设计苹果系统风格的网页模板

9.继续完成内容,这次我们文字用arial或helvetice字体,这样可以使HTML识别,而不成图片来替换,这样可以增加网页的下载速度.

Photoshop设计苹果系统风格的网页模板

10.在头部加一个笔记本电脑,这样正好服合一个虚构公司的性质,创建一个重点的区域来显示在网站在笔记本中的效果.

Photoshop设计苹果系统风格的网页模板

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:Photoshop实例教程:制作游戏杠金花按钮
    下一篇:Photoshop制作蓝色风格网站首页模板

    图集推荐

    • 灵感
    • 美图