Photoshop設(shè)計(jì)IDC公司網(wǎng)站模板(4)

今天我來教大家用Photoshop設(shè)計(jì)一種IDC公司網(wǎng)站的模板

有些網(wǎng)站需要很酷的效果來吸引用戶瀏覽,比如IDC公司網(wǎng)站,所以我們可以使用3D圖片來作為整個(gè)主機(jī)網(wǎng)站的設(shè)計(jì)元素,如下圖主機(jī)服務(wù)器網(wǎng)站模板就是基本依靠3D圖片的組合來完成的設(shè)計(jì)。

這里我們主要介紹一下網(wǎng)站頭部的設(shè)計(jì)思路

1. 如下圖片效果,中間的標(biāo)簽是現(xiàn)成的素材,主要是中間部分使用了PS樣式與漸變來做效果,同時(shí)可以通過圖層的修飾來完成局部的剪影,陰影效果的制作

2. 我們選擇了如下3D圖片作為主機(jī)素材導(dǎo)入到網(wǎng)站中

3. 調(diào)整圖層的上下位置

4. 將3D主機(jī)圖片翻轉(zhuǎn)

5. 將復(fù)制的圖片向左移動(dòng)

完成后使其居中對(duì)稱

6. 我們?yōu)橹鳈C(jī)圖片左右增加一些陰影效果,使用筆刷繪制如下圖

7. 隨后進(jìn)行動(dòng)感模糊

8. 將完成的陰影放入主機(jī)圖片的圖層下,這樣看上去主機(jī)圖片兩邊就有了陰影效果