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

Photoshop
Photoshop教程:平面图快速变换为全景图
PS教程:巧用滤镜制作滴墨成花动画
Photoshop教程:暖冬风格可爱的儿童照片
Photoshop教程:使用变形工具制作变形图案
Photoshop教程:超酷的光线炫彩线条人物
Photoshop绘制高光水晶质感水晶苹果
练就网络美女 PS完美除痘痘磨皮教程
Photoshop简单绘制好看的卡通圣诞树
Photoshop教程:绘制精美的2010圣诞贺卡
PS调色教程:时尚的粉青色调美女图片
Photoshop教程:淡雅的日本风格色调图片
Photoshop+Illustrator绘制光芒放射的五角星
Photoshop CS4钢笔工具绘制抽象发光背景
Photoshop替换颜色功能制作唯美的梦幻紫色调照片
Photoshop鼠绘教程:可爱的卡通小松鼠
PS调色教程:温馨的咖啡色调美女照片
Photoshop绘制清爽风格的黑色网页按钮
PS教程:Photoshop滤镜打造绚丽漂亮光线
Photoshop照片教程:梦幻的韩式风格情侣照片
PS调色教程:黑白照片的简单调色方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 360 ::
收藏到网摘: 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 

完成最后的网站设计图