PS设计教程之如何制作一个时尚的商业模板

来源: 时间:2012-03-29

  今天我们将在Adobe Photoshop中设计一个时尚的商业模板。该模板包含页眉(header)、图片轮换、服务区域、视频,关于我们、页脚(footer)等内容。通过本教程,结合图案、纹理、颜色等元素,轻松几步即可制作出3D效果的界面。

Snickles: Create A Modern Business Template In Adobe Photoshop

  下图是今天我们将要制作的模板,点击可以全屏预览。

  本教程需用到的资源

  · 背景纹理

  · 用户界面元素

  · 社交网站图标

  · 图标

  · 秘鲁AtixVector的插画作品

  第一步:创建文档

  在Photoshop中创建一个1400像素x1700像素的文档。

  标尺工具在本教程中非常有用,使用之前要确保标尺和参考线已经显示

  · 标尺快捷键:Ctrl+R

  · 参考线快捷键:Ctrl + ;

  使用标尺工具时,信息面板也非常重要,用标尺进行测量时,相关信息会先在在信息面板。如果没有显示,你可以到窗口(Windows)勾选上信息(Info)这一选项。

  站点的内容区域的总宽度为960像素。所以我们先创建第一条参考线,进入到视图(View)中的选择新建参考线(New Guide),设置值为220像素,重复步骤将值改为1180像素。这样可保证站点内容区域居于整个画布中央(译者注:即左右各为220像素)

  第二步:为Header和Slider创建背景

  我们要让背景表面呈现出3D效果,以放置幻灯片展示区。顶部安放的是网站标志,导航条和RSS订阅图标。

  使用矩形工具(U)创建一个960像素的,颜色为#092f56的矩形。接下来,用标尺工具从该矩形的底部拉一条距离(该矩形)顶部为140像素的水平参考线

本文结束

特别声明:①凡本网注明稿件来源为"原创"的,转载必须注明"稿件来源:上海育路网",违者将依法追究责任;

②部分稿件来源于网络,旨在与用户分享信息,如有侵权,请联系我们沟通解决。

有用

25人觉的有用

阅读全文

择校咨询、找课登记

项目分类 :
咨询课程 :
学生姓名 :
联系方式 :

上海育路为您提供专业解答

相关文章推荐
您可能感兴趣
少儿英语机构 上海对外交流中心海外留学落户定向班 上海优质国际高中教育展 中外合作办学免联考硕士 上海自考本科培训