如何創(chuàng)建一個Fancy的設計工作室網(wǎng)頁布局(2)
來源:站酷
作者:wangyufeng_888
學習:6341人次
8、使用直線工具畫一些垂直的線。我使用下列顏色進行填充 #5e5a59。

9、然后使用矩形工具,繪制一個簡單形狀,加入較深的顏色。這個形狀用于按鈕事件。當你用鼠標滑動時就可以從頁面上看到它的變化,當然有程序員配合時,它可以用CSS實現(xiàn),同樣非常的棒!

10、想導航區(qū)域加入一些文字。
個人感覺比較喜歡這樣的導航樣式,寬敞的高度布局,融入了主副標題的設計,注意小號字不是二級導航,而是用一些簡單的詞語概括每個一級導航是什么。類似擴展說明。比較有新意。

11、然后,要使用鉛筆工具繪制一些箭頭。當使用鉛筆工具時,可以設置1px的畫筆筆尖。你可以看到,白色像素箭頭下,同時橢圓工具創(chuàng)建了一個圓形底框。

12、在導航下方創(chuàng)建一個較大的圓角矩形,用于放置幻燈片式的圖片動畫翻滾區(qū)域。

13、為banner的動畫區(qū)域添加操作按鈕,這里使用與導航相同的箭頭樣式。

14、在banner矩形下方,使用橢圓工具添加一個黑色的形狀,如下圖。

15、然后使用濾鏡>模糊>高斯模糊。設置8-10px為半徑。

16、然后使用編輯>變換>扭曲,設置如下圖。


學習 · 提示
相關教程
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應用實例:制作蘋果導航欄
- PhotoShop設計制作懷舊風格網(wǎng)頁的詳細教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop網(wǎng)頁設計:雜志風格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop繪制好看的老式wordpress主題
- ps設計制作居家風格美食Blog網(wǎng)頁特效
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
關注大神微博加入>>
網(wǎng)友求助,請回答!