点击这里给我发消息 点击这里给我发消息

Photoshop技巧;制作欧美风格的网站模板

添加时间:2010-1-5
    相关阅读: 网站设计 建网站 制作网站 设计 模板 页面 HTML
这次用Photoshop制作欧美风格模特网站模板,由于这个模板网站的内容并不太多,所以主要使用2分拦布局,同时结合多边形的导航与花草图片的点缀使整个页面风格十分活跃,网站的图片可以说是主要的色彩区域,通过优质图片素材的选择与文字的结合,让人觉得整个页面十分饱满与协调。

  最终效果如下:

  Photoshop技巧;制作欧美风格的网站模板(图一)

  首先,新建850x1200大小文件,将背景复制一次,然后在复制出的背景上增加渐变图层样式,如下图。

  Photoshop技巧;制作欧美风格的网站模板(图二)

  使用圆角矩形绘制黑色区域

  Photoshop技巧;制作欧美风格的网站模板(图三)

  接着,导入一张你喜欢的图片,复制图片到头部圆角矩形位置。按住ctrl随后点选圆角矩形图层,出现选区,随后选中导入的图片图层,反选,删除,你将会看到圆角区域的图片保留下来,其他区域被删除了。

  Photoshop技巧;制作欧美风格的网站模板(图四)

  使用钢笔工具勾画如下形状

  Photoshop技巧;制作欧美风格的网站模板(图五)

  填充钢笔选区为白色,调整不透明度为12%

  Photoshop技巧;制作欧美风格的网站模板(图六)

  使用多边形工具在网站顶部绘制如下图形状

  Photoshop技巧;制作欧美风格的网站模板(图七)

  随后增加渐变样式

  Photoshop技巧;制作欧美风格的网站模板(图八)

  Photoshop技巧;制作欧美风格的网站模板(图九)

  在多边形上制作导航按钮文字与搜索条

  Photoshop技巧;制作欧美风格的网站模板(图十)

      下一步,我们导入花的素材作为网站头部的装饰。

      Photoshop技巧;制作欧美风格的网站模板(图十一)

      随后用草的PS笔刷来进一步修饰网站头部

      Photoshop技巧;制作欧美风格的网站模板(图十二)

      之后用制作导航同样的方法制作网站头部下方的长方形区域,如下图

      Photoshop技巧;制作欧美风格的网站模板(图十三)

      加入导航与图片链接

      Photoshop技巧;制作欧美风格的网站模板(图十四)

      使用颜色#242323 到#000000 的渐变色创建网站的主要区域,同时导入一张女性模特素材。

      Photoshop技巧;制作欧美风格的网站模板(图十五)

      复制模特图片,随后将原始的模特图片进行4%模糊处理,再将复制出的图片设置不透明度为65%。

      接着,再添加网站主体的文字
    与图片内容。

      Photoshop技巧;制作欧美风格的网站模板(图十六)

      现在使用钢笔工具勾画网站底部形状,颜色与网站的头部导航区域相同。

      Photoshop技巧;制作欧美风格的网站模板(图十七)

      添加花草与底部文字

      Photoshop技巧;制作欧美风格的网站模板(图十八)

      最后,完成网站设计效果图。是不是很时尚、美观,那么赶快跟着也做一个吧。

      Photoshop技巧;制作欧美风格的网站模板(图十九)

    本文作者:未知
    咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
    广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
    广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
    = 深圳商务地址:深圳市宝源路华丰宝源大厦606
    研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册