广告载入中...

photoshop制作web 2.0网页布局

发表时间:2010-06-14内容来源:站长资讯收集整理

在这个photoshop网页设计教程中我们将要学习怎么制作一个专业网站的2.0布局,以前我们学习了那么多的photoshop教程,似乎都有些长,那是因为这些教程都是非常详细。我保证只要你跟着去做就会发现很简单,你所要做的只是去试一试。

最终效果预览

 

详细教程
软件:Adobe Photoshop
版本:CS4
难度:中级
预计完成时间:大约两个小时

步骤1

为了确保能够对齐我们采用960s坐标制(从这里获取)下载打开文件
我们先创建背景图层,在背景层上右击,然后选择背景图层,命名为“bg”。

步骤2

我们运用了这么多参考线,所以我们需要打开视图>标尺。

步骤3

我们要为标题区设置下边框,所以需要在下方100px拖拽一条新的参考线,执行视图——新建参考线,位置:100

  • 站长资讯刊登此文只为传递信息,并不表示赞同或者反对作者观点。
  • 如果此内容给您造成了负面影响或者损失,本站不承担任何责任。
  • 如果内容涉及版权问题,请及时与我们取得联系。

文章评论

共有 位CH网友发表了评论 查看完整内容