Photoshop設計教程:設計一款漂亮的網(wǎng)頁模板(3)
來源:未知
作者:bbs.16xx8.com
學習:1377人次
加上文字和圖片,并且在左上角注明標題(添加外發(fā)光樣式,系數(shù)給出),右上角注明日期和另外一個logo出現(xiàn)過的五角星(筆刷工具)。
再在下面添加一個類似層,你將得到如下效果,
繼續(xù)在畫布右側,畫出兩個前面我們做過的漸變(垂直)交叉層,漸變系數(shù)給出。
得到以下效果:
添加上文字和圖片,
將以上三個圖層放如一個組中,復制組,放置在下方。
用矩形工具在下方做出若干個矩形圖形,交替的添加漸變樣式(垂直),漸變系數(shù)分別給出。
添加上文字和標題,所用字體(標題的外發(fā)光樣式)同上。
矩形工具,拉一個大的圓角矩形,包括頁面以下的兩個板塊,添加漸變樣式(垂直)。
添加蒙版,略微用黑色筆刷在蒙版上將兩邊擦暗一點,得到如下效果。
再次用橢圓形狀工具+變形工具,在頁面底部同樣拉出不規(guī)則的若干橢圓形狀,添加上顏色#0066cc。
大功告成,我們就得到了如此精致絢麗的網(wǎng)頁,該教程主要是訓練了學習者對于網(wǎng)頁層次感的把握以及細節(jié)的處理,跟著做一遍能大有收獲的。
學習 · 提示
相關教程
推薦教程
- Photoshop網(wǎng)頁設計:雜志風格網(wǎng)站界面
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PhotoShop設計制作懷舊風格網(wǎng)頁的詳細教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- photoshop網(wǎng)頁應用實例:制作蘋果導航欄
- ps設計制作居家風格美食Blog網(wǎng)頁特效
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
關注大神微博加入>>
網(wǎng)友求助,請回答!