当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:解析房产网站banner图片的制作

Photoshop
Photoshop 一张漂亮的荷花插画
Photoshop 调出风景照片清新的色彩
Photoshop 漂亮的编织字
Photoshop 一匹燃烧的火马
Photoshop 照片经典暗光金色调
photoshop 笔刷制作简单漂亮的潮流壁纸
Photoshop 一个漂亮的水晶音符图标
Photoshop 漂亮的紫色发光字
Photoshop 彩色的涂鸦字效果
Photoshop 偏黄照片鲜丽的红色调
photoshop 滤镜制作漂亮的放射光效果
photoshop 利用模特素材制作经典的艺术海报
photoshop 合成可爱的梨子脸部表情
Photoshop 打造华丽的金色婚片
photoshop 合成燃烧后正在坠毁的飞机
photoshop 鼠绘一只彩色羽毛的鹰
Photoshop 模特暗调金色质感肤色
Photoshop 美女照片转柔美的仿手绘效果
photoshop 合成冰河上的古代城堡
Photoshop 漂亮的彩色水晶字

Photoshop教程:解析房产网站banner图片的制作


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

本例我们来分析学习一个清新风格房产网站banner的制作,希望朋友们能通过本例学习到一些设计思路。

先看一下成品

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

我设计banner的时候经常就找一张合适的照片,再加上文字就OK了。很少会拼凑一些图
就算是拼凑的话也基本就是拉个渐变把两张图凑在一起
但这次来看看韩国的banner是怎样设计的
首先我来一个一个的分解

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

这是最后面的背景图,蓝天白云,接下来

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

在原来的基础之上就加了一层的白云,这次是把第一层反转过来,变亮处理

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

接着在左上角添加一张抠好的树的图片,是用来遮挡住房子的上面

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

接下来把抠好的房子放在树的上面。
我说说这个房子,仔细看就是一个普通的照片,一点特殊处理的都没有。看来韩国的banner主要是靠拼凑做出来的,首先考验的就是拼凑的技巧了。

再接着看下一层

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

这个草地照片是很好找的,XP的默认壁纸就是这样的,稍稍的挡住一些房子底部的街道,接着为了添加小道来做准备

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

这个小道的加入为房子和整个画面增加了很强的立体感

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

最后在小道的旁边再加入一个小树的图层

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

设计师很细心的在小树底下加上了一层阴影

<a href='http://www.RuanChen.Com/'><u>Photoshop教程</u></a>:解析房产网站banner图片的制作-软晨学习网

最后加上右边的大树与文字,整个banner就设计完毕了。
从以上的分析可以看出,设计师可以按照网站表达的出题自行拼凑出一个banner出来。
首先注意抠图的技巧,大树的叶子与小道两边的草就比较难。
经过多次练习可以更好的掌握这种banner的制作方法。有助于我们将来设计更具特色的banner。