当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作欧美风格模特网站模板

Photoshop
Photoshop绘制水墨梅花入卷轴效果
Photoshop教你改变美女的眼睛和鼻子的大小教程
Photoshop就地取材做果汁合成入门教程
Photoshop调色教程打造杂志《外国黄》效果
Photoshop合成教程 打造非主流颓废效果
photoshop初级教程制作投影的简单方法
photoshop美容教程 使皮肤白的真实
photoshop美女艺术浅黄色特效教程
photoshop 2寸照片制作方法
Photoshop创意教程 八个设计技巧 让你的图片跳出来
Photoshop油画效果制作教程
Photoshop手绘一款漂亮的台历教程
Photoshop曝光过度人物照片综合修复教程
详解photoshop曲线调色教程 那村老师
Photoshop给杂点较多的偏暗人物磨皮教程
Photoshop CG效果教程(人物)
Photoshop 火岩字效果比较逼真
Photoshop 黄金宝石字教程
PS鼠绘太空机器人战斗场景
Photoshop 插画人物眼睛的绘制教程

Photoshop制作欧美风格模特网站模板


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 491 ::
收藏到网摘: n/a

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

最终效果如下:

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

Personal Portfolio Layout image 1 

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

Personal Portfolio Layout image 2 

导入一张你喜欢的图片,复制图片到头部圆角矩形位置

按住ctrl随后点选圆角矩形图层,出现选区,随后选中导入的图片图层,反选,删除,你将会看到圆角区域的图片保留下来,其他区域被删除了

Personal Portfolio Layout image 3 

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

Personal Portfolio Layout image 4 

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

Personal Portfolio Layout image 5 

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

Personal Portfolio Layout image 6 

随后增加渐变样式

Personal Portfolio Layout image 7

Personal Portfolio Layout image 8 

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

Personal Portfolio Layout image 9

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

Personal Portfolio Layout image 10 

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

Personal Portfolio Layout image 11 

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

Personal Portfolio Layout image 12 

加入导航与图片链接

Personal Portfolio Layout image 13 

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

 

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

 

现在添加网站主体的文字与图片内容

 

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

Personal Portfolio Layout image 17 

添加花草与底部文字

Personal Portfolio Layout image 18 

完成最后的网站设计图