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

Photoshop
Photoshop 合成创意的液晶显示器广告特效
photoshop 用玫瑰装饰吉它效果
Photoshop调色之偏暗人物的淡红质感肤色
Photoshop 合成的彩色水晶字
Photoshop 仿琉璃色调美女照片
Photoshop 绘制火焰Nike标志教程
photoshop 外景人物照片的细节美化
Photoshop 一朵漂亮的喇叭花
photoshop 合成玩转地球的女魔法师
Photoshop 一幅橙黄的落叶图
Photoshop调色教程之照片可爱的蓝黄色
photoshop 鼠绘黑色的精灵美女
Photoshop 漂亮的彩色光丝
Photoshop 打造陈旧的淡黄色美女图片
Photoshop 制作一个霸气的老虎头
Photoshop 超酷的虎年连写立体字
Photoshop 柔美的蓝色魅力签名
Photoshop 制作柔美的暖色手机图片
photoshop 鼠绘漂亮的旗袍美女
photoshop 利用文字制作个性的面相图片

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


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

完成最后的网站设计图