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

最終效果圖

ipad電腦圖片

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

新建圖層，用矩形工具拉出一個(gè)矩形框，使用漸變來(lái)填充矩形框。

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

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

加入一些圖標(biāo)

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

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

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

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

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

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

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

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