当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

PS设计iPhone苹果应用电子网站

来源:站酷网 作者:wangyufeng_88 学习:5463人次

  今年苹果公司将推出新的iPhone5。

  与往年一样,相应会有很多配套Apps推出,所以苹果应用程序的网络营销也会如火如荼的展开。

  这就是为什么我们要有与众不同的Idea,去创建一个iphone相关的网站。

  如果你想通过网店来销售公司的Apps。

  如果你有很多iphone5 Apps。

  我们将教你如何创建一个好看的布局,用电子商务网站出售你的iphone应用程序。

  老方法,先看看整体样式。

PS打造具有空间感的iPhone苹果应用电子商务网站网页设计制作教程 教程

  1、新建文档,Size:1100*721px,填充背景色 #2b2b2b。

bbs.16xx8.com

  2、下一步是填充背景,与第3篇《设计工作室网页教程》所教的一样,使用添加图层样式工具。

bbs.16xx8.com

  3、如果你没有看过上一篇教程。可以单独建立个新文件,Size:2*2px,背景透明,使用铅笔工具绘制两个成对角形式的1*1px像素点。然后点击编辑>定义图案,选择一个名称,单击确定。

  然后回到该文档,可以在填充图案中找到你刚画的图形,填充到背景层。

bbs.16xx8.com

  4、在背景层上方,使用圆角矩形绘制一个形状。半径:5px,Size:940*226px,填充色:#010101。

bbs.16xx8.com

  5、在左侧,继续用圆角矩形工具创建一个小形状图形,Size:69*81px。

bbs.16xx8.com

  6、添加下列图层样式。

bbs.16xx8.com
bbs.16xx8.com

  7、继续使用相同的工具,创建新的形状。然后做出透视的纵深效果,可以使用编辑>变换>透视角度工具。

  使用图层样式,加入横向渐变色 #010101-#222222

bbs.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!