PS设计教程之如何制作一个时尚的商业模
今天我们将在Adobe Photoshop中设计一个时尚的商业模板。该模板包含页眉(header)、图片轮换、服务区域、视频,关于我们、页脚(footer)等内容。通过本教程,结合图案、纹理、颜色等元素,轻松几步即可制作出3D效果的界面。
下图是今天我们将要制作的模板,点击可以全屏预览。
本教程需用到的资源
· 背景纹理
· 用户界面元素
· 社交网站图标
· 图标
· 秘鲁AtixVector的插画作品
第一步:创建文档
在Photoshop中创建一个1400像素x1700像素的文档。
标尺工具在本教程中非常有用,使用之前要确保标尺和参考线已经显示
· 标尺快捷键:Ctrl+R
· 参考线快捷键:Ctrl + ;
使用标尺工具时,信息面板也非常重要,用标尺进行测量时,相关信息会先在在信息面板。如果没有显示,你可以到窗口(Windows)勾选上信息(Info)这一选项。
站点的内容区域的总宽度为960像素。所以我们先创建第一条参考线,进入到视图(View)中的选择新建参考线(New Guide),设置值为220像素,重复步骤将值改为1180像素。这样可保证站点内容区域居于整个画布中央(译者注:即左右各为220像素)
第二步:为Header和Slider创建背景
学习 · 提示
- 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
- 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
- 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
- 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
- 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
相关教程
- 网页模板,设计酒吧主题网页模板实例
- ps设计蓝色主题风格的网站首页模板教程
- ps cs6设计时尚促销专题页教程
- ps cs6设计个人作品网页模板教程
- ps黑色风格网页模板
- ps一个木纹风格网页模板
- PS设计一个葡萄酒博客网页模板
- 如何设计与PSD模板标题导航菜单教程
- ps设计心形网页模板教程
- ps设计时尚风格数码科技电子商务网站模
推荐教程
- PS教程:绘制清新的色彩生动的网页布局
- Photoshop CS5制作放射状光线网页广告板
- Photoshop制作礼品店网站模板
- PS教程:制作非常不错的wordpress博客网站模板
- Photoshop绘制木质纹理的网站首页模板
- PhotoShop设计制作怀旧风格网页的详细教程
- Photoshop网页设计:杂志风格网站界面
- Photoshop绘制好看的老式wordpress主题
- photoshop网页应用实例:制作苹果导航栏
- ps设计制作居家风格美食Blog网页特效
关注大神微博 加入>>
-
Photoshop绘制绿色风格的尼康相机网页平面图
-
ps切片工具怎么用
-
Photoshop设计教程:设计一款漂亮的网页模板
-
从零手把手教你设计网页
-
Photoshop设计一个简洁风格的绿色网页模板
-
PS创建一款简洁大方的欧美商务网站首页
-
PS设计教程:房地产网站设计流程
-
Photoshop设计简洁的商业网站应用实例