当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop设计销售iPhone5应用程序的网页教程

Photoshop设计销售iPhone5应用程序的网页教程

今年苹果公司将推出新的iPhone5。与往年一样,相应会有很多配套Apps推出,所以苹果应用程序的网络营销也会如火如荼的展开。这就是为什么我们要有与众不同的Idea,去创建一个iphone相关的网站。

Photoshop设计销售iPhone5应用程序的网站

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

如果你有很多iphone5 Apps。

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

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

Photoshop设计销售iPhone5应用程序的网站

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

Photoshop设计销售iPhone5应用程序的网站

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

Photoshop设计销售iPhone5应用程序的网站

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

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

Photoshop设计销售iPhone5应用程序的网站

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

Photoshop设计销售iPhone5应用程序的网站

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

Photoshop设计销售iPhone5应用程序的网站

6、添加下列图层样式。

Photoshop设计销售iPhone5应用程序的网站
Photoshop设计销售iPhone5应用程序的网站

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

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

Photoshop设计销售iPhone5应用程序的网站

8、复制第一个形状,使用滤镜>添加杂色,数量3,平均分布,单色。并更改复制层的模式为叠加。

(注:英文教程这里写的很模糊,做的效果也不够理想,我做了适当的改动。建议大家看教程时也不要死板去学,教程是死的,人是活的。创造力掌握在我们自己手中)

Photoshop设计销售iPhone5应用程序的网站

9、用直线工具创建两条倾斜的细线。小技巧:可以先画一条倾斜线,复制垂直翻转得到下面的线。

(注:英文教程这步的描述同样模棱两可,我做了新的补充:线使用渐变色添加,设置如下图)

Photoshop设计销售iPhone5应用程序的网站

Photoshop简单制作绚丽多彩的透明心形
Photoshop制作炫彩光线背景的美女海报