育路网学员服务电话:021-64691126

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像素的水平参考线

更多

更多上海计算机信息请访问:上海计算机培训网
上海计算机培训咨询电话:021-51602254
课程搜索:
免责声明
① 由于各方面情况不断调整与变化,育路网所提供的所有考试信息仅供参考,请考生以权威部门公布的正式信息为准。
② 本站注明稿件来源为其他媒体的文/图等稿件均为转载稿,本站转载出于非商业性的教育和科研之目的,并不意味着 赞同其观点或证实其内容的真实性。如转载稿涉及版权等问题,请作者在两周内速来电或来函联系。
③ 凡本站注明“稿件来源:上海育路网”的所有文字、图片和音视频稿件,版权均属本网所有,任何媒体、网站或个 人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本站协议授权的媒体、网站,在下载使用时必 须注明“稿件来源:上海育路网”,违者本站将依法追究责任。
论坛话题
关于育路 | 企业理念 | 诚聘英才 | 商务合作 | 网站声明
全国免费热线:400-631-6616、021-51860462 邮箱:sh_yuloo#163.com (发送邮件时请将#换成@)
@2006-2016上海育路网络科技有限公司版权所有
网站备案:京ICP备10025267号-13 | 京公网安备110108904040号
友荐云推荐