从无到有原创的ipad效果图，本作品也参考了网上的一些教程
本教程所需要的图片我已打包提供了，上传到了csdn上
下载地址：http://download.csdn.net/download/yangyanghaoran/4344726
效果图
本次教程完成后的样子
墙纸制作，顺便教你怎么用photoshop做gif图片，教你快捷键和技巧
完成后ps的 （这个暂时不教，因为太简单了）
原来
ps后的 
原来
ps后的
原来
ps后的
本教程纯属娱乐，有兴趣的可以看一下，不过我希望有评价呦。
第一步：新建画布
点确定
以#383838填充背景(将前景色设为#383838，按Alt+Delete可快速填充背景，若将背景色设为此颜色，按Ctrl+Delete快速填充)
填充完了，“滤镜-杂色-添加杂色”
打开显示，然后设置如下后，点确定，双击背景层，修改此图层名称为background
第一步目前为止如下（我用的是photoshop cs6）
第二步做边框，屏幕等等
①新建图层，选择“圆角矩形工具”，圆角半径设为22px，填充颜色#444243 ，绘制如下图所示的形状，把该图层重命名为“border”。大小感觉不对，按CTRL+T，然后继续调整大小
②在“border”图层上抠出边框来。按住Ctrl键单击“border”图层缩略图，取得选区，执行“选择-修改-缩减”，缩减6px，按Delete删除（border图层要是栅格化后的），请先不要按Ctrl+D 取消选区
③新建图层shell，并且选中，设前景色#000000,按alt+delete填充
④新建图层screen,填充#ffffff
第三步：处理优化边框等等
①选中border图层，双击，修改图层样式
如下设置
其实边框根据个人感觉自己调节
单击screen，双击，设置如下，渐变颜色设置为：#5b5c60-# 000000 的渐变
确定后，置入一张图片当桌面墙纸
① 文件--置入---调整后，点确定（回车）
②调整该图层的位置，置于“screen”图层的上方，然后按住Alt+Ctrl+G创建剪贴蒙版。
然后将图层分组一下，以后调整方便
完成后，我的显示效果如下
第四步：给屏幕写内容
4.1 底部快捷菜单
①将前景色设为白色，新建图层，重命名为“Table”，绘制一个矩形
②执行“编辑-变换路径-扭曲”，拖动上方的两个角点向中间移动如下图。
选中“Table”图层，添加图层样式“渐变叠加”，颜色设置为#454637到#fafbfc的渐变
再将Table层的透明度设置到 58%，然后新建一个 “屏幕内容" 组
效果如下：
给组建立以下结构，并置入一张图片，调整大小（不满意按Ctrl+T 继续调整），我的图片大小调整后宽和高都有是22.66%，（以此字体都是 微软雅黑），如图所示
③倒影按钮的制作
以Safari为例子，选中Safari图层
复制一个safari图片，或者按Ctrl+J 复制
选中复制后的图层， "编辑--变换--垂直翻转" 然后调整一下位置，移到safari的下面，像倒影一样
选中倒影，设置不透明度为39%，添加渐变叠加（从黑到白）
此时倒影有点像了，但是有溢出，用“矩形选框工具”,如图
接着按delete键，如果失败，请先栅格化Safari倒影图层，然后按Delete键删除，接着按Ctrl+D取消选区
添加文字，白色，微软雅黑，字号14
同理，完成Mail，Message，Ipad
完成后效果图如下
为什么要分组，除了管理方便，还有可以作为一个整体调整位置，特别是当和这个工具条联合使用时
你也可以通过 Ctrl+； 或者 Ctrl+R 或者 Ctrl+' 配合对齐图标
具体使用，请自己参考
同理，把中间内容组也应该可以完成了，不过我们先完成标题内容，由于电池图标这个素材我没有找到，找到了一个黑的电池图标
， 还有一个 wifi图标 
标题内容完成很简单，一个矩形，不透明度83%，黑色当背景，下面讲一下电池变成白色的处理，一步就可以了
置入图片后，选中该图层，双击
同理，把wifi的灰图标也改成白的吧；按住Alt键 拖动 fx函数图标，可以往下拖，表示复制样式，拖到哪个层上，哪个图层就拥有了该样式，同理，托模版等就可以举一反三了
完成后：
效果图如下：
同理添加中间内容，此时我的组状况是这样的，组1，组2，组3，主要代表第一行，第二行，第三行...
填完中间的内容效果图如下：
哎...中间这可耗了我快30分钟啊！
第五步：给外壳写内容
①摄像头（我提供了一个样式，直接点一下就行了，摄像头秒做了）
该样式我是提供的，在我提供的素材包里面有这个样式，叫 玻璃.asl，双击一下就可以用这个样式了，在样式版块里
这样摄像头就做好了
②制作侧边的按钮，新建图层，画一个圆角矩形
右侧按钮B的图层样式设置如下
同理，这样把上侧按钮A，和右侧按钮A也做了，完成后效果如下：
③接下来做高光效果，按住ctrl 选中shell层的缩略图，用减去简单一点，你觉得呢？
选区完成了，填充白色，不透明度，我调成3%了，你们自己感觉调着试一试
完成后效果如图
目前整体效果图：
第六步，给屏幕换墙纸（可选）
点前面的眼睛，隐藏老墙纸，然后让新墙纸可见，就是换墙纸了。
第八步，动画制作，gif图片
①首先打开时间轴
②
③
这不应该会吧？写到这里，已经快接近尾声了，哎，从头一边做，一边写教程，一边找素材，不知不觉已经过去了６个小时了～
最后一步：gif 要想动起来，必须要存储为web格式
点存储，只管下一步就行了，什么错误警告没有关系
哇！以后做大的gf图片不用怕了，呵呵，最后预览一遍了
经过修改后，稍微改了后，发布最终版本：
哎~终于写完了...
ps项目结构图
鄙人作品psd下载地址：http://download.csdn.net/detail/yangyanghaoran/4344737