Photoshop設(shè)計教程：ipad主題網(wǎng)頁制作教程

最終效果圖

ipad電腦圖片

#3a3a3a，#111111。以增加背景的層次感。

新建圖層，用矩形工具拉出一個矩形框，使用漸變來填充矩形框。

用矩形選擇工具選中ipad顯示屏區(qū)域，添加一些好看的圖片進去

文本區(qū)域看起來很單調(diào)，最好的方法是加入一些按鈕與圖標(biāo)等，這里先加入以個圓角矩形按鈕

加入一些圖標(biāo)

同樣的方法在ipad功能說明去添加其他矩形文字區(qū)塊

在功能區(qū)域最右下方加入一個下載按鈕，按鈕制作方法很簡單，圖層樣式如下圖。

之后在功能區(qū)域下方加入文本內(nèi)容區(qū)域，這里使用矩形工具先建立一個顏色偏黑的背景區(qū)塊。

在文本右邊加入一些圖片案例，這里使用網(wǎng)格來對其圖片

繼續(xù)添加新的資源區(qū)塊。

這里將ipad圖片放置在兩個資源區(qū)之間，可以起到承上啟下作用，同時讓網(wǎng)站看上去更有整體感

這一步要說下，其實也很簡單，就是做一個斜面區(qū)塊，然后讓ipad看上去是從某個袋子中取出的效果

根據(jù)上面的斜面區(qū)塊繼續(xù)進行細(xì)節(jié)處理，這里我們用矩形工具制作個漸變圖層，透明度設(shè)置為30%。然后將其旋轉(zhuǎn)與斜面平行放置，為斜面添加一些陰影效果，看上去更立體