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

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

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

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

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

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

3. 調整圖層的上下位置

4. 將3D主機圖片翻轉

5. 將復制的圖片向左移動

完成后使其居中對稱

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

7. 隨后進行動感模糊

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