從無到有原創的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