javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:主页 > 软件教程 > PotoShop教程 >

使用Photoshop设计网页布局技巧

来源:网络编辑:hdm58发布于:2013-05-12人围观网页Photoshop技巧设计布局

这篇Photoshop网页设计教程将展示出我们的设计秘密。好了二话不说,让我们开始这一步步指导大家如何在Photoshop中设计网页。这篇Photoshop Web界面教程分为以下几个部分:背景:header部分、body部分、footer部分。下面是效果图预览:

making-finaltop

 

背景

第一步:创建一个画布

首先,打开photoshop创建一个新的项目。你可以点击文件>新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900,当然这些设置可以在后期增加。

网站设计教程

图01

第二步:应用渐变

既然我们的画布已经创建了,是时候开始背景的设计了。创建一个新层(快捷键CTRL+SHIFT+N)。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为

网站设计教程

图02

#ede4c9.这个颜色用来表示盒子的颜色。

网页,Photoshop,技巧,相关的文章
有时间的话来看看IT界的突发事件