使用软件:photoshop   阅读次数:   收录时间:2008-11-09

photoshop设计家具沙发网站模板

作者:victor  来源:websbook.com翻译

新建760 x 770 文件,拖动一张沙发家具图片到图层中

Furniture Layout - Designer Layout image 1 

使用矩形工具

Furniture Layout - Designer Layout image 2 

在新建的图层上绘制一个十分小的正方形

Furniture Layout - Designer Layout image 3 

随后我们再制作一个箭头,用于搜索部分

我们使用PS自定义形状工具

Furniture Layout - Designer Layout image 4

你可以自己选一个喜欢的箭头,这里我们使用如下图的箭头,如果你的PS里没有,请下载 Shape-Mania.

Furniture Layout - Designer Layout image 5 

制作完箭头形状

Furniture Layout - Designer Layout image 6 

为箭头添加图层样式

Furniture Layout - Designer Layout image 7 

带效果的箭头

Furniture Layout - Designer Layout image 8 

使用直线工具

Furniture Layout - Designer Layout image 9 

绘制线条

Furniture Layout - Designer Layout image 10 

现在我用圆角矩形工具来制作搜索区域,填充颜色为#7f7f7f

Furniture Layout - Designer Layout image 11 

依然用圆角矩形工具制作内部的区块

Furniture Layout - Designer Layout image 12 

使用矩形工具来制作搜索条的输入部分

Furniture Layout - Designer Layout image 13 

结合上面所做的一些图层,完成样子如下的搜索框

Furniture Layout - Designer Layout image 14 

这个网站由于主题是家具,所以设计思路是开放式的版面,我们只用图片与文字将整个网站分割成一块块区域,虽然我们没有使用线条与区块分割,不过由于我们每块区域本身比较紧筹,同时区块与区块之间的空隙比较大,所以感觉上并没有相互影响,这种版面也是经常在视觉与艺术类网站中见到

Furniture Layout - Designer Layout image 15 

添加上我们的搜索条与家具图片,我们的网站就算完成了

Furniture Layout - Designer Layout Tutorial: Final Result

 

websbook.com翻译.转载请保留此链接

    评论加载中…
教程导航
网站界面热门教程
网页设计中的分页思考
互联网上的资源多不胜数,无论我们搜索资料还是查阅新闻,或者是在网上淘物等等,肯定没少见分页! 分页模式和表现方法也是各有千秋。 我们来看看下面这些图片:...
作者:schiy
为什么我们需要网页模板?
什么网页模板?简单的说,它就是一个已经设计好的站点,使用者可以直接使用或者修改后使用.整个internet网上充满了各式各样的网页模板,这些模板可以满足不同的建站...
作者:Chavez Fazli
Vista 按钮的制作教程,给新手看哦
昨天看到有朋友问做这个图的具体制作步骤,这里就不细做了,只是讲的一个流程 1、先画一个圆,如图: t1.jpg (7.95 KB) 2007-7-12 10:05 2、加渐变,如图: t2.j...
作者:tvtv
photoshop设计很酷的汽车网站
新建850x850px大小黑色背景,用多边形套锁工具勾选如下图区域 填充白色,其间依然保持选框选中状态下添加蒙板,随后转换到通道图层中会看到一个图层蒙板0通道的...
作者:
PS制作垂直导航条教程
这次我们使用PS制作一个简单的垂直导航条,过程十分简单,适合新手阅读学习! 不过作为网页设计来说优秀的作品并不在于操作上的复杂,而是在于细节上的处理,所以一位...
作者:Pulse GFX