PS設(shè)計一個干凈的蘋果iPad產(chǎn)品網(wǎng)站網(wǎng)(11)
效果圖:
1.創(chuàng)建新文件:1100 x 1250像素。 背景顏色:#e8e8e8。
2.復(fù)制背景圖層(CTRL + J),然后濾鏡>雜色>添加雜色,設(shè)置如下。
3.創(chuàng)建一個圓角矩形、白色的形狀在中間的空間布局.
4.簡單的圖層樣式:
5.在右邊的位置,加增iPad的圖片。
6.復(fù)制兩個ipadi圖片,添加高斯模糊效果,移動到后方,左右分開, 產(chǎn)生空間感。(這里圖象加載失敗就省去圖象)
7.創(chuàng)建一個簡單的字體效果:
8.圖層樣式設(shè)置:
9.新建圖層,創(chuàng)建矩形選區(qū)。
10.選擇油漆桶工具>選擇圖案,或是選擇編輯>填充>圖案。圖案如下,大家可以動手制作,也可以下載。
11.效果如圖。
12.以相同的方式制作下邊的細線。
13.選擇圓角矩形工具,創(chuàng)建一個藍色形狀。
14.藍色形狀的設(shè)置:
你可以使用自己喜歡的顏色,也可以去下載(點擊下載)。
15.選擇鋼筆工具,按形狀的邊界。 然后修改下面的圖片的形狀。
左邊也是一樣的。
16.下一步是創(chuàng)建兩個小圓圈。 放置在背景層上方的圖層。
17.在這個藍色的形狀中添加3個形狀。
18.三個形狀使用的圖層樣式。
19.選擇自定義形狀工具添加一個箭頭。
20.添加一些文字,另加一個ipad公司的形象。
21.創(chuàng)建一個簡單的導(dǎo)航, 此按鈕層使用的樣式是與大的藍色形狀使用的相同。
22.內(nèi)容部分增加一些文字和按鈕。
23.最終的效果。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制好看的老式wordpress主題
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細教程
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄